@widergy/energy-ui 3.156.0 → 3.157.0

package/CHANGELOG.md

@@ -1,9 +1,24 @@
-# [3.156.0](https://github.com/widergy/energy-ui/compare/v3.155.0...v3.156.0) (2026-05-14)
+# [3.157.0](https://github.com/widergy/energy-ui/compare/v3.156.0...v3.157.0) (2026-05-15)
+
+
+### Bug Fixes
+
+* lint ([17b0e7a](https://github.com/widergy/energy-ui/commit/17b0e7a040c4ebe7502e090cbc5de07ddfd173d0))
 
 
 ### Features
 
-* [AXCH-1404] Add UTDatePicker V1 ([#792](https://github.com/widergy/energy-ui/issues/792)) ([6727f5f](https://github.com/widergy/energy-ui/commit/6727f5fb3ff3df14e08548621efd2c6670cc91ac))
+* add readonly ([fc534cd](https://github.com/widergy/energy-ui/commit/fc534cde072457bbeae7279e50508e196a84c6f2))
+
+# [3.156.0](https://github.com/widergy/energy-ui/compare/v3.155.0...v3.156.0) (2026-05-14)
+
+### Novedades y Mejoras
+
+* Se incorporó un nuevo selector de fechas con diseño renovado, manteniendo toda la funcionalidad disponible previamente. [#792](https://github.com/widergy/Energy-UI/pull/792) [AXCH-1404](https://widergy.atlassian.net/browse/AXCH-1404)
+
+### Correcciones
+
+* Mejoras internas de la plataforma. [`1487639`](https://github.com/widergy/Energy-UI/commit/1487639) [`99e3c95`](https://github.com/widergy/Energy-UI/commit/99e3c95)
 
 # [3.155.0](https://github.com/widergy/energy-ui/compare/v3.154.0...v3.155.0) (2026-05-13)
 

package/dist/components/UTAttachmentList/UTAttachmentList.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Playground = void 0;
+exports.default = exports.ReadOnly = exports.Playground = void 0;
 var _utils = require("stories/utils");
 var _ = _interopRequireDefault(require("."));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -119,6 +119,18 @@ var _default = exports.default = {
         }
       }
     },
+    readOnly: {
+      control: 'boolean',
+      description: 'Modo solo lectura. Oculta el área de carga y el ícono de eliminar. Muestra los archivos con preview y botón de descarga.',
+      table: {
+        defaultValue: {
+          summary: 'false'
+        },
+        type: {
+          summary: 'boolean'
+        }
+      }
+    },
     disableResize: {
       control: 'boolean',
       description: 'Deshabilita el redimensionamiento automático de imágenes.',
@@ -291,4 +303,20 @@ var _default = exports.default = {
 };
 const Playground = exports.Playground = {
   name: 'Playground'
+};
+const ReadOnly = exports.ReadOnly = {
+  args: {
+    readOnly: true,
+    input: {
+      value: [{
+        url: 'https://picsum.photos/seed/energy/200/200',
+        name: 'imagen-ejemplo.jpg'
+      }, {
+        url: 'https://invalid-url-to-test-error.example/doc.pdf',
+        name: 'documento-error.pdf'
+      }],
+      onChange: () => {}
+    }
+  },
+  name: 'ReadOnly'
 };

package/dist/components/UTAttachmentList/index.js

@@ -41,6 +41,7 @@ const AttachmentListContainer = _ref => {
     maxFileSize: defaultMaxFileSize = 99999999,
     onLoaded,
     previewDataTestId,
+    readOnly = false,
     resizeConfig,
     sanitize,
     titleVariant
@@ -252,6 +253,7 @@ const AttachmentListContainer = _ref => {
     onChange: onChange,
     preview: preview,
     previewDataTestId: previewDataTestId,
+    readOnly: readOnly,
     titleVariant: titleVariant
   });
 };
@@ -286,6 +288,7 @@ AttachmentListContainer.propTypes = {
   maxFileSize: _propTypes.number,
   onLoaded: _propTypes.func,
   previewDataTestId: _propTypes.string,
+  readOnly: _propTypes.bool,
   resizeConfig: (0, _propTypes.shape)({
     type: _propTypes.string,
     maxWidth: _propTypes.number,

package/dist/components/UTAttachmentList/layout.js

@@ -42,6 +42,7 @@ const AttachmentList = _ref => {
     onChange,
     preview,
     previewDataTestId,
+    readOnly,
     RemoveIcon,
     titleVariant
   } = _ref;
@@ -65,7 +66,7 @@ const AttachmentList = _ref => {
     size: titleVariant,
     required: field.required
   }, 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)
+    className: "".concat(_stylesModule.default.container, " ").concat(classes.container, " ").concat(error && classes.errorContainer, " ").concat(readOnly && classes.readOnlyContainer)
   }, !previewIsEmpty && preview.map(previewItem => /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.previewContainer, " ").concat(classes.previewContainer),
     "data-testid": previewDataTestId
@@ -112,24 +113,24 @@ const AttachmentList = _ref => {
     },
     size: "small",
     variant: "text"
-  }), (0, _utils.isDownloadable)(previewItem) && previewItem.src && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
+  }), ((0, _utils.isDownloadable)(previewItem) || readOnly && (0, _utils.isImage)(previewItem)) && previewItem.src && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
     Icon: "IconDownload",
     onClick: () => (0, _downloadjs.default)(previewItem.src, previewItem.name, previewItem.type),
     size: "small",
     variant: "text"
-  }), /*#__PURE__*/_react.default.createElement(_UTButton.default, {
+  }), !readOnly && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
     dataTestId: deleteDataTestId,
     disabled: disabled,
     Icon: Icon,
     onClick: previewItem.onClick,
     size: "small",
     variant: "text"
-  })))), previewIsEmpty && /*#__PURE__*/_react.default.createElement(_UTIcon.default, {
+  })))), !readOnly && previewIsEmpty && /*#__PURE__*/_react.default.createElement(_UTIcon.default, {
     name: "IconCloudUpload",
     className: "".concat(_stylesModule.default.filesIcon, " ").concat(classes.filesIcon),
     colorTheme: "accent",
     size: _constants.ICON_SIZE
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }), !readOnly && /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.labelAndInputContainer, " ").concat(!previewIsEmpty && _stylesModule.default.positionRelative)
   }, previewIsEmpty && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
     colorTheme: "accent"
