@widergy/energy-ui 3.172.3 → 3.173.0

package/CHANGELOG.md

@@ -1,24 +1,30 @@
-## [3.172.3](https://github.com/widergy/energy-ui/compare/v3.172.2...v3.172.3) (2026-07-03)
+# [3.173.0](https://github.com/widergy/energy-ui/compare/v3.172.3...v3.173.0) (2026-07-06)
 
 
-### Bug Fixes
+### Features
 
-* bundle size ([ff4439c](https://github.com/widergy/energy-ui/commit/ff4439ce4fe1f60ad28dc9a06fd88bb7004949af))
-* fixes ([765f323](https://github.com/widergy/energy-ui/commit/765f323d574f6e39fb0ca2e260e8422e658e04bb))
+* [CX-2739] datacategory - dataelement - radiogroup ([#832](https://github.com/widergy/energy-ui/issues/832)) ([8cb7619](https://github.com/widergy/energy-ui/commit/8cb7619983d17b1c39b7347aa8b3ed25e3cb0c81))
 
-## [3.172.2](https://github.com/widergy/energy-ui/compare/v3.172.1...v3.172.2) (2026-07-03)
+## [3.172.3](https://github.com/widergy/energy-ui/compare/v3.172.2...v3.172.3) (2026-07-03)
 
+### Novedades y Mejoras
 
-### Bug Fixes
+* Mejoras internas de la plataforma. [#834](https://github.com/widergy/Energy-UI/pull/834) [DEV-9999](https://widergy.atlassian.net/browse/DEV-9999)
 
-* [PQRR-146] UTStatusMessage icon size and color adjustments ([#833](https://github.com/widergy/energy-ui/issues/833)) ([9ecabd1](https://github.com/widergy/energy-ui/commit/9ecabd142a86540f35a10f1fdc1435b27bcc5e13))
+## [3.172.2](https://github.com/widergy/energy-ui/compare/v3.172.1...v3.172.2) (2026-07-03)
 
-## [3.172.1](https://github.com/widergy/energy-ui/compare/v3.172.0...v3.172.1) (2026-07-03)
+### Correcciones
 
+* Se ajustó la apariencia de los mensajes de estado: el ícono ahora tiene un tamaño uniforme y proporcional, el espaciado interno es más compacto y los colores de fondo de los estados informativos, exitosos y de advertencia lucen con mayor contraste y consistencia visual. [#833](https://github.com/widergy/Energy-UI/pull/833) [PQRR-146](https://widergy.atlassian.net/browse/PQRR-146)
 
-### Bug Fixes
+## [3.172.1](https://github.com/widergy/energy-ui/compare/v3.172.0...v3.172.1) (2026-07-03)
+
+### Correcciones
 
-* [DIS-1108] ajustes utbutton ([#824](https://github.com/widergy/energy-ui/issues/824)) ([46b1ef8](https://github.com/widergy/energy-ui/commit/46b1ef8e07217bd75451b962236f98790c544f4b))
+* Se ajustaron las opciones de tamaño de los botones, permitiendo que ocupen el ancho o alto disponible según el contexto. [#824](https://github.com/widergy/Energy-UI/pull/824) [DIS-1108](https://widergy.atlassian.net/browse/DIS-1108)
+* Se unificó el comportamiento visual de los íconos dentro de los botones para lograr mayor consistencia en la interfaz. [#824](https://github.com/widergy/Energy-UI/pull/824) [DIS-1108](https://widergy.atlassian.net/browse/DIS-1108)
+* Se normalizó el comportamiento de varios componentes de formulario e indicadores, mejorando la consistencia visual y de interacción en toda la plataforma. [#824](https://github.com/widergy/Energy-UI/pull/824) [DIS-1108](https://widergy.atlassian.net/browse/DIS-1108)
+* Mejoras internas de la plataforma. [`e53dc85`](https://github.com/widergy/Energy-UI/commit/e53dc85)
 
 # [3.172.0](https://github.com/widergy/energy-ui/compare/v3.171.3...v3.172.0) (2026-07-02)
 

package/dist/components/EnergyThemeProvider/index.js

@@ -1 +1,25 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_theme=require("../../theme");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}class ThemeProvider extends _react.PureComponent{render(){const{children:children,theme:theme}=this.props;return _react.default.createElement(_theme.EnergyThemeProvider,{value:theme},children)}}ThemeProvider.propTypes={theme:_propTypes.object};var _default=exports.default=ThemeProvider;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _theme = require("../../theme");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+class ThemeProvider extends _react.PureComponent {
+  render() {
+    const {
+      children,
+      theme
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement(_theme.EnergyThemeProvider, {
+      value: theme
+    }, children);
+  }
+}
+ThemeProvider.propTypes = {
+  theme: _propTypes.object
+};
+var _default = exports.default = ThemeProvider;

package/dist/components/Loading/constants.js

@@ -1 +1,7 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DEFAULT_LOADING_TEXT=void 0;const DEFAULT_LOADING_TEXT=exports.DEFAULT_LOADING_TEXT="Cargando";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEFAULT_LOADING_TEXT = void 0;
+const DEFAULT_LOADING_TEXT = exports.DEFAULT_LOADING_TEXT = 'Cargando';

package/dist/components/Loading/index.js

@@ -1 +1,48 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_CircularProgress=_interopRequireDefault(require("@material-ui/core/CircularProgress")),_seamlessImmutable=require("seamless-immutable"),_UTLabel=_interopRequireDefault(require("../UTLabel")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_theme=require("./theme"),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const Loading=_ref=>{let{classes:classes,className:className,size:size,text:text=_constants.DEFAULT_LOADING_TEXT,textClassName:textClassName,theme:theme,thickness:thickness}=_ref;const defaultSize=(0,_seamlessImmutable.getIn)(theme,["Loading","base","size"],85),defaultThickness=(0,_seamlessImmutable.getIn)(theme,["Loading","base","thickness"],1.5);return _react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(className)},_react.default.createElement(_CircularProgress.default,{className:classes.base,size:size||defaultSize,thickness:thickness||defaultThickness}),_react.default.createElement(_UTLabel.default,{className:"".concat(_stylesModule.default.text," ").concat(classes.text," ").concat(textClassName)},text))};Loading.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),className:_propTypes.string,size:_propTypes.number,text:_propTypes.string,textClassName:_propTypes.string,theme:_propTypes.object,thickness:_propTypes.number};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(Loading);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
+var _seamlessImmutable = require("seamless-immutable");
+var _UTLabel = _interopRequireDefault(require("../UTLabel"));
+var _WithTheme = _interopRequireDefault(require("../WithTheme"));
+var _theme = require("./theme");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+var _constants = require("./constants");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Loading = _ref => {
+  let {
+    classes,
+    className,
+    size,
+    text = _constants.DEFAULT_LOADING_TEXT,
+    textClassName,
+    theme,
+    thickness
+  } = _ref;
+  const defaultSize = (0, _seamlessImmutable.getIn)(theme, ['Loading', 'base', 'size'], 85);
+  const defaultThickness = (0, _seamlessImmutable.getIn)(theme, ['Loading', 'base', 'thickness'], 1.5);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_stylesModule.default.container, " ").concat(className)
+  }, /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
+    className: classes.base,
+    size: size || defaultSize,
+    thickness: thickness || defaultThickness
+  }), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    className: "".concat(_stylesModule.default.text, " ").concat(classes.text, " ").concat(textClassName)
+  }, text));
+};
+Loading.propTypes = {
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  className: _propTypes.string,
+  size: _propTypes.number,
+  text: _propTypes.string,
+  textClassName: _propTypes.string,
+  theme: _propTypes.object,
+  thickness: _propTypes.number
+};
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(Loading);

package/dist/components/Loading/theme.js

@@ -1 +1,24 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _seamlessImmutable=require("seamless-immutable"),_colorsModule=_interopRequireDefault(require("../../scss/variables/colors.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const retrieveStyle=_ref=>{let{theme:theme}=_ref;return{base:{color:(0,_seamlessImmutable.getIn)(theme,["Loading","base","color"],_colorsModule.default.loadingBase)},text:{color:(0,_seamlessImmutable.getIn)(theme,["Loading","text","color"],_colorsModule.default.black),fontSize:(0,_seamlessImmutable.getIn)(theme,["Loading","text","fontSize"],(0,_seamlessImmutable.getIn)(theme,["Fonts","medium"]))}}};exports.retrieveStyle=retrieveStyle;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.retrieveStyle = void 0;
+var _seamlessImmutable = require("seamless-immutable");
+var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const retrieveStyle = _ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    base: {
+      color: (0, _seamlessImmutable.getIn)(theme, ['Loading', 'base', 'color'], _colorsModule.default.loadingBase)
+    },
+    text: {
+      color: (0, _seamlessImmutable.getIn)(theme, ['Loading', 'text', 'color'], _colorsModule.default.black),
+      fontSize: (0, _seamlessImmutable.getIn)(theme, ['Loading', 'text', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium']))
+    }
+  };
+};
+exports.retrieveStyle = retrieveStyle;

package/dist/components/UTActionCard/README.md

@@ -0,0 +1,26 @@
+# UTButton
+
+## Props
+
+
+| Name                   | Type                                                                                                                                                                                                     | Default    | Description                                                            |
+| :----------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------ | ------------------------------------------------------------------------ |
+| `additionalMessage`    | `shape({ Icon: elementType, iconProps: shape({ colorTheme: string, size: string }), labelProps: shape({ colorTheme: string, variant: string }), message: string })`                                      |            | Additional message information, including icons and labels.            |
+| `adornment`            | `shape({ alignment: oneOf(['center', 'end', 'start']), position: string, props: object, type: string })`                                                                                                 |            | Adornment object to customize alignment, position, and type.           |
+| `BackgroundImage`      | `elementType`                                                                                                                                                                                            |            | A React component for the background image.                            |
+| `bottomActions`        | `arrayOf(shape({ colorTheme: string, disabled: bool, Icon: elementType, label: string, loading: bool, onClick: func }))`                                                                                 |            | Defines the list of actions to be displayed at the bottom of the card. |
+| `bottomActionsVariant` | `oneOf(['default', 'redirection'])`                                                                                                                                                                      |            | Sets the style variant for bottom actions.                             |
+| `classNames`           | `objectOf(string)`                                                                                                                                                                                       |            | Css classes                                                            |
+| `description`          | `string`                                                                                                                                                                                                 |            | Description text to be displayed.                                      |
+| `descriptionProps`     | `shape({ colorTheme: string, variant: string })`                                                                                                                                                         |            | Props to customize the description's style.                            |
+| `headerActions`        | `arrayOf(shape({ Icon: oneOfType([elementType, string]), iconProps: string, id: oneOfType([number, string]), label: string, loading: bool, onClick: func }))`                                            |            | List of actions available in the header section.                       |
+| `headerActionsProps`   | `shape({ alignment: oneOf(['center', 'end', 'start']), buttonGroupProps: shape({ colorTheme: string, shape: string }), variant: oneOf(['default', 'buttonGroup']) })` |            | Props to configure header actions alignment, button group, etc.        |
+| `hideHeader`           | `bool`                                                                                                                                                                                                   | `false`    | Hides the header section of the card.                                  |
+| `mainAction`           | `func`                                                                                                                                                                                                   |            | Main action function for the card.                                     |
+| `size`                 | `oneOf(['medium', 'small'])`                                                                                                                                                                             | `'medium'` | Size of the card, either small or medium.                              |
+| `status`               | `string`                                                                                                                                                                                                 |            | Status text to be displayed.                                           |
+| `statusLabel`          | `string`                                                                                                                                                                                                 |            | Status label for additional status info.                               |
+| `statusAlignment`      | `oneOf(['center', 'end', 'start'])`                                                                                                                                                                      |            | Alignment of the status element.                                       |
+| `title`                | `string`                                                                                                                                                                                      |            | The title of the card.                                       |
+| `titleProps`           | `shape({ variant: string, weight: string })`                                                                                                                                                             |            | Props to configure the title style.                                    |
+| `withBodyPadding`      | `bool`                                                                                                                                                                                                   | `false`    | Adds padding to the card body if`true`.                                |

package/dist/components/UTActionCard/components/AdditionalMessage/index.js

@@ -1 +1,55 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_UTIcon=_interopRequireDefault(require("../../../UTIcon")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_constants=require("../../constants"),_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,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}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 AdditionalMessage=_ref=>{let{dataTestId:dataTestId,icon:icon,iconProps:iconProps={},labelProps:labelProps={},message:message,size:size}=_ref;return _react.default.createElement("div",{className:"".concat(_stylesModule.default.additionalMessageContainer," ").concat(_stylesModule.default[size]),"data-testid":dataTestId},icon&&_react.default.createElement(_UTIcon.default,_extends({area:!0,colorTheme:"gray",dataTestId:dataTestId?"".concat(dataTestId,".icon"):void 0,name:icon,size:16},iconProps)),_react.default.createElement(_UTLabel.default,_extends({colorTheme:"gray",dataTestId:dataTestId?"".concat(dataTestId,".message"):void 0,variant:"small",withMarkdown:!0},labelProps),message))};AdditionalMessage.propTypes={dataTestId:_propTypes.string,icon:_propTypes.string,iconProps:(0,_propTypes.shape)({colorTheme:_propTypes.string,size:_propTypes.string}),labelProps:(0,_propTypes.shape)({colorTheme:_propTypes.string,variant:_propTypes.string}),message:_propTypes.string,size:(0,_propTypes.oneOf)([_constants.SIZES.MEDIUM,_constants.SIZES.SMALL])};var _default=exports.default=(0,_react.memo)(AdditionalMessage);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _UTIcon = _interopRequireDefault(require("../../../UTIcon"));
+var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
+var _constants = require("../../constants");
+var _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(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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 AdditionalMessage = _ref => {
+  let {
+    dataTestId,
+    icon,
+    iconProps = {},
+    labelProps = {},
+    message,
+    size
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_stylesModule.default.additionalMessageContainer, " ").concat(_stylesModule.default[size]),
+    "data-testid": dataTestId
+  }, icon && /*#__PURE__*/_react.default.createElement(_UTIcon.default, _extends({
+    area: true,
+    colorTheme: "gray",
+    dataTestId: dataTestId ? "".concat(dataTestId, ".icon") : undefined,
+    name: icon,
+    size: 16
+  }, iconProps)), /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
+    colorTheme: "gray",
+    dataTestId: dataTestId ? "".concat(dataTestId, ".message") : undefined,
+    variant: "small",
+    withMarkdown: true
+  }, labelProps), message));
+};
+AdditionalMessage.propTypes = {
+  dataTestId: _propTypes.string,
+  icon: _propTypes.string,
+  iconProps: (0, _propTypes.shape)({
+    colorTheme: _propTypes.string,
+    size: _propTypes.string
+  }),
+  labelProps: (0, _propTypes.shape)({
+    colorTheme: _propTypes.string,
+    variant: _propTypes.string
+  }),
+  message: _propTypes.string,
+  size: (0, _propTypes.oneOf)([_constants.SIZES.MEDIUM, _constants.SIZES.SMALL])
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(AdditionalMessage);

package/dist/components/UTActionCard/components/BottomActions/constants.js

@@ -1 +1,7 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DEFAULT_REDIRECTION_ICON=void 0;const DEFAULT_REDIRECTION_ICON=exports.DEFAULT_REDIRECTION_ICON="IconChevronRight";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEFAULT_REDIRECTION_ICON = void 0;
+const DEFAULT_REDIRECTION_ICON = exports.DEFAULT_REDIRECTION_ICON = 'IconChevronRight';

package/dist/components/UTActionCard/components/BottomActions/index.js

@@ -1 +1,70 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_Divider=_interopRequireDefault(require("@material-ui/core/Divider")),_UTButton=_interopRequireDefault(require("../../../UTButton")),_constants=require("../../constants"),_constants2=require("./constants"),_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,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}const BottomActions=_ref=>{let{actions:actions=[],bottomActionsVariant:bottomActionsVariant,size:size}=_ref;const type=actions.length>2?_constants.ACTION_TYPES.REDIRECTION:bottomActionsVariant||_constants.ACTION_TYPES.DEFAULT;return _react.default.createElement("div",{className:_stylesModule.default.actionsContainer},actions.map((_ref2,index)=>{let{colorTheme:colorTheme="primary",dataTestId:dataTestId,disabled:disabled,Icon:Icon,label:label,loading:loading,onClick:onClick}=_ref2;return _react.default.createElement(_react.Fragment,{key:label},_react.default.createElement(_UTButton.default,{classNames:{childrenContainer:"".concat(type===_constants.ACTION_TYPES.REDIRECTION&&_stylesModule.default.redirectionChildrenContainer," "),root:"".concat(_stylesModule.default.actionButton," ").concat(type===_constants.ACTION_TYPES.REDIRECTION&&_stylesModule.default.fullWidth," ").concat(size===_constants.SIZES.MEDIUM&&_stylesModule.default.mediumPadding),text:"".concat(type===_constants.ACTION_TYPES.REDIRECTION?_stylesModule.default.redirectionText:_stylesModule.default.defaultText)},colorTheme:colorTheme,dataTestId:dataTestId,disabled:disabled,Icon:type===_constants.ACTION_TYPES.REDIRECTION?Icon||_constants2.DEFAULT_REDIRECTION_ICON:Icon,iconPlacement:type===_constants.ACTION_TYPES.REDIRECTION?"right":"left",loading:loading,onClick:onClick,size:"large",variant:"text"},label),actions.length>1&&index<actions.length-1&&_react.default.createElement(_Divider.default,{className:_stylesModule.default.divider}))}))};BottomActions.propTypes={actions:(0,_propTypes.arrayOf)((0,_propTypes.shape)({colorTheme:_propTypes.string,dataTestId:_propTypes.string,disabled:_propTypes.bool,Icon:(0,_propTypes.oneOfType)([_propTypes.elementType,_propTypes.string]),label:_propTypes.string,loading:_propTypes.bool,onClick:_propTypes.func})),bottomActionsVariant:_propTypes.string,size:_propTypes.string};var _default=exports.default=(0,_react.memo)(BottomActions);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _Divider = _interopRequireDefault(require("@material-ui/core/Divider"));
+var _UTButton = _interopRequireDefault(require("../../../UTButton"));
+var _constants = require("../../constants");
+var _constants2 = require("./constants");
+var _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(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const BottomActions = _ref => {
+  let {
+    actions = [],
+    bottomActionsVariant,
+    size
+  } = _ref;
+  const type = actions.length > 2 ? _constants.ACTION_TYPES.REDIRECTION : bottomActionsVariant || _constants.ACTION_TYPES.DEFAULT;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.actionsContainer
+  }, actions.map((_ref2, index) => {
+    let {
+      colorTheme = 'primary',
+      dataTestId,
+      disabled,
+      Icon,
+      label,
+      loading,
+      onClick
+    } = _ref2;
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
+      key: label
+    }, /*#__PURE__*/_react.default.createElement(_UTButton.default, {
+      classNames: {
+        childrenContainer: "".concat(type === _constants.ACTION_TYPES.REDIRECTION && _stylesModule.default.redirectionChildrenContainer, " "),
+        root: "".concat(_stylesModule.default.actionButton, " ").concat(type === _constants.ACTION_TYPES.REDIRECTION && _stylesModule.default.fullWidth, " ").concat(size === _constants.SIZES.MEDIUM && _stylesModule.default.mediumPadding),
+        text: "".concat(type === _constants.ACTION_TYPES.REDIRECTION ? _stylesModule.default.redirectionText : _stylesModule.default.defaultText)
+      },
+      colorTheme: colorTheme,
+      dataTestId: dataTestId,
+      disabled: disabled,
+      Icon: type === _constants.ACTION_TYPES.REDIRECTION ? Icon || _constants2.DEFAULT_REDIRECTION_ICON : Icon,
+      iconPlacement: type === _constants.ACTION_TYPES.REDIRECTION ? 'right' : 'left',
+      loading: loading,
+      onClick: onClick,
+      size: "large",
+      variant: "text"
+    }, label), actions.length > 1 && index < actions.length - 1 && /*#__PURE__*/_react.default.createElement(_Divider.default, {
+      className: _stylesModule.default.divider
+    }));
+  }));
+};
+BottomActions.propTypes = {
+  actions: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+    colorTheme: _propTypes.string,
+    dataTestId: _propTypes.string,
+    disabled: _propTypes.bool,
+    Icon: (0, _propTypes.oneOfType)([_propTypes.elementType, _propTypes.string]),
+    label: _propTypes.string,
+    loading: _propTypes.bool,
+    onClick: _propTypes.func
+  })),
+  bottomActionsVariant: _propTypes.string,
+  size: _propTypes.string
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(BottomActions);

