@widergy/energy-ui 3.86.3 → 3.87.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [3.87.0](https://github.com/widergy/energy-ui/compare/v3.86.3...v3.87.0) (2025-07-14)
+
+
+### Features
+
+* added retrieve props ([#641](https://github.com/widergy/energy-ui/issues/641)) ([10aad17](https://github.com/widergy/energy-ui/commit/10aad1758f247212f0b21d13cff71711b680979b))
+
 ## [3.86.3](https://github.com/widergy/energy-ui/compare/v3.86.2...v3.86.3) (2025-07-14)
 
 

package/dist/components/UTLabel/index.js

@@ -62,4 +62,4 @@ UTLabel.propTypes = {
   variant: _propTypes.string,
   withMarkdown: _propTypes.bool
 };
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTLabel);
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle, null, _theme.retrieveProps)(UTLabel);

package/dist/components/UTLabel/theme.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.retrieveStyle = exports.getFontStyles = void 0;
+exports.retrieveStyle = exports.retrieveProps = exports.getFontStyles = void 0;
 var _Palette = require("../../constants/Palette");
 var _componentUtils = require("../../utils/componentUtils");
 var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
@@ -61,4 +61,9 @@ const retrieveStyle = _ref2 => {
     }
   };
 };
-exports.retrieveStyle = retrieveStyle;
+exports.retrieveStyle = retrieveStyle;
+const retrieveProps = (componentsProps, props) => ({
+  ...((componentsProps === null || componentsProps === void 0 ? void 0 : componentsProps.UTLabel) || {}),
+  ...props
+});
+exports.retrieveProps = retrieveProps;

package/dist/components/WithTheme/index.js

@@ -10,11 +10,12 @@ var _theme = require("../../theme");
 var _layout = _interopRequireDefault(require("./layout"));
 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 WithTheme = (retrieveStyle, retrieveMuiTheme) => Component => props => {
+const WithTheme = (retrieveStyle, retrieveMuiTheme, retrieveProps) => Component => props => {
   const muiTheme = (0, _styles.useTheme)();
   return /*#__PURE__*/_react.default.createElement(_theme.EnergyThemeConsumer, null, theme => /*#__PURE__*/_react.default.createElement(_layout.default, _extends({}, props, {
     retrieveStyle: retrieveStyle,
     retrieveMuiTheme: retrieveMuiTheme,
+    retrieveProps: retrieveProps,
     Component: Component,
     theme: theme,
     muiTheme: muiTheme

package/dist/components/WithTheme/layout.js

@@ -10,6 +10,7 @@ var _jss = _interopRequireDefault(require("jss"));
 var _jssPresetDefault = _interopRequireDefault(require("jss-preset-default"));
 var _objectHash = _interopRequireDefault(require("object-hash"));
 var _styles = require("@material-ui/core/styles");
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
 var _theme = require("../../theme");
 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); }
@@ -32,13 +33,15 @@ const ThemedComponent = _ref => {
     Component,
     muiTheme,
     retrieveMuiTheme,
+    retrieveProps,
     retrieveStyle,
     theme,
     ...props
   } = _ref;
+  const propsUpdated = retrieveProps && !(0, _isEmpty.default)(theme.componentsProps) ? retrieveProps(theme.componentsProps, props) : props;
   const classes = retrieveStyle ? conditionalCreateSheet(retrieveStyle, {
     theme,
-    ...props
+    ...propsUpdated
   }) : {};
   const muiThemeUpdated = retrieveMuiTheme && retrieveMuiTheme(theme, muiTheme);
   return muiThemeUpdated ? /*#__PURE__*/_react.default.createElement(_styles.MuiThemeProvider, {
@@ -46,15 +49,16 @@ const ThemedComponent = _ref => {
   }, /*#__PURE__*/_react.default.createElement(Component, _extends({
     classes: classes,
     theme: theme
-  }, props))) : /*#__PURE__*/_react.default.createElement(Component, _extends({
+  }, propsUpdated))) : /*#__PURE__*/_react.default.createElement(Component, _extends({
     classes: classes,
     theme: theme
-  }, props));
+  }, propsUpdated));
 };
 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
 };

package/package.json

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