@widergy/energy-ui 3.119.1 → 3.119.3

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [3.119.3](https://github.com/widergy/energy-ui/compare/v3.119.2...v3.119.3) (2025-11-12)
+
+
+### Bug Fixes
+
+* [BRILLA-58] handle attachment list preview files ([#718](https://github.com/widergy/energy-ui/issues/718)) ([74b31d0](https://github.com/widergy/energy-ui/commit/74b31d019685dc558b40845dab75a180b943505e))
+
+## [3.119.2](https://github.com/widergy/energy-ui/compare/v3.119.1...v3.119.2) (2025-11-07)
+
+
+### Bug Fixes
+
+* add hideheader to utactioncard ([#719](https://github.com/widergy/energy-ui/issues/719)) ([7f0b7ca](https://github.com/widergy/energy-ui/commit/7f0b7ca9c0ad521d5a8b83a9c5d0d6c7bd8f7a7c))
+
 ## [3.119.1](https://github.com/widergy/energy-ui/compare/v3.119.0...v3.119.1) (2025-11-07)
 
 

package/dist/components/UTActionCard/README.md

@@ -15,6 +15,7 @@
 | `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.                                           |

package/dist/components/UTActionCard/index.js

@@ -32,6 +32,7 @@ const UTActionCard = _ref => {
     headerActionsProps = {
       variant: _constants.HEADER_ACTIONS_VARIANTS.DEFAULT
     },
+    hideHeader = false,
     mainAction,
     size = _constants.SIZES.MEDIUM,
     status,
@@ -59,7 +60,7 @@ const UTActionCard = _ref => {
     "data-testid": backgroundDataTestId
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.headerAndChildrenContainer, " ").concat(classNames.headerAndChildrenContainer)
-  }, /*#__PURE__*/_react.default.createElement(_Header.default, {
+  }, !hideHeader && /*#__PURE__*/_react.default.createElement(_Header.default, {
     adornment,
     classNames,
     description,
@@ -76,7 +77,7 @@ const UTActionCard = _ref => {
     title,
     titleProps
   }), children && /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(withBodyPadding ? _stylesModule.default["bodyPadding-".concat(size)] : _stylesModule.default["withoutBodyPadding-".concat(size)])
+    className: "".concat(hideHeader ? _stylesModule.default.withoutHeader : '', " ").concat(withBodyPadding ? _stylesModule.default["bodyPadding-".concat(size)] : _stylesModule.default["withoutBodyPadding-".concat(size)])
   }, children))), !(0, _object.objectIsEmpty)(additionalMessage) && /*#__PURE__*/_react.default.createElement(_AdditionalMessage.default, _extends({}, additionalMessage, {
     size: size
   })), !(0, _array.isEmpty)(bottomActions) && /*#__PURE__*/_react.default.createElement(_BottomActions.default, {
@@ -136,6 +137,7 @@ UTActionCard.propTypes = {
     }),
     variant: (0, _propTypes.oneOf)([_constants.HEADER_ACTIONS_VARIANTS.DEFAULT, _constants.HEADER_ACTIONS_VARIANTS.BUTTON_GROUP])
   }),
+  hideHeader: _propTypes.bool,
   mainAction: _propTypes.func,
   size: (0, _propTypes.oneOf)([_constants.SIZES.MEDIUM, _constants.SIZES.SMALL]),
   status: _propTypes.string,

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

@@ -77,3 +77,7 @@ $default-shadow-gray-bottom-1: 0px 3px 6px rgba(24, 44, 73, 0.1);
 .withoutBodyPadding-medium {
   padding-bottom: 24px;
 }
+
+.withoutHeader {
+  padding-top: 24px;
+}

package/dist/components/UTAttachmentList/constants.js

@@ -3,11 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.previewPropType = exports.UPLOAD_FILE = exports.SIZE_ERROR_TEXT = exports.MB_LABEL = exports.MAX_SIZE_FILE_LABEL = exports.MAX_FILES_ERROR = exports.INDICATIONS = exports.FORMAT_FILE_LABEL = exports.FORMAT_ERROR_TEXT = exports.DEFAULT_UPLOADING_TEXT = exports.DEFAULT_MAX_FILES = exports.DEFAULT_ATTACHMENT_NAME = exports.ASPECT_RATIO_ERROR_TEXT = void 0;
+exports.previewPropType = exports.UPLOAD_FILE = exports.SIZE_ERROR_TEXT = exports.PREVIEW_TYPES = exports.MB_LABEL = exports.MAX_SIZE_FILE_LABEL = exports.MAX_FILES_ERROR = exports.INDICATIONS = exports.FORMAT_FILE_LABEL = exports.FORMAT_ERROR_TEXT = exports.FILE_NOT_FOUND_ERROR_TEXT = exports.DEFAULT_UPLOADING_TEXT = exports.DEFAULT_MAX_FILES = exports.DEFAULT_ATTACHMENT_NAME = exports.ASPECT_RATIO_ERROR_TEXT = void 0;
 var _propTypes = require("prop-types");
 const FORMAT_ERROR_TEXT = exports.FORMAT_ERROR_TEXT = 'El formato no es compatible';
 const SIZE_ERROR_TEXT = exports.SIZE_ERROR_TEXT = 'El archivo supera los ';
 const ASPECT_RATIO_ERROR_TEXT = exports.ASPECT_RATIO_ERROR_TEXT = 'El formato de archivo es inválido. (Válidos:';
+const FILE_NOT_FOUND_ERROR_TEXT = exports.FILE_NOT_FOUND_ERROR_TEXT = 'Hubo un error al cargar el archivo';
 const DEFAULT_UPLOADING_TEXT = exports.DEFAULT_UPLOADING_TEXT = 'Cargando...';
 const DEFAULT_ATTACHMENT_NAME = exports.DEFAULT_ATTACHMENT_NAME = 'Adjunto';
 const FORMAT_FILE_LABEL = exports.FORMAT_FILE_LABEL = 'Debe tener formato: ';
@@ -17,6 +18,10 @@ const INDICATIONS = exports.INDICATIONS = 'Arrastra y suelta o';
 const MB_LABEL = exports.MB_LABEL = 'MB';
 const MAX_FILES_ERROR = exports.MAX_FILES_ERROR = 'Se ha excedido el límite máximo de archivos permitidos ';
 const DEFAULT_MAX_FILES = exports.DEFAULT_MAX_FILES = 1;
+const PREVIEW_TYPES = exports.PREVIEW_TYPES = {
+  ERROR: 'error',
+  LOADING: 'loading'
+};
 const previewPropType = exports.previewPropType = (0, _propTypes.shape)({
   audio: _propTypes.object,
   image: _propTypes.object,

package/dist/components/UTAttachmentList/index.js

@@ -17,7 +17,7 @@ var _layout = _interopRequireDefault(require("./layout"));
 var _utils = require("./utils");
 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 AttachmentContainer = _ref => {
+const AttachmentListContainer = _ref => {
   var _field$configuration, _field$configuration2, _field$configuration3, _field$configuration4, _input$value;
   let {
     acceptedFileTypes: defaultAcceptedFileTypes,
@@ -31,7 +31,7 @@ const AttachmentContainer = _ref => {
     disableResize,
     errorClassname,
     field,
-    fieldTypes,
+    fieldTypes = [],
     icon,
     input,
     loadingTextClassname,
@@ -69,7 +69,6 @@ const AttachmentContainer = _ref => {
     setErrorText(dynamicData ? "".concat(errorMessage, "(").concat(dynamicData, ")") : errorMessage);
   };
   const buildPreviews = async files => {
-    const prevPreviews = preview !== null && preview !== void 0 ? preview : [];
     const loadPreview = file => new Promise((resolve, reject) => {
       const reader = new FileReader();
       reader.onload = e => {
@@ -106,9 +105,10 @@ const AttachmentContainer = _ref => {
           onClick: () => removePreviewItem(file.name)
         });
       });
-      setPreview((0, _utils.getNotRepeatedFiles)([...prevPreviews, ...previewItems]));
+      setPreview(currentPreviews => (0, _utils.getNotRepeatedFiles)([...(currentPreviews || []).filter(item => item.type !== 'loading'), ...previewItems]));
     } catch (e) {
-      onFailValidation(e);
+      setPreview(currentPreviews => (currentPreviews || []).filter(item => item.type !== 'loading'));
+      onFailValidation(e === null || e === void 0 ? void 0 : e.message);
     }
   };
   const onChange = async ev => {
@@ -169,7 +169,7 @@ const AttachmentContainer = _ref => {
     await processFiles(0);
   };
   const loadDefaultValues = async function () {
-    var _input$value$index;
+    var _input$value$index, _formattedImages$inde;
     let index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
     let accumulatedFiles = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
     const length = Array.isArray(input.value) ? input.value.length : 1;
@@ -182,7 +182,8 @@ const AttachmentContainer = _ref => {
       buildPreviews(accumulatedFiles);
       return;
     }
-    const imageUrl = Array.isArray(input.value) ? (_input$value$index = input.value[index]) === null || _input$value$index === void 0 ? void 0 : _input$value$index.url : input.value;
+    const formattedImages = Array.isArray(input.value) ? input.value.flatMap(obj => Object.values(obj)[0]) : input.value;
+    const imageUrl = Array.isArray(input.value) ? ((_input$value$index = input.value[index]) === null || _input$value$index === void 0 ? void 0 : _input$value$index.url) || ((_formattedImages$inde = formattedImages[index]) === null || _formattedImages$inde === void 0 ? void 0 : _formattedImages$inde.url) : input.value;
     (0, _utils.getBlobFromUrl)(imageUrl, async response => {
       if (response) {
         const newFile = new File([response], (0, _utils.getDefaultAttachment)(response.type.substring(response.type.indexOf('/') + 1), index + 1), {
@@ -190,13 +191,37 @@ const AttachmentContainer = _ref => {
         });
         loadDefaultValues(index + 1, [...accumulatedFiles, newFile]);
       } else {
+        setPreview(currentPreviews => {
+          let foundLoading = false;
+          return currentPreviews.map(previewElement => {
+            if (!foundLoading && previewElement.type === _constants.PREVIEW_TYPES.LOADING) {
+              foundLoading = true;
+              return {
+                ...previewElement,
+                type: _constants.PREVIEW_TYPES.ERROR
+              };
+            }
+            return previewElement;
+          });
+        });
         loadDefaultValues(index + 1, accumulatedFiles);
       }
     });
   };
   (0, _react.useEffect)(() => {
-    if (!(0, _isEmpty.default)(updatedFiles)) buildPreviews(updatedFiles);else if (!(0, _isEmpty.default)(input.value)) buildPreviews(input.value.files);
-    if (Array.isArray(input.value) && !(0, _isEmpty.default)(input.value) || input.value && typeof input.value === 'string') loadDefaultValues();
+    var _input$value3;
+    if (!(0, _isEmpty.default)(updatedFiles)) buildPreviews(updatedFiles);else if (!(0, _isEmpty.default)((_input$value3 = input.value) === null || _input$value3 === void 0 ? void 0 : _input$value3.files)) buildPreviews(input.value.files);
+    if (Array.isArray(input.value) && !(0, _isEmpty.default)(input.value) || input.value && typeof input.value === 'string') {
+      if ((0, _isEmpty.default)(preview)) {
+        const length = Array.isArray(input.value) ? input.value.length : 1;
+        setPreview(Array.from({
+          length
+        }, () => ({
+          type: _constants.PREVIEW_TYPES.LOADING
+        })));
+      }
+      loadDefaultValues();
+    }
   }, [input]);
   return /*#__PURE__*/_react.default.createElement(_layout.default, {
     acceptedFileTypes: acceptedFileTypes,
@@ -220,7 +245,7 @@ const AttachmentContainer = _ref => {
     previewDataTestId: previewDataTestId
   });
 };
-AttachmentContainer.propTypes = {
+AttachmentListContainer.propTypes = {
   acceptedFileTypes: _propTypes.string,
   allowedPDFUploadSizes: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
     name: _propTypes.string,
@@ -256,4 +281,4 @@ AttachmentContainer.propTypes = {
   }),
   sanitize: _propTypes.func
 };
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(AttachmentContainer);
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(AttachmentListContainer);

package/dist/components/UTAttachmentList/layout.js

@@ -10,6 +10,7 @@ var _files = require("@widergy/web-utils/lib/constants/files");
 var _lodash = require("lodash");
 var _UTLabel = _interopRequireDefault(require("../UTLabel"));
 var _UTButton = _interopRequireDefault(require("../UTButton"));
+var _UTIcon = _interopRequireDefault(require("../UTIcon"));
 var _constants = require("./constants");
 var _Preview = _interopRequireDefault(require("./components/Preview"));
 var _utils = require("./utils");
@@ -107,7 +108,7 @@ PlayIcon.defaultProps = {
   fill: "#0e59a3",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const Attachment = _ref => {
+const AttachmentList = _ref => {
   let {
     acceptedFileTypes,
     classes,
@@ -116,7 +117,7 @@ const Attachment = _ref => {
     disabled,
     error,
     errorText,
-    fieldTypes,
+    fieldTypes = [],
     fileInputRef,
     helpText,
     maxFileSize,
@@ -142,7 +143,21 @@ const Attachment = _ref => {
   }, !previewIsEmpty && preview.map(previewItem => /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.previewContainer, " ").concat(classes.previewContainer),
     "data-testid": previewDataTestId
-  }, previewItem.src ? /*#__PURE__*/_react.default.createElement(_Preview.default, {
+  }, previewItem.type === _constants.PREVIEW_TYPES.LOADING ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_UTIcon.default, {
+    name: "IconLoader",
+    className: _stylesModule.default.loaderIcon
+  }), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    className: _stylesModule.default.loadingText,
+    colorTheme: "gray",
+    variant: "small"
+  }, _constants.DEFAULT_UPLOADING_TEXT), /*#__PURE__*/_react.default.createElement("div", null)) : previewItem.type === _constants.PREVIEW_TYPES.ERROR ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_UTIcon.default, {
+    name: "IconX",
+    colorTheme: "error"
+  }), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    className: _stylesModule.default.errorText,
+    colorTheme: "error",
+    variant: "small"
+  }, _constants.FILE_NOT_FOUND_ERROR_TEXT), /*#__PURE__*/_react.default.createElement("div", null)) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, previewItem.src ? /*#__PURE__*/_react.default.createElement(_Preview.default, {
     classes: classes,
     preview: previewItem,
     previewProps: preview.previewProps,
@@ -181,7 +196,7 @@ const Attachment = _ref => {
     onClick: previewItem.onClick,
     size: "small",
     variant: "text"
-  }))), previewIsEmpty && /*#__PURE__*/_react.default.createElement(FilesIcon, {
+  })))), previewIsEmpty && /*#__PURE__*/_react.default.createElement(FilesIcon, {
     className: "".concat(_stylesModule.default.filesIcon, " ").concat(classes.filesIcon)
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.labelAndInputContainer, " ").concat(!previewIsEmpty && _stylesModule.default.positionRelative)
@@ -226,7 +241,7 @@ const Attachment = _ref => {
     closePreviewModal: closePreviewModal
   }));
 };
-Attachment.propTypes = {
+AttachmentList.propTypes = {
   acceptedFileTypes: _propTypes.string,
   classes: (0, _propTypes.objectOf)(_propTypes.string),
   dataTestId: _propTypes.string,
@@ -242,12 +257,12 @@ Attachment.propTypes = {
   maxFileSize: _propTypes.number,
   maxFiles: _propTypes.number,
   onChange: _propTypes.func,
-  preview: (0, _propTypes.shape)({
+  preview: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
     src: _propTypes.string,
     type: _propTypes.string
-  }),
+  })),
   previewDataTestId: _propTypes.string,
   previewProps: _constants.previewPropType,
   RemoveIcon: _propTypes.elementType
 };
-var _default = exports.default = Attachment;
+var _default = exports.default = AttachmentList;

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

@@ -54,15 +54,19 @@ $box-shadow: #e4e6eae5;
   align-items: center;
   border-radius: 5px;
   box-shadow: 0px 3px 6px $box-shadow;
+  box-sizing: border-box;
   cursor: initial;
   display: flex;
   flex-direction: row;
   grid-gap: 16px;
   justify-content: space-between;
-  margin: 16px 16px 0;
   padding: 16px;
-  width: calc(100% - 32px);
+  width: 100%;
   z-index: 5;
+
+  &:first-child {
+    margin-top: 16px;
+  }
 }
 
 .positionRelative {
@@ -70,7 +74,6 @@ $box-shadow: #e4e6eae5;
 }
 
 .fileContainer {
-  display: flex;
   display: flex;
   flex: 1;
   flex-direction: column;
@@ -88,3 +91,21 @@ $box-shadow: #e4e6eae5;
   grid-gap: 8px;
   margin-top: 12px;
 }
+
+@keyframes rotate {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.loaderIcon {
+  animation: rotate 2s linear infinite;
+}
+
+.loadingText,
+.errorText {
+  flex: 1 1;
+}

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

@@ -1,5 +1,5 @@
 .container {
-  align-items: start;
+  align-items: flex-start;
   display: flex;
   flex-direction: column;
   gap: 10px;

package/package.json

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