@widergy/energy-ui 3.173.0 → 3.173.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/CHANGELOG.md +19 -2
  2. package/dist/components/UTShortcutPanel/styles.module.scss +1 -1
  3. package/dist/components/UTSidebar/components/ListOption/index.js +4 -0
  4. package/dist/components/UTSidebar/index.js +6 -4
  5. package/dist/components/UTSidebar/types.js +1 -0
  6. package/dist/esm/components/UTShortcutPanel/styles.module.scss +1 -1
  7. package/dist/esm/components/UTSidebar/components/ListOption/index.js +4 -0
  8. package/dist/esm/components/UTSidebar/index.js +7 -5
  9. package/dist/esm/components/UTSidebar/types.js +1 -0
  10. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,9 +1,26 @@
1
+ ## [3.173.2](https://github.com/widergy/energy-ui/compare/v3.173.1...v3.173.2) (2026-07-23)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * animation delay time ([#838](https://github.com/widergy/energy-ui/issues/838)) ([790208d](https://github.com/widergy/energy-ui/commit/790208d382461fcaf07067a525fe0168099f44ee))
7
+
8
+ ## [3.173.1](https://github.com/widergy/energy-ui/compare/v3.173.0...v3.173.1) (2026-07-22)
9
+
10
+
11
+ ### Bug Fixes
12
+
13
+ * [AUTO-330] fixes on utsidebar testids ([#837](https://github.com/widergy/energy-ui/issues/837)) ([671972d](https://github.com/widergy/energy-ui/commit/671972d90ec3cebb84d9f469ce2e2e0b171d1a59))
14
+
1
15
  # [3.173.0](https://github.com/widergy/energy-ui/compare/v3.172.3...v3.173.0) (2026-07-06)
2
16
 
17
+ ### Novedades y Mejoras
3
18
 
4
- ### Features
19
+ * La vista de selección de trámites ahora organiza las opciones en dos niveles (categoría y subcategoría), con secciones expandibles y colapsables desde cualquier punto de la cabecera, chevron indicador reubicado junto al título, y opciones de selección con mayor capacidad de personalización visual. [#832](https://github.com/widergy/Energy-UI/pull/832) [CX-2739](https://widergy.atlassian.net/browse/CX-2739)
20
+
21
+ ### Correcciones
5
22
 
6
- * [CX-2739] datacategory - dataelement - radiogroup ([#832](https://github.com/widergy/energy-ui/issues/832)) ([8cb7619](https://github.com/widergy/energy-ui/commit/8cb7619983d17b1c39b7347aa8b3ed25e3cb0c81))
23
+ * Mejoras internas de la plataforma. [#835](https://github.com/widergy/Energy-UI/pull/835)
7
24
 
8
25
  ## [3.172.3](https://github.com/widergy/energy-ui/compare/v3.172.2...v3.172.3) (2026-07-03)
9
26
 
package/dist/components/UTShortcutPanel/styles.module.scss CHANGED
@@ -54,7 +54,7 @@
54
54
  overflow: hidden !important;
55
55
  padding: var(--padding-lg, 24px) 0;
56
56
  position: relative !important;
57
- transition: width 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms !important;
57
+ transition: width 30ms cubic-bezier(0.4, 0, 0.2, 1) 0ms !important;
58
58
  width: var(--UT-shortcutPanel-width-collapsed, 3.5rem);
59
59
 
60
60
  &Open {
package/dist/components/UTSidebar/components/ListOption/index.js CHANGED
@@ -14,6 +14,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
14
14
  const ListOption = _ref => {
15
15
  let {
16
16
  classes,
17
+ dataTestId,
17
18
  handleClose,
18
19
  handleRedirect,
19
20
  IconActive,
@@ -49,6 +50,7 @@ const ListOption = _ref => {
49
50
  const hasSelectedItem = (0, _react.useMemo)(() => options.some(opt => opt.link === location), [location, options]);
50
51
  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Option.default, {
51
52
  classes: classes,
53
+ dataTestId: dataTestId,
52
54
  IconActive: IconActive,
53
55
  IconInactive: IconInactive,
54
56
  iconProps: iconProps,
@@ -68,6 +70,7 @@ const ListOption = _ref => {
68
70
  }
69
71
  }, options.map(op => /*#__PURE__*/_react.default.createElement(_Option.default, {
70
72
  classes: classes,
73
+ dataTestId: op.dataTestId,
71
74
  handleClose: handleClose,
72
75
  handleRedirect: handleRedirect,
73
76
  key: op.key,
@@ -80,6 +83,7 @@ const ListOption = _ref => {
80
83
  };
81
84
  ListOption.propTypes = {
82
85
  classes: (0, _propTypes.objectOf)(_propTypes.string),
86
+ dataTestId: _propTypes.string,
83
87
  handleClose: _propTypes.func,
84
88
  handleRedirect: _propTypes.func,
85
89
  IconActive: _propTypes.elementType,
package/dist/components/UTSidebar/index.js CHANGED
@@ -50,9 +50,9 @@ const UTSidebar = _ref => {
50
50
  const {
51
51
  isTabletOrDesktop
52
52
  } = (0, _useScreenSize.useScreenSize)();
53
- const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
53
+ const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeMultipleClassNames)(themeClasses, classNames), [classNames]);
54
54
  const toggleDrawer = () => open ? handleClose() : handleOpen();
55
- return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Drawer.default, {
55
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Drawer.default, {
56
56
  open: isTabletOrDesktop || open,
57
57
  variant: isTabletOrDesktop ? 'persistent' : 'temporary',
58
58
  classes: {
@@ -90,9 +90,10 @@ const UTSidebar = _ref => {
90
90
  }
91
91
  }, options.map(_ref2 => {
92
92
  let {
93
+ key,
93
94
  show = true,
94
95
  options: menuOptions,
95
- ...props
96
+ ...optionProps
96
97
  } = _ref2;
97
98
  if (!show) return false;
98
99
  const hasMenuOptions = !(0, _array.isEmpty)(menuOptions);
@@ -103,13 +104,14 @@ const UTSidebar = _ref => {
103
104
  classes: classes,
104
105
  handleClose: handleClose,
105
106
  handleRedirect: handleRedirect,
107
+ key: key,
106
108
  labelAlwaysVisible: labelAlwaysVisible,
107
109
  location: location,
108
110
  open: open,
109
111
  openDrawer: handleOpen,
110
112
  options: menuOptionsToShow,
111
113
  withTooltip: withTooltip
112
- }, props));
114
+ }, optionProps));
113
115
  }))), FooterBigLogo && FooterSmallLogo && /*#__PURE__*/_react.default.createElement(_LogosContainer.default, {
114
116
  BigLogo: FooterBigLogo,
115
117
  SmallLogo: FooterSmallLogo,
package/dist/components/UTSidebar/types.js CHANGED
@@ -34,6 +34,7 @@ const classType = exports.classType = (0, _propTypes.shape)({
34
34
  });
35
35
  const iconType = exports.iconType = (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.elementType]);
36
36
  const subOptionType = exports.subOptionType = (0, _propTypes.shape)({
37
+ dataTestId: _propTypes.string,
37
38
  id: _propTypes.string,
38
39
  key: _propTypes.string,
39
40
  label: _propTypes.string,
package/dist/esm/components/UTShortcutPanel/styles.module.scss CHANGED
@@ -54,7 +54,7 @@
54
54
  overflow: hidden !important;
55
55
  padding: var(--padding-lg, 24px) 0;
56
56
  position: relative !important;
57
- transition: width 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms !important;
57
+ transition: width 30ms cubic-bezier(0.4, 0, 0.2, 1) 0ms !important;
58
58
  width: var(--UT-shortcutPanel-width-collapsed, 3.5rem);
59
59
 
60
60
  &Open {
package/dist/esm/components/UTSidebar/components/ListOption/index.js CHANGED
@@ -6,6 +6,7 @@ import styles from './styles.module.scss';
6
6
  const ListOption = _ref => {
7
7
  let {
8
8
  classes,
9
+ dataTestId,
9
10
  handleClose,
10
11
  handleRedirect,
11
12
  IconActive,
@@ -41,6 +42,7 @@ const ListOption = _ref => {
41
42
  const hasSelectedItem = useMemo(() => options.some(opt => opt.link === location), [location, options]);
42
43
  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Option, {
43
44
  classes: classes,
45
+ dataTestId: dataTestId,
44
46
  IconActive: IconActive,
45
47
  IconInactive: IconInactive,
46
48
  iconProps: iconProps,
@@ -60,6 +62,7 @@ const ListOption = _ref => {
60
62
  }
61
63
  }, options.map(op => /*#__PURE__*/React.createElement(Option, {
62
64
  classes: classes,
65
+ dataTestId: op.dataTestId,
63
66
  handleClose: handleClose,
64
67
  handleRedirect: handleRedirect,
65
68
  key: op.key,
@@ -72,6 +75,7 @@ const ListOption = _ref => {
72
75
  };
73
76
  ListOption.propTypes = {
74
77
  classes: objectOf(string),
78
+ dataTestId: string,
75
79
  handleClose: func,
76
80
  handleRedirect: func,
77
81
  IconActive: elementType,
package/dist/esm/components/UTSidebar/index.js CHANGED
@@ -8,7 +8,7 @@ import ScrollBar from 'react-perfect-scrollbar';
8
8
  import 'react-perfect-scrollbar/dist/css/styles.css';
9
9
  import { isEmpty } from '@widergy/web-utils/lib/array';
10
10
  import { useScreenSize } from '../../utils/useScreenSize';
11
- import { mergeClasses } from '../../utils/classesUtils';
11
+ import { mergeMultipleClassNames } from '../../utils/classesUtils';
12
12
  import WithTheme from '../WithTheme';
13
13
  import { classType, iconType, optionsType } from './types';
14
14
  import { retrieveStyle } from './theme';
@@ -42,9 +42,9 @@ const UTSidebar = _ref => {
42
42
  const {
43
43
  isTabletOrDesktop
44
44
  } = useScreenSize();
45
- const classes = useMemo(() => mergeClasses(themeClasses, classNames), [classNames]);
45
+ const classes = useMemo(() => mergeMultipleClassNames(themeClasses, classNames), [classNames]);
46
46
  const toggleDrawer = () => open ? handleClose() : handleOpen();
47
- return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Drawer, {
47
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Drawer, {
48
48
  open: isTabletOrDesktop || open,
49
49
  variant: isTabletOrDesktop ? 'persistent' : 'temporary',
50
50
  classes: {
@@ -82,9 +82,10 @@ const UTSidebar = _ref => {
82
82
  }
83
83
  }, options.map(_ref2 => {
84
84
  let {
85
+ key,
85
86
  show = true,
86
87
  options: menuOptions,
87
- ...props
88
+ ...optionProps
88
89
  } = _ref2;
89
90
  if (!show) return false;
90
91
  const hasMenuOptions = !isEmpty(menuOptions);
@@ -95,13 +96,14 @@ const UTSidebar = _ref => {
95
96
  classes: classes,
96
97
  handleClose: handleClose,
97
98
  handleRedirect: handleRedirect,
99
+ key: key,
98
100
  labelAlwaysVisible: labelAlwaysVisible,
99
101
  location: location,
100
102
  open: open,
101
103
  openDrawer: handleOpen,
102
104
  options: menuOptionsToShow,
103
105
  withTooltip: withTooltip
104
- }, props));
106
+ }, optionProps));
105
107
  }))), FooterBigLogo && FooterSmallLogo && /*#__PURE__*/React.createElement(LogosContainer, {
106
108
  BigLogo: FooterBigLogo,
107
109
  SmallLogo: FooterSmallLogo,
package/dist/esm/components/UTSidebar/types.js CHANGED
@@ -28,6 +28,7 @@ export const classType = shape({
28
28
  });
29
29
  export const iconType = oneOfType([func, elementType]);
30
30
  export const subOptionType = shape({
31
+ dataTestId: string,
31
32
  id: string,
32
33
  key: string,
33
34
  label: string,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@widergy/energy-ui",
3
- "version": "3.173.0",
3
+ "version": "3.173.2",
4
4
  "description": "Widergy Web Components",
5
5
  "author": "widergy",
6
6
  "license": "MIT",