@widergy/energy-ui 3.191.0 → 3.192.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# [3.192.0](https://github.com/widergy/energy-ui/compare/v3.191.0...v3.192.0) (2026-10-06)
+
+
+### Bug Fixes
+
+* [AXCH-2351] Less work per render in WithTheme and UTTouchableWithoutFeedback ([#887](https://github.com/widergy/energy-ui/issues/887)) ([c244040](https://github.com/widergy/energy-ui/commit/c2440406507aad08e00d96ccadbd46bcfa963be6))
+
+
+### Features
+
+* [EGIT-402] Adding multiline validations ([#884](https://github.com/widergy/energy-ui/issues/884)) ([4b38ae0](https://github.com/widergy/energy-ui/commit/4b38ae0cd6dc5602ce55f2a14eeaf0488fac9669))
+
 # [3.191.0](https://github.com/widergy/energy-ui/compare/v3.190.1...v3.191.0) (2026-10-02)
 
 

package/dist/components/UTTouchableWithoutFeedback/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_UTRipple=_interopRequireDefault(require("../UTRipple")),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,o=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,a,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(n=t?o:r){if(n.has(e))return n.get(e);n.set(e,i)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((a=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?n(i,t,a):i[t]=e[t]);return i})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)({}).hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},_extends.apply(null,arguments)}const UTTouchableWithoutFeedback=e=>{let{children:t,className:r,containerSetter:o,dataTestId:n,disabled:a=!1,keyName:i,onClick:l,onMouseDown:p,withRipple:u=!1,...s}=e;const[c,d]=(0,_react.useState)(null);return _react.default.createElement("div",_extends({},s,{"aria-disabled":a,className:"".concat(_stylesModule.default.container," ").concat(r," ").concat(a&&_stylesModule.default.disabled),"data-testid":n,key:i,onMouseDown:p?e=>{e.preventDefault(),a||p(e)}:void 0,onClick:l?e=>{a||l(e)}:void 0,ref:e=>{d(e),o&&o(e)},role:"button",tabIndex:a?-1:0}),t,_react.default.createElement(_UTRipple.default,{elem:c,withRipple:u&&!a}))};UTTouchableWithoutFeedback.propTypes={className:_propTypes.string,containerSetter:_propTypes.func,dataTestId:_propTypes.string,disabled:_propTypes.bool,keyName:_propTypes.string,onClick:_propTypes.func,onMouseDown:_propTypes.func,withRipple:_propTypes.bool};var _default=exports.default=UTTouchableWithoutFeedback;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_UTRipple=_interopRequireDefault(require("../UTRipple")),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,o=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var a,n,l={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return l;if(a=t?o:r){if(a.has(e))return a.get(e);a.set(e,l)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(a=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?a(l,t,n):l[t]=e[t]);return l})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)({}).hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},_extends.apply(null,arguments)}const UTTouchableWithoutFeedback=e=>{let{children:t,className:r,containerSetter:o,dataTestId:a,disabled:n=!1,keyName:l,onClick:i,onMouseDown:p,withRipple:u=!1,...s}=e;const[c,d]=(0,_react.useState)(null),_=(0,_react.useCallback)(e=>{d(e),o&&o(e)},[o]);return _react.default.createElement("div",_extends({},s,{"aria-disabled":n,className:"".concat(_stylesModule.default.container," ").concat(r," ").concat(n&&_stylesModule.default.disabled),"data-testid":a,key:l,onMouseDown:p?e=>{e.preventDefault(),n||p(e)}:void 0,onClick:i?e=>{n||i(e)}:void 0,ref:_,role:"button",tabIndex:n?-1:0}),t,_react.default.createElement(_UTRipple.default,{elem:c,withRipple:u&&!n}))};UTTouchableWithoutFeedback.propTypes={className:_propTypes.string,containerSetter:_propTypes.func,dataTestId:_propTypes.string,disabled:_propTypes.bool,keyName:_propTypes.string,onClick:_propTypes.func,onMouseDown:_propTypes.func,withRipple:_propTypes.bool};var _default=exports.default=UTTouchableWithoutFeedback;

package/dist/components/UTValidation/styles.module.scss