package/dist/components/UTActionCard/components/Header/constants.js

@@ -1 +1,31 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ADORNMENT_COMPONENT_MAPPER=void 0;var _react=_interopRequireDefault(require("react")),_UTAvatar=_interopRequireDefault(require("../../../UTAvatar")),_UTIcon=_interopRequireDefault(require("../../../UTIcon")),_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 ADORNMENT_COMPONENT_MAPPER=exports.ADORNMENT_COMPONENT_MAPPER={icon:_UTIcon.default,avatar:_ref=>{let{className:className,...props}=_ref;return _react.default.createElement(_UTAvatar.default,_extends({className:"".concat(_stylesModule.default.defaultAvatar," ").concat(className),labelProps:{variant:"title1",weight:"medium"}},props))},image:props=>_react.default.createElement("img",_extends({alt:""},props))};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ADORNMENT_COMPONENT_MAPPER = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _UTAvatar = _interopRequireDefault(require("../../../UTAvatar"));
+var _UTIcon = _interopRequireDefault(require("../../../UTIcon"));
+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 ADORNMENT_COMPONENT_MAPPER = exports.ADORNMENT_COMPONENT_MAPPER = {
+  icon: _UTIcon.default,
+  avatar: _ref => {
+    let {
+      className,
+      ...props
+    } = _ref;
+    return /*#__PURE__*/_react.default.createElement(_UTAvatar.default, _extends({
+      className: "".concat(_stylesModule.default.defaultAvatar, " ").concat(className),
+      labelProps: {
+        variant: 'title1',
+        weight: 'medium'
+      }
+    }, props));
+  },
+  image: props => /*#__PURE__*/_react.default.createElement("img", _extends({
+    alt: ""
+  }, props))
+};

