@widergy/energy-ui 3.132.0 → 3.133.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [3.133.1](https://github.com/widergy/energy-ui/compare/v3.133.0...v3.133.1) (2026-01-27)
+
+
+### Bug Fixes
+
+* fieldLabel position + styles ([#752](https://github.com/widergy/energy-ui/issues/752)) ([ad061cd](https://github.com/widergy/energy-ui/commit/ad061cdcc73b4a328bad289cb63a280ab66e5f08))
+
+# [3.133.0](https://github.com/widergy/energy-ui/compare/v3.132.0...v3.133.0) (2026-01-26)
+
+
+### Features
+
+* add custom header button ([#751](https://github.com/widergy/energy-ui/issues/751)) ([6cffe83](https://github.com/widergy/energy-ui/commit/6cffe8347014cdac18fee9270bb4a21f8dba275b))
+
 # [3.132.0](https://github.com/widergy/energy-ui/compare/v3.131.0...v3.132.0) (2026-01-26)
 
 

package/dist/components/UTAttachmentList/layout.js

@@ -57,15 +57,16 @@ const AttachmentList = _ref => {
     setPreviewModalIsOpen(true);
   };
   const closePreviewModal = () => setPreviewModalIsOpen(false);
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.container, " ").concat(classes.container, " ").concat(error && classes.errorContainer)
-  }, shouldShowUpperTitle && /*#__PURE__*/_react.default.createElement(_UTFieldLabel.default, {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, shouldShowUpperTitle && /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.upperTitleContainer
+  }, /*#__PURE__*/_react.default.createElement(_UTFieldLabel.default, {
     actions: actions,
-    className: _stylesModule.default.title,
     readOnly: field.read_only,
     size: titleVariant,
     required: field.required
-  }, field === null || field === void 0 ? void 0 : field.title), !previewIsEmpty && preview.map(previewItem => /*#__PURE__*/_react.default.createElement("div", {
+  }, field === null || field === void 0 ? void 0 : field.title)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_stylesModule.default.container, " ").concat(classes.container, " ").concat(error && classes.errorContainer)
+  }, !previewIsEmpty && preview.map(previewItem => /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.previewContainer, " ").concat(classes.previewContainer),
     "data-testid": previewDataTestId
   }, previewItem.type === _constants.PREVIEW_TYPES.LOADING ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_UTIcon.default, {

package/dist/components/UTAttachmentList/styles.module.scss

@@ -96,6 +96,7 @@ $box-shadow: #e4e6eae5;
   from {
     transform: rotate(0deg);
   }
+
   to {
     transform: rotate(360deg);
   }
@@ -109,3 +110,8 @@ $box-shadow: #e4e6eae5;
 .errorText {
   flex: 1 1;
 }
+
+.upperTitleContainer {
+  padding: 0 0 16px;
+  width: calc(100% - 32px);
+}

package/dist/components/UTPanel/UTPanel.stories.js

@@ -12,6 +12,12 @@ var _2 = _interopRequireDefault(require("."));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /* eslint-disable no-alert */
 
+const CustomHeaderAction = () => /*#__PURE__*/_react.default.createElement(_UTButton.default, {
+  onClick: () => alert('Custom header action clicked'),
+  variant: "text",
+  colorTheme: "primary"
+}, "Custom");
+
 // Mock content for the panel
 const mockContent = /*#__PURE__*/_react.default.createElement("div", {
   style: {
@@ -377,6 +383,18 @@ var _default = exports.default = {
           summary: 'object'
         }
       }
+    },
+    CustomHeaderComponent: {
+      control: false,
+      description: '(V1 only) Componente custom a la derecha de las acciones del header.',
+      table: {
+        defaultValue: {
+          summary: 'undefined'
+        },
+        type: {
+          summary: 'elementType'
+        }
+      }
     }
   },
   component: _2.default,
@@ -493,6 +511,7 @@ const V1WithActions = exports.V1WithActions = {
       text: 'Confirmar',
       onClick: () => alert('Botón principal ejecutado')
     },
+    CustomHeaderComponent: CustomHeaderAction,
     children: /*#__PURE__*/_react.default.createElement("div", {
       style: {
         padding: '16px'

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

@@ -41,6 +41,7 @@ const UTPanel = _ref => {
     collapsablePanel = false,
     currentStep = 1,
     disableScrollbar = false,
+    CustomHeaderComponent,
     HeaderComponent,
     headerItems,
     headerMainActionButton = {},
@@ -208,7 +209,7 @@ const UTPanel = _ref => {
     colorTheme: "success",
     dataTestId: mainActionDataTestId,
     variant: "filled"
-  }, headerMainActionButton), headerMainActionButton.text)))), !(0, _isEmpty.default)(headerItems) && !panelIsCollapsed && /*#__PURE__*/_react.default.createElement("div", {
+  }, headerMainActionButton), headerMainActionButton.text), CustomHeaderComponent && /*#__PURE__*/_react.default.createElement(CustomHeaderComponent, null)))), !(0, _isEmpty.default)(headerItems) && !panelIsCollapsed && /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.headerItemsContainer, " \n          ").concat(collapseHeader ? _stylesModule.default.expandedContainer : _stylesModule.default.collapsedContainer, " \n          ").concat(singleHeaderItemsColumn && _stylesModule.default.singleHeaderItemsColumn || '')
   }, headerItems.map(_DataItem.default)), !panelIsCollapsed && /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.bodyContainer, " ").concat(inline && _stylesModule.default.inlineBodyContainer, " ").concat(!hideMainButton && _stylesModule.default.bodyOffset, " ").concat(classes.bodyContainer)
@@ -236,6 +237,7 @@ UTPanel.propTypes = {
   collapsablePanel: _propTypes.bool,
   currentStep: _propTypes.number,
   disableScrollbar: _propTypes.bool,
+  CustomHeaderComponent: _propTypes.elementType,
   HeaderComponent: (0, _propTypes.oneOfType)([_propTypes.element, _propTypes.elementType]),
   headerItems: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
     title: _propTypes.string,

package/package.json

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