@@ -14,7 +14,7 @@
 }
 
 .itemContainer {
-  align-items: center;
+  align-items: start;
   display: flex;
   flex-direction: row;
   grid-gap: 8px;
@@ -24,6 +24,7 @@
   display: flex;
   flex-direction: column;
   grid-gap: 8px;
+  white-space: pre-line;
 }
 
 .validationContainer {

package/dist/components/WithTheme/layout.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_jss=_interopRequireDefault(require("jss")),_jssPresetDefault=_interopRequireDefault(require("jss-preset-default")),_objectHash=_interopRequireDefault(require("object-hash")),_styles=require("@material-ui/core/styles"),_isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_theme=require("../../theme");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 r=arguments[t];for(var s in r)({}).hasOwnProperty.call(r,s)&&(e[s]=r[s])}return e},_extends.apply(null,arguments)}_jss.default.setup((0,_jssPresetDefault.default)()),_jss.default.options.insertionPoint=document.getElementById("energyui-insertion-point");const conditionalCreateSheet=(e,t)=>{const r=e(t),s=(0,_objectHash.default)(r);let n=_theme.manager.get(s);if(n)return n.classes;n=_jss.default.createStyleSheet(r),_theme.manager.add(s,n);const{classes:o}=n.attach();return o},ThemedComponent=e=>{let{Component:t,muiTheme:r,retrieveMuiTheme:s,retrieveProps:n,retrieveStyle:o,theme:p,...a}=e;const u=n&&!(0,_isEmpty.default)(p.componentsProps)?n(p.componentsProps,a):a,i=o?conditionalCreateSheet(o,{theme:p,...u}):{},l=s&&s(p,r);return l?_react.default.createElement(_styles.MuiThemeProvider,{theme:l},_react.default.createElement(t,_extends({classes:i,theme:p},u))):_react.default.createElement(t,_extends({classes:i,theme:p},u))};ThemedComponent.propTypes={Component:(0,_propTypes.oneOfType)([_propTypes.elementType,_propTypes.func]),muiTheme:_propTypes.object,retrieveMuiTheme:_propTypes.func,retrieveProps:_propTypes.func,retrieveStyle:_propTypes.func,theme:_propTypes.object};var _default=exports.default=ThemedComponent;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_jss=_interopRequireDefault(require("jss")),_jssPresetDefault=_interopRequireDefault(require("jss-preset-default")),_styles=require("@material-ui/core/styles"),_isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_theme=require("../../theme"),_utils=require("./utils");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 r=arguments[t];for(var s in r)({}).hasOwnProperty.call(r,s)&&(e[s]=r[s])}return e},_extends.apply(null,arguments)}_jss.default.setup((0,_jssPresetDefault.default)()),_jss.default.options.insertionPoint=document.getElementById("energyui-insertion-point");const classesByStylesKey=new Map,conditionalCreateSheet=(e,t)=>{const r=e(t),s=(0,_utils.getStylesKey)(r),n=classesByStylesKey.get(s);if(n)return n;const o=_jss.default.createStyleSheet(r);return _theme.manager.add(s,o),classesByStylesKey.set(s,o.classes),o.attach(),o.classes},ThemedComponent=e=>{let{Component:t,muiTheme:r,retrieveMuiTheme:s,retrieveProps:n,retrieveStyle:o,theme:p,...u}=e;const i=n&&!(0,_isEmpty.default)(p.componentsProps)?n(p.componentsProps,u):u,a=o?conditionalCreateSheet(o,{theme:p,...i}):{},l=s&&s(p,r);return l?_react.default.createElement(_styles.MuiThemeProvider,{theme:l},_react.default.createElement(t,_extends({classes:a,theme:p},i))):_react.default.createElement(t,_extends({classes:a,theme:p},i))};ThemedComponent.propTypes={Component:(0,_propTypes.oneOfType)([_propTypes.elementType,_propTypes.func]),muiTheme:_propTypes.object,retrieveMuiTheme:_propTypes.func,retrieveProps:_propTypes.func,retrieveStyle:_propTypes.func,theme:_propTypes.object};var _default=exports.default=ThemedComponent;

package/dist/components/WithTheme/utils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getStylesKey=void 0;var _objectHash=_interopRequireDefault(require("object-hash"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const serializeFunctions=(e,t)=>"function"==typeof t?t.toString():t,getStylesKey=e=>{try{return JSON.stringify(e,serializeFunctions)}catch(t){return(0,_objectHash.default)(e)}};exports.getStylesKey=getStylesKey;

package/dist/esm/components/UTTouchableWithoutFeedback/index.js

@@ -1 +1 @@
-function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)({}).hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},_extends.apply(null,arguments)}import React,{useState}from"react";import{func,string,bool}from"prop-types";import Ripple from"../UTRipple";import styles from"./styles.module.scss";const UTTouchableWithoutFeedback=e=>{let{children:t,className:n,containerSetter:o,dataTestId:a,disabled:s=!1,keyName:l,onClick:i,onMouseDown:r,withRipple:c=!1,...d}=e;const[p,u]=useState(null);return React.createElement("div",_extends({},d,{"aria-disabled":s,className:"".concat(styles.container," ").concat(n," ").concat(s&&styles.disabled),"data-testid":a,key:l,onMouseDown:r?e=>{e.preventDefault(),s||r(e)}:void 0,onClick:i?e=>{s||i(e)}:void 0,ref:e=>{u(e),o&&o(e)},role:"button",tabIndex:s?-1:0}),t,React.createElement(Ripple,{elem:p,withRipple:c&&!s}))};UTTouchableWithoutFeedback.propTypes={className:string,containerSetter:func,dataTestId:string,disabled:bool,keyName:string,onClick:func,onMouseDown:func,withRipple:bool};export default UTTouchableWithoutFeedback;
+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 React,{useCallback,useState}from"react";import{func,string,bool}from"prop-types";import Ripple from"../UTRipple";import styles from"./styles.module.scss";const UTTouchableWithoutFeedback=e=>{let{children:t,className:a,containerSetter:n,dataTestId:o,disabled:s=!1,keyName:l,onClick:c,onMouseDown:i,withRipple:r=!1,...d}=e;const[u,p]=useState(null),b=useCallback(e=>{p(e),n&&n(e)},[n]);return React.createElement("div",_extends({},d,{"aria-disabled":s,className:"".concat(styles.container," ").concat(a," ").concat(s&&styles.disabled),"data-testid":o,key:l,onMouseDown:i?e=>{e.preventDefault(),s||i(e)}:void 0,onClick:c?e=>{s||c(e)}:void 0,ref:b,role:"button",tabIndex:s?-1:0}),t,React.createElement(Ripple,{elem:u,withRipple:r&&!s}))};UTTouchableWithoutFeedback.propTypes={className:string,containerSetter:func,dataTestId:string,disabled:bool,keyName:string,onClick:func,onMouseDown:func,withRipple:bool};export default UTTouchableWithoutFeedback;