package/dist/components/UTActionCard/components/Header/index.js

@@ -1 +1,97 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_array=require("@widergy/web-utils/lib/array"),_UTStatus=_interopRequireDefault(require("../../../UTStatus")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_HeaderActions=_interopRequireDefault(require("../HeaderActions")),_constants=require("../../constants"),_utils=require("./utils"),_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,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}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 Header=_ref=>{let{adornment:adornment,classNames:classNames,description:description,descriptionProps:descriptionProps,headerActions:headerActions,headerActionsProps:headerActionsProps,setMainActionHoverVisible:setMainActionHoverVisible,size:size,status:status,statusAlignment:statusAlignment,statusDataTestId:statusDataTestId,statusLabel:statusLabel,title:title,titleProps:titleProps}=_ref;return _react.default.createElement("div",{className:"".concat(_stylesModule.default.header," ").concat(_stylesModule.default[size]," ").concat(classNames.header)},(0,_utils.renderAdornment)(adornment,"left"),_react.default.createElement("div",{className:_stylesModule.default.headerTitles},(0,_utils.renderAdornment)(adornment,"top"),_react.default.createElement("div",{className:_stylesModule.default.titleAndDescription},_react.default.createElement(_UTLabel.default,_extends({variant:"title3",weight:"medium"},titleProps),title),description&&_react.default.createElement(_UTLabel.default,_extends({colorTheme:"gray"},descriptionProps),description))),status?_react.default.createElement(_UTStatus.default,_extends({className:"".concat(_stylesModule.default["placeSelf-".concat(statusAlignment)]),labelDataTestId:statusDataTestId,type:"light"},(0,_utils.statusPropsMapper)(status)),statusLabel||status):null,!(0,_array.isEmpty)(headerActions)&&_react.default.createElement(_HeaderActions.default,{headerActions:headerActions,headerActionsProps:headerActionsProps,setMainActionHoverVisible:setMainActionHoverVisible}))};Header.propTypes={adornment:(0,_propTypes.shape)({position:_propTypes.string,props:_propTypes.object,type:_propTypes.string}),classNames:(0,_propTypes.objectOf)(_propTypes.string),description:_propTypes.string,descriptionProps:(0,_propTypes.shape)({colorTheme:_propTypes.string,variant:_propTypes.string}),headerActions:(0,_propTypes.arrayOf)((0,_propTypes.shape)({Icon:(0,_propTypes.oneOfType)([_propTypes.elementType,_propTypes.string]),id:(0,_propTypes.oneOfType)([_propTypes.number,_propTypes.string]),isPrimary:_propTypes.bool,label:_propTypes.string,loading:_propTypes.bool,onClick:_propTypes.func})),headerActionsProps:(0,_propTypes.shape)({alignment:(0,_propTypes.oneOf)([_constants.PLACE_SELF_TYPES.CENTER,_constants.PLACE_SELF_TYPES.END,_constants.PLACE_SELF_TYPES.START]),buttonGroupProps:(0,_propTypes.shape)({colorTheme:_propTypes.string,shape:_propTypes.string}),variant:(0,_propTypes.oneOf)([_constants.HEADER_ACTIONS_VARIANTS.DEFAULT,_constants.HEADER_ACTIONS_VARIANTS.BUTTON_GROUP])}),setMainActionHoverVisible:_propTypes.func,size:(0,_propTypes.oneOf)([_constants.SIZES.MEDIUM,_constants.SIZES.SMALL]),status:_propTypes.string,statusAlignment:(0,_propTypes.oneOf)([_constants.PLACE_SELF_TYPES.CENTER,_constants.PLACE_SELF_TYPES.END,_constants.PLACE_SELF_TYPES.START]),statusDataTestId:_propTypes.string,statusLabel:_propTypes.string,title:_propTypes.string,titleProps:(0,_propTypes.shape)({variant:_propTypes.string,weight:_propTypes.string})};var _default=exports.default=(0,_react.memo)(Header);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _array = require("@widergy/web-utils/lib/array");
+var _UTStatus = _interopRequireDefault(require("../../../UTStatus"));
+var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
+var _HeaderActions = _interopRequireDefault(require("../HeaderActions"));
+var _constants = require("../../constants");
+var _utils = require("./utils");
+var _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(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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 Header = _ref => {
+  let {
+    adornment,
+    classNames,
+    description,
+    descriptionProps,
+    headerActions,
+    headerActionsProps,
+    setMainActionHoverVisible,
+    size,
+    status,
+    statusAlignment,
+    statusDataTestId,
+    statusLabel,
+    title,
+    titleProps
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_stylesModule.default.header, " ").concat(_stylesModule.default[size], " ").concat(classNames.header)
+  }, (0, _utils.renderAdornment)(adornment, 'left'), /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.headerTitles
+  }, (0, _utils.renderAdornment)(adornment, 'top'), /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.titleAndDescription
+  }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
+    variant: "title3",
+    weight: "medium"
+  }, titleProps), title), description && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
+    colorTheme: "gray"
+  }, descriptionProps), description))), status ? /*#__PURE__*/_react.default.createElement(_UTStatus.default, _extends({
+    className: "".concat(_stylesModule.default["placeSelf-".concat(statusAlignment)]),
+    labelDataTestId: statusDataTestId,
+    type: "light"
+  }, (0, _utils.statusPropsMapper)(status)), statusLabel || status) : null, !(0, _array.isEmpty)(headerActions) && /*#__PURE__*/_react.default.createElement(_HeaderActions.default, {
+    headerActions,
+    headerActionsProps,
+    setMainActionHoverVisible
+  }));
+};
+Header.propTypes = {
+  adornment: (0, _propTypes.shape)({
+    position: _propTypes.string,
+    props: _propTypes.object,
+    type: _propTypes.string
+  }),
+  classNames: (0, _propTypes.objectOf)(_propTypes.string),
+  description: _propTypes.string,
+  descriptionProps: (0, _propTypes.shape)({
+    colorTheme: _propTypes.string,
+    variant: _propTypes.string
+  }),
+  headerActions: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+    Icon: (0, _propTypes.oneOfType)([_propTypes.elementType, _propTypes.string]),
+    id: (0, _propTypes.oneOfType)([_propTypes.number, _propTypes.string]),
+    isPrimary: _propTypes.bool,
+    label: _propTypes.string,
+    loading: _propTypes.bool,
+    onClick: _propTypes.func
+  })),
+  headerActionsProps: (0, _propTypes.shape)({
+    alignment: (0, _propTypes.oneOf)([_constants.PLACE_SELF_TYPES.CENTER, _constants.PLACE_SELF_TYPES.END, _constants.PLACE_SELF_TYPES.START]),
+    buttonGroupProps: (0, _propTypes.shape)({
+      colorTheme: _propTypes.string,
+      shape: _propTypes.string
+    }),
+    variant: (0, _propTypes.oneOf)([_constants.HEADER_ACTIONS_VARIANTS.DEFAULT, _constants.HEADER_ACTIONS_VARIANTS.BUTTON_GROUP])
+  }),
+  setMainActionHoverVisible: _propTypes.func,
+  size: (0, _propTypes.oneOf)([_constants.SIZES.MEDIUM, _constants.SIZES.SMALL]),
+  status: _propTypes.string,
+  statusAlignment: (0, _propTypes.oneOf)([_constants.PLACE_SELF_TYPES.CENTER, _constants.PLACE_SELF_TYPES.END, _constants.PLACE_SELF_TYPES.START]),
+  statusDataTestId: _propTypes.string,
+  statusLabel: _propTypes.string,
+  title: _propTypes.string,
+  titleProps: (0, _propTypes.shape)({
+    variant: _propTypes.string,
+    weight: _propTypes.string
+  })
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(Header);