@widergy/energy-ui 3.86.3 → 3.87.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [3.87.1](https://github.com/widergy/energy-ui/compare/v3.87.0...v3.87.1) (2025-07-14)
+
+
+### Bug Fixes
+
+* [SFPE-426] actions row cell ([#642](https://github.com/widergy/energy-ui/issues/642)) ([d3585ab](https://github.com/widergy/energy-ui/commit/d3585ab80116a9efb6d242ea1bc143dce0384bf6))
+
+# [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/UTTable/components/TableRow/index.js

@@ -62,7 +62,7 @@ const TableRow = _ref => {
   } = columnsDefinition;
   const SelectionComponent = exclusiveSelection ? _Radio.default : _Checkbox.default;
   const hasActionsRow = selectable || (0, _utils.hasVisibleActions)(secondaryActions, cellProps.rowData);
-  const selectableCellStyles = isResponsive ? "".concat(_stylesModule.default.secondaryActionsContainer, "\n      ").concat(cellProps.classes.responsiveCell, "\n      ").concat(hasActionsRow ? cellProps.classes.responsiveRowTopBorder : _stylesModule.default.hidden, "\n      ") : "\n\t".concat(_stylesModule.default.fixedRowLeft, "\n\t").concat(fixedRowsLeftClassName, "\n\t").concat((removeFixedRowsDivisors || (0, _array.isEmpty)(fixedLeftColumns)) && _stylesModule.default.disableBorderRight, "\n\t").concat(!selectable && (0, _array.isEmpty)(fixedLeftColumns) && _stylesModule.default.cleanFixedColumns, "\n");
+  const selectableCellStyles = isResponsive ? "".concat(_stylesModule.default.secondaryActionsContainer, "\n      ").concat(cellProps.classes.responsiveCell, "\n      ").concat(hasActionsRow ? cellProps.classes.responsiveRowTopBorder : _stylesModule.default.hidden, "\n      ").concat(selectable ? _stylesModule.default.secondaryActionsSelectable : '', "\n      ") : "\n\t".concat(_stylesModule.default.fixedRowLeft, "\n\t").concat(fixedRowsLeftClassName, "\n\t").concat((removeFixedRowsDivisors || (0, _array.isEmpty)(fixedLeftColumns)) && _stylesModule.default.disableBorderRight, "\n\t").concat(!selectable && (0, _array.isEmpty)(fixedLeftColumns) && _stylesModule.default.cleanFixedColumns, "\n");
   return /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
     className: "\n        ".concat(_stylesModule.default.row, "\n        ").concat((!handleRowClick || isResponsive) && _stylesModule.default.noClick, "\n        ").concat(isResponsive && cellProps.classes.responsiveRow, "\n        ").concat(isResponsive && _stylesModule.default.responsiveRow, "\n        ").concat(className, "\n      "),
     onClick: handleRowClick,

package/dist/components/UTTable/components/TableRow/styles.module.scss

@@ -121,6 +121,10 @@ $selection-element-size: 42px;
 .secondaryActionsContainer {
   border-bottom: 0;
   display: flex;
+  justify-content: flex-end;
+}
+
+.secondaryActionsSelectable {
   justify-content: space-between;
 }
 

package/dist/components/UTTable/index.js

@@ -86,7 +86,7 @@ const UTTable = _ref => {
     rowSpacing = _constants.ROW_SPACING_NAMES.NONE,
     rowsPerPageOptions = _constants.ROWS_PER_PAGE,
     selectAllInCurrentPageOnly = false,
-    selectable,
+    selectable = false,
     selectionComponentDataTestId,
     stickyHeader,
     tableTitle,

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.1",
   "description": "Widergy Web Components",
   "author": "widergy",
   "license": "MIT",