package/dist/esm/components/UTValidation/styles.module.scss

@@ -14,7 +14,7 @@
 }
 
 .itemContainer {
-  align-items: center;
+  align-items: start;
   display: flex;
   flex-direction: row;
   grid-gap: 8px;
@@ -24,6 +24,7 @@
   display: flex;
   flex-direction: column;
   grid-gap: 8px;
+  white-space: pre-line;
 }
 
 .validationContainer {

package/dist/esm/components/WithTheme/layout.js

@@ -1 +1 @@
-function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}import React from"react";import{object,func,elementType,oneOfType}from"prop-types";import jss from"jss";import preset from"jss-preset-default";import hash from"object-hash";import{MuiThemeProvider}from"@material-ui/core/styles";import isEmpty from"lodash/isEmpty";import{manager}from"../../theme";jss.setup(preset()),jss.options.insertionPoint=document.getElementById("energyui-insertion-point");const conditionalCreateSheet=(e,t)=>{const r=e(t),n=hash(r);let o=manager.get(n);if(o)return o.classes;o=jss.createStyleSheet(r),manager.add(n,o);const{classes:s}=o.attach();return s},ThemedComponent=e=>{let{Component:t,muiTheme:r,retrieveMuiTheme:n,retrieveProps:o,retrieveStyle:s,theme:m,...i}=e;const a=o&&!isEmpty(m.componentsProps)?o(m.componentsProps,i):i,p=s?conditionalCreateSheet(s,{theme:m,...a}):{},c=n&&n(m,r);return c?React.createElement(MuiThemeProvider,{theme:c},React.createElement(t,_extends({classes:p,theme:m},a))):React.createElement(t,_extends({classes:p,theme:m},a))};ThemedComponent.propTypes={Component:oneOfType([elementType,func]),muiTheme:object,retrieveMuiTheme:func,retrieveProps:func,retrieveStyle:func,theme:object};export default ThemedComponent;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var r in s)({}).hasOwnProperty.call(s,r)&&(e[r]=s[r])}return e},_extends.apply(null,arguments)}import React from"react";import{object,func,elementType,oneOfType}from"prop-types";import jss from"jss";import preset from"jss-preset-default";import{MuiThemeProvider}from"@material-ui/core/styles";import isEmpty from"lodash/isEmpty";import{manager}from"../../theme";import{getStylesKey}from"./utils";jss.setup(preset()),jss.options.insertionPoint=document.getElementById("energyui-insertion-point");const classesByStylesKey=new Map,conditionalCreateSheet=(e,t)=>{const s=e(t),r=getStylesKey(s),n=classesByStylesKey.get(r);if(n)return n;const o=jss.createStyleSheet(s);return manager.add(r,o),classesByStylesKey.set(r,o.classes),o.attach(),o.classes},ThemedComponent=e=>{let{Component:t,muiTheme:s,retrieveMuiTheme:r,retrieveProps:n,retrieveStyle:o,theme:m,...i}=e;const p=n&&!isEmpty(m.componentsProps)?n(m.componentsProps,i):i,a=o?conditionalCreateSheet(o,{theme:m,...p}):{},c=r&&r(m,s);return c?React.createElement(MuiThemeProvider,{theme:c},React.createElement(t,_extends({classes:a,theme:m},p))):React.createElement(t,_extends({classes:a,theme:m},p))};ThemedComponent.propTypes={Component:oneOfType([elementType,func]),muiTheme:object,retrieveMuiTheme:func,retrieveProps:func,retrieveStyle:func,theme:object};export default ThemedComponent;

package/dist/esm/components/WithTheme/utils.js

@@ -0,0 +1 @@
+import hash from"object-hash";const serializeFunctions=(t,e)=>"function"==typeof e?e.toString():e;export const getStylesKey=t=>{try{return JSON.stringify(t,serializeFunctions)}catch(e){return hash(t)}};

package/package.json

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