@@ -150,7 +151,7 @@ const AttachmentList = _ref => {
     onChange: onChange,
     disabled: disabled,
     multiple: true
-  })), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+  })), !readOnly && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
     colorTheme: "gray",
     variant: "small",
     className: _stylesModule.default.aclaration
@@ -200,6 +201,7 @@ AttachmentList.propTypes = {
   })),
   previewDataTestId: _propTypes.string,
   previewProps: _constants.previewPropType,
+  readOnly: _propTypes.bool,
   RemoveIcon: _propTypes.elementType,
   titleVariant: _propTypes.string
 };

package/dist/components/UTAttachmentList/theme.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.retrieveStyle = void 0;
 const retrieveStyle = _ref => {
-  var _theme$Palette, _theme$Palette2, _theme$Palette3, _theme$Palette4;
+  var _theme$Palette, _theme$Palette2, _theme$Palette3, _theme$Palette4, _theme$Palette5;
   let {
     theme
   } = _ref;
@@ -19,6 +19,9 @@ const retrieveStyle = _ref => {
     },
     previewContainer: {
       backgroundColor: (_theme$Palette4 = theme.Palette) === null || _theme$Palette4 === void 0 ? void 0 : _theme$Palette4.light['01']
+    },
+    readOnlyContainer: {
+      border: "1px solid ".concat((_theme$Palette5 = theme.Palette) === null || _theme$Palette5 === void 0 ? void 0 : _theme$Palette5.light['04'])
     }
   };
 };

package/dist/components/UTAttachmentList/utils.js

@@ -14,7 +14,16 @@ const getImage = async imageUrl => fetch(imageUrl, {
 const getBlobFromUrl = async (imageUrl, callback) => {
   if (!imageUrl || !callback) return false;
   const response = await getImage(imageUrl);
-  if (response !== null && response !== void 0 && response.ok) response.blob().then(blob => callback(blob));else callback(null);
+  if (response !== null && response !== void 0 && response.ok) {
+    try {
+      const blob = await response.blob();
+      callback(blob);
+    } catch {
+      callback(null);
+    }
+  } else {
+    callback(null);
+  }
 };
 exports.getBlobFromUrl = getBlobFromUrl;
 const lengthMatches = (length1, length2, toleranceInPercentage) => {

package/package.json

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