@widergy/energy-ui 3.162.1 → 3.164.0

package/CHANGELOG.md

@@ -1,9 +1,30 @@
-## [3.162.1](https://github.com/widergy/energy-ui/compare/v3.162.0...v3.162.1) (2026-06-08)
+# [3.164.0](https://github.com/widergy/energy-ui/compare/v3.163.0...v3.164.0) (2026-06-09)
 
 
 ### Bug Fixes
 
-* the request of a dependency is an expression ([#812](https://github.com/widergy/energy-ui/issues/812)) ([16f757b](https://github.com/widergy/energy-ui/commit/16f757bbd91c38ade07de0e10a9059cacb4ac80e))
+* testid fix ([#816](https://github.com/widergy/energy-ui/issues/816)) ([0285aa9](https://github.com/widergy/energy-ui/commit/0285aa9c2f2fb10dd5a4a6a54788c2d9ea1760d5))
+
+
+### Features
+
+* [AUTO-257] Add test ids to management search ([#807](https://github.com/widergy/energy-ui/issues/807)) ([655afe4](https://github.com/widergy/energy-ui/commit/655afe42a3170099e1bcbb0c971c77fe549fdbb2))
+
+# [3.163.0](https://github.com/widergy/energy-ui/compare/v3.162.1...v3.163.0) (2026-06-08)
+
+### Novedades y Mejoras
+
+* Se incorporó la posibilidad de controlar el espaciado en los extremos de los gráficos de barras de forma independiente al espaciado entre barras, brindando mayor flexibilidad en la presentación visual de datos. [#814](https://github.com/widergy/Energy-UI/pull/814) [CX-2600](https://widergy.atlassian.net/browse/CX-2600)
+
+## [3.162.1](https://github.com/widergy/energy-ui/compare/v3.162.0...v3.162.1) (2026-06-08)
+
+### Correcciones
+
+* Se resolvió un problema que generaba errores al cargar íconos de banderas en ciertos entornos, mejorando además el rendimiento al evitar búsquedas repetidas para códigos no reconocidos. [#812](https://github.com/widergy/Energy-UI/pull/812) [OUG-5552](https://widergy.atlassian.net/browse/OUG-5552)
+
+### Novedades y Mejoras
+
+* Mejoras internas de la plataforma. [`ed96d49`](https://github.com/widergy/Energy-UI/commit/ed96d49) [`df57c7c`](https://github.com/widergy/Energy-UI/commit/df57c7c)
 
 # [3.162.0](https://github.com/widergy/energy-ui/compare/v3.161.0...v3.162.0) (2026-06-05)
 

package/dist/components/UTDatePicker/versions/V0/index.js

@@ -66,6 +66,7 @@ const UTDatePickerV0 = _ref => {
     classes: themeClasses,
     classNames,
     CustomIcon,
+    dataTestId,
     dayFormat,
     disableToolbar = true,
     disabled,
@@ -134,6 +135,7 @@ const UTDatePickerV0 = _ref => {
     locale: _es.default
   }, /*#__PURE__*/_react.default.createElement(_pickers.KeyboardDatePicker, _extends({
     disabled: disabled,
+    "data-testid": dataTestId,
     value: pickedDate,
     label: inputVariant === 'standard' && (field === null || field === void 0 ? void 0 : field.title),
     error: (0, _form.shouldShowErrors)(meta),
@@ -186,6 +188,7 @@ UTDatePickerV0.propTypes = {
   classes: _types.classesPropTypes,
   CustomIcon: _propTypes.node,
   dayFormat: _propTypes.string,
+  dataTestId: _propTypes.string,
   disableToolbar: _propTypes.bool,
   disabled: _propTypes.bool,
   field: _formTypes.fieldType,

package/dist/components/UTDatePicker/versions/V1/index.js

@@ -15,7 +15,6 @@ var _UTFieldLabel = _interopRequireDefault(require("../../../UTFieldLabel"));
 var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
 var _UTValidation = _interopRequireDefault(require("../../../UTValidation"));
 var _constants = require("../../../UTBaseInputField/constants");
-var _testIds = require("../../../../constants/testIds");
 var _Calendar = _interopRequireDefault(require("./components/Calendar"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 var _constants2 = require("./constants");
@@ -24,9 +23,6 @@ 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); }
 _dayjs.default.extend(_customParseFormat.default);
-const {
-  UTDatePickerV1TestID
-} = _testIds.TEST_IDS;
 const CALENDAR_PAPER_PROPS = {
   onMouseDown: e => e.preventDefault()
 };
@@ -34,6 +30,7 @@ const UTDatePicker = _ref => {
   let {
     classNames = {},
     CustomIcon,
+    dataTestId,
     disabled,
     error = '',
     helpText,
@@ -185,8 +182,7 @@ const UTDatePicker = _ref => {
     variant: "text"
   }))) : undefined;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.root,
-    "data-testid": UTDatePickerV1TestID.root
+    className: _stylesModule.default.root
   }, title && /*#__PURE__*/_react.default.createElement(_UTFieldLabel.default, {
     className: classNames === null || classNames === void 0 ? void 0 : classNames.upperTitle,
     required: required,
@@ -196,7 +192,7 @@ const UTDatePicker = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_UTBaseInputField.default, {
     alwaysShowPlaceholder: true,
     classNames: classNames,
-    dataTestId: UTDatePickerV1TestID.input,
+    dataTestId: dataTestId,
     inputRef: inputRef,
     disabled: disabled,
     error: hasError,
@@ -220,7 +216,7 @@ const UTDatePicker = _ref => {
     variant: "small",
     withMarkdown: true
   }, helpText), variant === 'select' && errorMessage && /*#__PURE__*/_react.default.createElement(_UTValidation.default, {
-    dataTestId: UTDatePickerV1TestID.errorMessage,
+    dataTestId: dataTestId ? "".concat(dataTestId, ".errorMessage") : undefined,
     validationData: [{
       items: [{
         status: 'error',
@@ -253,6 +249,7 @@ const UTDatePicker = _ref => {
 UTDatePicker.propTypes = {
   classNames: _propTypes.object,
   CustomIcon: _propTypes.elementType,
+  dataTestId: _propTypes.string,
   disabled: _propTypes.bool,
   error: _propTypes.string,
   helpText: _propTypes.string,

package/dist/components/UTTextInput/versions/V0/index.js

@@ -120,6 +120,7 @@ class UTTextInput extends _react.PureComponent {
     const fieldId = id || field !== null && field !== void 0 && field.id ? "".concat(id || field.id) : undefined;
     const TextInput = /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({
       id: fieldId,
+      "data-testid": dataTestId,
       placeholder: placeholder,
       variant: variant,
       label: Icon ? /*#__PURE__*/_react.default.createElement("div", {

package/dist/constants/testIds.js

@@ -169,13 +169,10 @@ const TEST_IDS = exports.TEST_IDS = {
     actionIcon: 'wrapperObservation.actionIcon.'
   },
   UTDatePickerV1TestID: {
-    root: 'UTDatePickerV1.root',
-    input: 'UTDatePickerV1.input',
     calendar: 'UTDatePickerV1.calendar',
     calendarPrevBtn: 'UTDatePickerV1.calendarPrevBtn',
     calendarNextBtn: 'UTDatePickerV1.calendarNextBtn',
-    calendarMonthYear: 'UTDatePickerV1.calendarMonthYear',
-    errorMessage: 'UTDatePickerV1.errorMessage'
+    calendarMonthYear: 'UTDatePickerV1.calendarMonthYear'
   },
   workflowContainer: {
     bottomNav: {

package/dist/deprecated/UTBarChart/index.js

@@ -34,6 +34,7 @@ const UTBarChart = _ref => {
     barBorderRadius,
     barData,
     barPadding,
+    barPaddingOuter,
     buttonProps,
     center,
     classes: theme,
@@ -140,7 +141,7 @@ const UTBarChart = _ref => {
   const maxAbsoluteValue = Math.max(linearUpperBound, barUpperBound);
   const barMaxValue = singleYAxis ? maxAbsoluteValue : barUpperBound;
   const yAxis = d3.scaleLinear().domain([barLowerBound, barMaxValue]).range([GRAPH_Y_START, GRAPH_Y_END]);
-  const xAxis = d3.scaleBand().domain(d3.range(((_formattedData$2 = formattedData[0]) === null || _formattedData$2 === void 0 ? void 0 : _formattedData$2.length) || (xAxisDefinition === null || xAxisDefinition === void 0 ? void 0 : xAxisDefinition.length) || 0)).range([GRAPH_X_START, GRAPH_X_END]).padding(barPadding);
+  const xAxis = d3.scaleBand().domain(d3.range(((_formattedData$2 = formattedData[0]) === null || _formattedData$2 === void 0 ? void 0 : _formattedData$2.length) || (xAxisDefinition === null || xAxisDefinition === void 0 ? void 0 : xAxisDefinition.length) || 0)).range([GRAPH_X_START, GRAPH_X_END]).paddingInner(barPadding).paddingOuter(barPaddingOuter !== null && barPaddingOuter !== void 0 ? barPaddingOuter : barPadding);
   const groupWidth = fullSizeBars ? GRAPH_X_END : xAxis.bandwidth();
   const xSubAxis = d3.scaleBand().domain(d3.range(groups)).range([0, groupWidth]).padding(barPadding);
   const barWidth = xSubAxis.bandwidth();
@@ -315,6 +316,7 @@ UTBarChart.propTypes = {
   barBorderRadius: _propTypes.number,
   barData: _types.barDataType,
   barPadding: _propTypes.number,
+  barPaddingOuter: _propTypes.number,
   buttonProps: _types.buttonPropsTypes,
   center: _propTypes.bool,
   classes: _commonTypes.classesType,

package/dist/esm/components/UTDatePicker/versions/V0/index.js

@@ -58,6 +58,7 @@ const UTDatePickerV0 = _ref => {
     classes: themeClasses,
     classNames,
     CustomIcon,
+    dataTestId,
     dayFormat,
     disableToolbar = true,
     disabled,
@@ -126,6 +127,7 @@ const UTDatePickerV0 = _ref => {
     locale: es
   }, /*#__PURE__*/React.createElement(KeyboardDatePicker, _extends({
     disabled: disabled,
+    "data-testid": dataTestId,
     value: pickedDate,
     label: inputVariant === 'standard' && (field === null || field === void 0 ? void 0 : field.title),
     error: shouldShowErrors(meta),
@@ -178,6 +180,7 @@ UTDatePickerV0.propTypes = {
   classes: classesPropTypes,
   CustomIcon: node,
   dayFormat: string,
+  dataTestId: string,
   disableToolbar: bool,
   disabled: bool,
   field: fieldType,

package/dist/esm/components/UTDatePicker/versions/V1/index.js

@@ -10,15 +10,11 @@ import UTFieldLabel from '../../../UTFieldLabel';
 import UTLabel from '../../../UTLabel';
 import UTValidation from '../../../UTValidation';
 import { COMPONENT_KEYS } from '../../../UTBaseInputField/constants';
-import { TEST_IDS } from '../../../../constants/testIds';
 import Calendar from './components/Calendar';
 import styles from './styles.module.scss';
 import { DEFAULT_PROPS, DEFAULT_PLACEHOLDER, OUTPUT_LABEL_MASK, TYPING_ERROR_MESSAGE } from './constants';
 import { dateMatchesFormat, getFinalDate } from './utils';
 dayjs.extend(customParseFormat);
-const {
-  UTDatePickerV1TestID
-} = TEST_IDS;
 const CALENDAR_PAPER_PROPS = {
   onMouseDown: e => e.preventDefault()
 };
@@ -26,6 +22,7 @@ const UTDatePicker = _ref => {
   let {
     classNames = {},
     CustomIcon,
+    dataTestId,
     disabled,
     error = '',
     helpText,
@@ -177,8 +174,7 @@ const UTDatePicker = _ref => {
     variant: "text"
   }))) : undefined;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: styles.root,
-    "data-testid": UTDatePickerV1TestID.root
+    className: styles.root
   }, title && /*#__PURE__*/React.createElement(UTFieldLabel, {
     className: classNames === null || classNames === void 0 ? void 0 : classNames.upperTitle,
     required: required,
@@ -188,7 +184,7 @@ const UTDatePicker = _ref => {
   }, /*#__PURE__*/React.createElement(UTBaseInputField, {
     alwaysShowPlaceholder: true,
     classNames: classNames,
-    dataTestId: UTDatePickerV1TestID.input,
+    dataTestId: dataTestId,
     inputRef: inputRef,
     disabled: disabled,
     error: hasError,
@@ -212,7 +208,7 @@ const UTDatePicker = _ref => {
     variant: "small",
     withMarkdown: true
   }, helpText), variant === 'select' && errorMessage && /*#__PURE__*/React.createElement(UTValidation, {
-    dataTestId: UTDatePickerV1TestID.errorMessage,
+    dataTestId: dataTestId ? "".concat(dataTestId, ".errorMessage") : undefined,
     validationData: [{
       items: [{
         status: 'error',
@@ -245,6 +241,7 @@ const UTDatePicker = _ref => {
 UTDatePicker.propTypes = {
   classNames: object,
   CustomIcon: elementType,
+  dataTestId: string,
   disabled: bool,
   error: string,
   helpText: string,

package/dist/esm/components/UTTextInput/versions/V0/index.js

@@ -112,6 +112,7 @@ class UTTextInput extends PureComponent {
     const fieldId = id || field !== null && field !== void 0 && field.id ? "".concat(id || field.id) : undefined;
     const TextInput = /*#__PURE__*/React.createElement(TextField, _extends({
       id: fieldId,
+      "data-testid": dataTestId,
       placeholder: placeholder,
       variant: variant,
       label: Icon ? /*#__PURE__*/React.createElement("div", {

package/dist/esm/constants/testIds.js

@@ -163,13 +163,10 @@ export const TEST_IDS = {
     actionIcon: 'wrapperObservation.actionIcon.'
   },
   UTDatePickerV1TestID: {
-    root: 'UTDatePickerV1.root',
-    input: 'UTDatePickerV1.input',
     calendar: 'UTDatePickerV1.calendar',
     calendarPrevBtn: 'UTDatePickerV1.calendarPrevBtn',
     calendarNextBtn: 'UTDatePickerV1.calendarNextBtn',
-    calendarMonthYear: 'UTDatePickerV1.calendarMonthYear',
-    errorMessage: 'UTDatePickerV1.errorMessage'
+    calendarMonthYear: 'UTDatePickerV1.calendarMonthYear'
   },
   workflowContainer: {
     bottomNav: {

package/dist/esm/deprecated/UTBarChart/index.js

@@ -26,6 +26,7 @@ const UTBarChart = _ref => {
     barBorderRadius,
     barData,
     barPadding,
+    barPaddingOuter,
     buttonProps,
     center,
     classes: theme,
@@ -132,7 +133,7 @@ const UTBarChart = _ref => {
   const maxAbsoluteValue = Math.max(linearUpperBound, barUpperBound);
   const barMaxValue = singleYAxis ? maxAbsoluteValue : barUpperBound;
   const yAxis = d3.scaleLinear().domain([barLowerBound, barMaxValue]).range([GRAPH_Y_START, GRAPH_Y_END]);
-  const xAxis = d3.scaleBand().domain(d3.range(((_formattedData$2 = formattedData[0]) === null || _formattedData$2 === void 0 ? void 0 : _formattedData$2.length) || (xAxisDefinition === null || xAxisDefinition === void 0 ? void 0 : xAxisDefinition.length) || 0)).range([GRAPH_X_START, GRAPH_X_END]).padding(barPadding);
+  const xAxis = d3.scaleBand().domain(d3.range(((_formattedData$2 = formattedData[0]) === null || _formattedData$2 === void 0 ? void 0 : _formattedData$2.length) || (xAxisDefinition === null || xAxisDefinition === void 0 ? void 0 : xAxisDefinition.length) || 0)).range([GRAPH_X_START, GRAPH_X_END]).paddingInner(barPadding).paddingOuter(barPaddingOuter !== null && barPaddingOuter !== void 0 ? barPaddingOuter : barPadding);
   const groupWidth = fullSizeBars ? GRAPH_X_END : xAxis.bandwidth();
   const xSubAxis = d3.scaleBand().domain(d3.range(groups)).range([0, groupWidth]).padding(barPadding);
   const barWidth = xSubAxis.bandwidth();
@@ -307,6 +308,7 @@ UTBarChart.propTypes = {
   barBorderRadius: number,
   barData: barDataType,
   barPadding: number,
+  barPaddingOuter: number,
   buttonProps: buttonPropsTypes,
   center: bool,
   classes: classesType,

package/package.json

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