@widergy/energy-ui 3.120.0 → 3.121.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [3.121.0](https://github.com/widergy/energy-ui/compare/v3.120.0...v3.121.0) (2025-11-18)
+
+
+### Features
+
+* [BRILLA-95] download pdf attachment list ([#724](https://github.com/widergy/energy-ui/issues/724)) ([8c09af0](https://github.com/widergy/energy-ui/commit/8c09af012db18d64a51802d376c455a1b9d5168f))
+
 # [3.120.0](https://github.com/widergy/energy-ui/compare/v3.119.3...v3.120.0) (2025-11-12)
 
 

package/dist/components/UTAttachmentList/components/Preview/index.js

@@ -9,55 +9,35 @@ var _propTypes = require("prop-types");
 var _UTTouchableWithoutFeedback = _interopRequireDefault(require("../../../UTTouchableWithoutFeedback"));
 var _utils = require("../../utils");
 var _constants = require("../../constants");
+var _UTIcon = _interopRequireDefault(require("../../../UTIcon"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 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); }
-var AudioIcon = function AudioIcon(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "m13.333 7.315-4.28 5.504A1.334 1.334 0 0 1 8 13.333H5.333v5.334H8c.412 0 .8.19 1.053.514l4.28 5.504V7.315Zm-.623-3.05A2.4 2.4 0 0 1 16 6.757v18.488a2.4 2.4 0 0 1-4.447 1.496l-4.205-5.407H5.333a2.667 2.667 0 0 1-2.666-2.666v-5.334a2.667 2.667 0 0 1 2.666-2.666h2.015l4.205-5.407a2.4 2.4 0 0 1 1.157-.994Zm9.853 1.564a1.333 1.333 0 0 1 1.875-.2 13.334 13.334 0 0 1 0 20.741 1.333 1.333 0 0 1-1.676-2.074 10.667 10.667 0 0 0 0-16.592 1.333 1.333 0 0 1-.199-1.875Zm-3.63 4.038A1.333 1.333 0 0 1 20.8 9.6a8 8 0 0 1 0 12.8 1.333 1.333 0 0 1-1.6-2.133 5.333 5.333 0 0 0 0-8.534 1.333 1.333 0 0 1-.267-1.866Z"
-  }));
-};
-AudioIcon.defaultProps = {
-  width: "32",
-  height: "32",
-  viewBox: "0 0 32 32",
-  fill: "#0e59a3",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var VideoIcon = function VideoIcon(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M6.667 9.333c-.737 0-1.334.597-1.334 1.334v10.666c0 .737.597 1.334 1.334 1.334h10.666c.737 0 1.334-.597 1.334-1.334V10.667c0-.737-.597-1.334-1.334-1.334H6.667Zm14.666 1.843v-.51a4 4 0 0 0-4-4H6.667a4 4 0 0 0-4 4v10.667a4 4 0 0 0 4 4h10.666a4 4 0 0 0 4-4v-.509l4.141 2.07a2.667 2.667 0 0 0 3.86-2.384v-9.02a2.669 2.669 0 0 0-3.86-2.384l-4.14 2.07Zm0 2.982v3.685l5.334 2.666V11.49l-5.334 2.667Z"
-  }));
-};
-VideoIcon.defaultProps = {
-  width: "32",
-  height: "32",
-  viewBox: "0 0 32 32",
-  fill: "#0e59a3",
-  xmlns: "http://www.w3.org/2000/svg"
-};
 const Preview = _ref => {
   let {
-    classes,
     openPreviewModal,
     preview,
     previewProps = {}
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
+  return (0, _utils.isPDF)(preview) ? /*#__PURE__*/_react.default.createElement(_UTIcon.default, {
+    name: "IconFiles",
+    colorTheme: "accent",
+    size: _constants.ICON_SIZE
+  }) : /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
     onClick: () => openPreviewModal(preview)
   }, (0, _utils.isImage)(preview) && /*#__PURE__*/_react.default.createElement("img", _extends({
     src: preview.src,
     className: _stylesModule.default.previewImage,
     alt: ""
-  }, previewProps === null || previewProps === void 0 ? void 0 : previewProps.image)), (0, _utils.isAudio)(preview) && /*#__PURE__*/_react.default.createElement(AudioIcon, {
-    className: classes === null || classes === void 0 ? void 0 : classes.actionAccentIcon
-  }), (0, _utils.isVideo)(preview) && /*#__PURE__*/_react.default.createElement(VideoIcon, {
-    className: classes === null || classes === void 0 ? void 0 : classes.actionAccentIcon
+  }, previewProps === null || previewProps === void 0 ? void 0 : previewProps.image)), (0, _utils.isAudio)(preview) && /*#__PURE__*/_react.default.createElement(_UTIcon.default, {
+    name: "IconVolume",
+    colorTheme: "accent",
+    size: _constants.ICON_SIZE
+  }), (0, _utils.isVideo)(preview) && /*#__PURE__*/_react.default.createElement(_UTIcon.default, {
+    name: "IconVideo",
+    colorTheme: "accent",
+    size: _constants.ICON_SIZE
   }));
 };
 Preview.propTypes = {

package/dist/components/UTAttachmentList/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-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;
+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.ICON_SIZE = 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 ';
@@ -18,6 +18,7 @@ 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 ICON_SIZE = exports.ICON_SIZE = 32;
 const PREVIEW_TYPES = exports.PREVIEW_TYPES = {
   ERROR: 'error',
   LOADING: 'loading'

package/dist/components/UTAttachmentList/layout.js

@@ -7,7 +7,8 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = require("prop-types");
 var _files = require("@widergy/web-utils/lib/constants/files");
-var _lodash = require("lodash");
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+var _downloadjs = _interopRequireDefault(require("downloadjs"));
 var _UTLabel = _interopRequireDefault(require("../UTLabel"));
 var _UTButton = _interopRequireDefault(require("../UTButton"));
 var _UTIcon = _interopRequireDefault(require("../UTIcon"));
@@ -18,96 +19,6 @@ var _PreviewModal = _interopRequireDefault(require("./components/PreviewModal"))
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 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); }
-var CheckIcon = function CheckIcon(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M27.61 8.39c.52.521.52 1.365 0 1.886L14.275 23.61c-.52.52-1.365.52-1.886 0l-6.666-6.667a1.333 1.333 0 1 1 1.885-1.886l5.724 5.724 12.39-12.39c.521-.521 1.366-.521 1.886 0Z"
-  }));
-};
-CheckIcon.defaultProps = {
-  width: "32",
-  height: "32",
-  viewBox: "0 0 32 32",
-  fill: "#0e59a3",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var DeleteIcon = function DeleteIcon(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M5.586.586A2 2 0 0 1 7 0h4a2 2 0 0 1 2 2v2h4a1 1 0 1 1 0 2h-.08L16 17.046A3 3 0 0 1 13 20H5a3 3 0 0 1-3-2.954L1.08 6H1a1 1 0 0 1 0-2h4V2A2 2 0 0 1 5.586.586ZM3.086 6l.91 10.917A1 1 0 0 1 4 17a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1 1 1 0 0 1 .004-.083L14.914 6H3.086ZM11 4H7V2h4v2ZM7 8a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1Zm4 0a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1Z"
-  }));
-};
-DeleteIcon.defaultProps = {
-  width: "18",
-  height: "20",
-  viewBox: "0 0 18 20",
-  fill: "#0e59a3",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var ErrorIcon = function ErrorIcon(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("rect", {
-    width: "20",
-    height: "20",
-    rx: "10",
-    fill: "#FFEBEE"
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M5.529 5.527c.26-.26.682-.26.943 0L10 9.056l3.529-3.529a.667.667 0 1 1 .943.943L10.943 10l3.529 3.528a.667.667 0 0 1-.943.943L10 10.941l-3.528 3.53a.667.667 0 1 1-.943-.944L9.057 10 5.53 6.47a.667.667 0 0 1 0-.943Z",
-    fill: "#A0041B"
-  }));
-};
-ErrorIcon.defaultProps = {
-  width: "20",
-  height: "20",
-  viewBox: "0 0 20 20",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var FilesIcon = function FilesIcon(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M35.819 16.088a13.927 13.927 0 0 0-4.899-.013 13.257 13.257 0 0 0-4.495 1.66c-2.73 1.63-4.544 4.116-5.157 6.847a2.667 2.667 0 0 1-2.602 2.083c-2.657 0-5.183 1.01-7.027 2.775-1.84 1.76-2.852 4.122-2.852 6.558s1.011 4.798 2.851 6.558c1.845 1.764 4.37 2.775 7.028 2.775a2.667 2.667 0 1 1 0 5.334c-3.997 0-7.853-1.518-10.714-4.255-2.865-2.74-4.498-6.483-4.498-10.412 0-3.93 1.633-7.672 4.498-10.412 2.374-2.272 5.434-3.703 8.692-4.125 1.275-3.43 3.769-6.347 7.045-8.305a18.588 18.588 0 0 1 6.306-2.333 19.262 19.262 0 0 1 6.778.018 18.57 18.57 0 0 1 6.29 2.368 16.964 16.964 0 0 1 4.882 4.424 15.425 15.425 0 0 1 2.678 5.877c.227 1.042.34 2.1.34 3.158a12 12 0 0 1-.297 23.997H48a2.667 2.667 0 1 1 0-5.334h2.666a6.667 6.667 0 0 0 0-13.333H48a2.666 2.666 0 0 1-2.602-3.25 9.48 9.48 0 0 0 .013-4.104 10.094 10.094 0 0 0-1.758-3.845 11.632 11.632 0 0 0-3.35-3.028 13.239 13.239 0 0 0-4.484-1.683Zm-5.705 14.024a2.667 2.667 0 0 1 3.771 0l8 8a2.667 2.667 0 0 1-3.771 3.772l-3.448-3.448v17.562a2.667 2.667 0 1 1-5.333 0V38.436l-3.448 3.448a2.667 2.667 0 1 1-3.771-3.772l8-8Z"
-  }));
-};
-FilesIcon.defaultProps = {
-  width: "64",
-  height: "64",
-  viewBox: "0 0 64 64",
-  fill: "#0e59a3",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var UploadIcon = function UploadIcon(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M7.41.744a.833.833 0 0 1 1.18 0l3.333 3.333a.833.833 0 0 1-1.179 1.179l-1.91-1.91v6.32a.833.833 0 0 1-1.667 0v-6.32l-1.911 1.91a.833.833 0 1 1-1.179-1.179L7.411.744ZM.5 14.667c0-.46.373-.834.833-.834h13.334a.833.833 0 0 1 0 1.667H1.333a.833.833 0 0 1-.833-.833Z"
-  }));
-};
-UploadIcon.defaultProps = {
-  width: "16",
-  height: "16",
-  viewBox: "0 0 16 16",
-  fill: "#0e59a3",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var PlayIcon = function PlayIcon(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M6.512 3.127a1 1 0 0 1 1.012.021l13 8a1 1 0 0 1 0 1.704l-13 8A1 1 0 0 1 6 20V4a1 1 0 0 1 .512-.873ZM8 5.79v12.42L18.092 12 8 5.79Z"
-  }));
-};
-PlayIcon.defaultProps = {
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  fill: "#0e59a3",
-  xmlns: "http://www.w3.org/2000/svg"
-};
 const AttachmentList = _ref => {
   let {
     acceptedFileTypes,
@@ -120,16 +31,16 @@ const AttachmentList = _ref => {
     fieldTypes = [],
     fileInputRef,
     helpText,
-    maxFileSize,
     maxFiles,
+    maxFileSize,
     onChange,
     preview,
     previewDataTestId,
     RemoveIcon
   } = _ref;
   const fieldType = acceptedFileTypes || fieldTypes.map(type => _files.inputFiles[type].inputType).join();
-  const Icon = RemoveIcon || DeleteIcon;
-  const previewIsEmpty = (0, _lodash.isEmpty)(preview);
+  const Icon = RemoveIcon || 'IconTrash';
+  const previewIsEmpty = (0, _isEmpty.default)(preview);
   const isUploadFileAvailable = preview.length < maxFiles;
   const [previewModalIsOpen, setPreviewModalIsOpen] = (0, _react.useState)(false);
   const [selectedPreview, setSelectedPreview] = (0, _react.useState)(null);
@@ -145,25 +56,30 @@ const AttachmentList = _ref => {
     "data-testid": previewDataTestId
   }, 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
+    className: _stylesModule.default.loaderIcon,
+    size: _constants.ICON_SIZE,
+    colorTheme: "accent"
   }), /*#__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"
+    colorTheme: "error",
+    size: _constants.ICON_SIZE
   }), /*#__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,
+    openPreviewModal: openPreviewModal,
     preview: previewItem,
-    previewProps: preview.previewProps,
-    openPreviewModal: openPreviewModal
-  }) : /*#__PURE__*/_react.default.createElement(CheckIcon, {
-    className: classes.actionAccentIcon
+    previewProps: preview.previewProps
+  }) : /*#__PURE__*/_react.default.createElement(_UTIcon.default, {
+    name: "IconCheck",
+    colorTheme: "accent",
+    size: _constants.ICON_SIZE
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.fileContainer
   }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
@@ -173,44 +89,43 @@ const AttachmentList = _ref => {
     colorTheme: "gray",
     variant: "small"
   }, previewItem.size, _constants.MB_LABEL)), ((0, _utils.isAudio)(previewItem) || (0, _utils.isVideo)(previewItem)) && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    classNames: {
-      root: preview.removeFileClassnames,
-      icon: classes.actionNeutralIcon
-    },
     disabled: disabled,
-    Icon: PlayIcon,
+    Icon: "IconPlayerPlay",
     onClick: () => {
       setSelectedPreview(previewItem);
       setPreviewModalIsOpen(true);
     },
     size: "small",
     variant: "text"
+  }), (0, _utils.isPDF)(previewItem) && previewItem.src && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
+    Icon: "IconDownload",
+    onClick: () => (0, _downloadjs.default)(previewItem.src, previewItem.name, 'application/pdf'),
+    size: "small",
+    variant: "text"
   }), /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    classNames: {
-      root: preview.removeFileClassnames,
-      icon: classes.actionNeutralIcon
-    },
     dataTestId: deleteDataTestId,
     disabled: disabled,
     Icon: Icon,
     onClick: previewItem.onClick,
     size: "small",
     variant: "text"
-  })))), previewIsEmpty && /*#__PURE__*/_react.default.createElement(FilesIcon, {
-    className: "".concat(_stylesModule.default.filesIcon, " ").concat(classes.filesIcon)
+  })))), 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", {
     className: "".concat(_stylesModule.default.labelAndInputContainer, " ").concat(!previewIsEmpty && _stylesModule.default.positionRelative)
   }, previewIsEmpty && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
     colorTheme: "accent"
   }, _constants.INDICATIONS), /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    disabled: !isUploadFileAvailable,
-    colorTheme: "primary",
-    variant: "semitransparent",
-    Icon: UploadIcon,
     classNames: {
-      root: !previewIsEmpty && _stylesModule.default.uploadButtonFullWidth,
-      icon: classes.uploadIcon
-    }
+      root: !previewIsEmpty && _stylesModule.default.uploadButtonFullWidth
+    },
+    colorTheme: "primary",
+    disabled: !isUploadFileAvailable,
+    Icon: "IconUpload",
+    variant: "semitransparent"
   }, _constants.UPLOAD_FILE), isUploadFileAvailable && /*#__PURE__*/_react.default.createElement("input", {
     className: _stylesModule.default.input,
     "data-testid": dataTestId,
@@ -230,7 +145,11 @@ const AttachmentList = _ref => {
     variant: "small"
   }, helpText), error && /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.errorLabelContainer
-  }, /*#__PURE__*/_react.default.createElement(ErrorIcon, null), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+  }, /*#__PURE__*/_react.default.createElement(_UTIcon.default, {
+    name: "IconX",
+    colorTheme: "error",
+    size: _constants.ICON_SIZE
+  }), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
     className: _stylesModule.default.errorText,
     colorTheme: "error",
     variant: "small"

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, _theme$Palette5, _theme$Palette6, _theme$Palette7, _theme$Palette8;
+  var _theme$Palette, _theme$Palette2, _theme$Palette3, _theme$Palette4;
   let {
     theme
   } = _ref;
@@ -17,20 +17,8 @@ const retrieveStyle = _ref => {
     errorContainer: {
       border: "2px solid ".concat((_theme$Palette3 = theme.Palette) === null || _theme$Palette3 === void 0 ? void 0 : _theme$Palette3.error['04'])
     },
-    filesIcon: {
-      fill: ((_theme$Palette4 = theme.Palette) === null || _theme$Palette4 === void 0 || (_theme$Palette4 = _theme$Palette4.actions) === null || _theme$Palette4 === void 0 || (_theme$Palette4 = _theme$Palette4.accent) === null || _theme$Palette4 === void 0 ? void 0 : _theme$Palette4['03']) || theme.Palette.accent['03']
-    },
     previewContainer: {
-      backgroundColor: (_theme$Palette5 = theme.Palette) === null || _theme$Palette5 === void 0 ? void 0 : _theme$Palette5.light['01']
-    },
-    actionAccentIcon: {
-      fill: ((_theme$Palette6 = theme.Palette) === null || _theme$Palette6 === void 0 || (_theme$Palette6 = _theme$Palette6.actions) === null || _theme$Palette6 === void 0 || (_theme$Palette6 = _theme$Palette6.accent) === null || _theme$Palette6 === void 0 ? void 0 : _theme$Palette6['04']) || theme.Palette.accent['04']
-    },
-    uploadIcon: {
-      fill: ((_theme$Palette7 = theme.Palette) === null || _theme$Palette7 === void 0 || (_theme$Palette7 = _theme$Palette7.actions) === null || _theme$Palette7 === void 0 || (_theme$Palette7 = _theme$Palette7.accent) === null || _theme$Palette7 === void 0 ? void 0 : _theme$Palette7['05']) || theme.Palette.accent['05']
-    },
-    actionNeutralIcon: {
-      fill: ((_theme$Palette8 = theme.Palette) === null || _theme$Palette8 === void 0 || (_theme$Palette8 = _theme$Palette8.actions) === null || _theme$Palette8 === void 0 || (_theme$Palette8 = _theme$Palette8.neutral) === null || _theme$Palette8 === void 0 ? void 0 : _theme$Palette8['05']) || theme.Palette.neutral['05']
+      backgroundColor: (_theme$Palette4 = theme.Palette) === null || _theme$Palette4 === void 0 ? void 0 : _theme$Palette4.light['01']
     }
   };
 };

package/dist/components/UTAttachmentList/utils.js

@@ -49,7 +49,7 @@ const isVideo = file => _files.inputFiles.video.validType.includes(file === null
 exports.isVideo = isVideo;
 const isHTML = file => _files.inputFiles.html.validType.includes(file === null || file === void 0 ? void 0 : file.type);
 exports.isHTML = isHTML;
-const hasPreview = file => isImage(file) || isAudio(file) || isVideo(file);
+const hasPreview = file => isImage(file) || isAudio(file) || isVideo(file) || isPDF(file);
 exports.hasPreview = hasPreview;
 const isValidFile = file => hasPreview(file) || isPDF(file) || isHTML(file);
 exports.isValidFile = isValidFile;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/energy-ui",
-  "version": "3.120.0",
+  "version": "3.121.0",
   "description": "Widergy Web Components",
   "author": "widergy",
   "license": "MIT",
@@ -44,9 +44,10 @@
     "babel-plugin-named-asset-import": "^0.3.2",
     "d3": "^7.0.1",
     "dayjs": "^1.10.7",
+    "downloadjs": "^1.4.7",
     "emojilib": "^3.0.10",
-    "intro.js": "^7.2.0",
     "intro.js-react": "0.7.1",
+    "intro.js": "^7.2.0",
     "numeral": "^2.0.6",
     "object-hash": "^3.0.0",
     "react-credit-cards": "^0.7.0",
@@ -63,8 +64,8 @@
     "react-window": "^1.8.5",
     "rehype-raw": "^6.1.0",
     "remark-breaks": "^3.0.2",
-    "sass": "^1.80.4",
     "sass-loader": "^10.0.5",
+    "sass": "^1.80.4",
     "seamless-immutable": "^7.1.4"
   },
   "devDependencies": {

package/dist/components/UTAttachmentList/assets/audioIcon.svg

@@ -1,3 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="#0e59a3" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M13.3334 7.31459L9.05255 12.8186C8.79994 13.1433 8.41154 13.3333 8.00008 13.3333H5.33341V18.6666H8.00008C8.41154 18.6666 8.79994 18.8566 9.05255 19.1814L13.3334 24.6854V7.31459ZM12.7098 4.26554C13.2403 4.04944 13.8306 4.03024 14.3741 4.21139C14.9175 4.39254 15.3782 4.76209 15.673 5.25328C15.9446 5.7059 16.0588 6.23429 16.0001 6.75639V25.2436C16.0588 25.7657 15.9446 26.294 15.673 26.7467C15.3782 27.2379 14.9175 27.6074 14.3741 27.7886C13.8306 27.9697 13.2403 27.9505 12.7098 27.7344C12.2253 27.5371 11.8198 27.1874 11.5534 26.7403L7.34797 21.3333H5.33341C4.62617 21.3333 3.94789 21.0524 3.4478 20.5523C2.9477 20.0522 2.66675 19.3739 2.66675 18.6666V13.3333C2.66675 12.6261 2.9477 11.9478 3.4478 11.4477C3.94789 10.9476 4.62617 10.6666 5.33341 10.6666H7.34797L11.5534 5.25965C11.8198 4.81254 12.2253 4.46288 12.7098 4.26554ZM22.5631 5.82862C23.0259 5.25588 23.8654 5.1668 24.4382 5.62964C25.9848 6.87949 27.2322 8.45946 28.0892 10.2538C28.9462 12.0482 29.391 14.0115 29.391 16C29.391 17.9885 28.9462 19.9518 28.0892 21.7462C27.2322 23.5406 25.9848 25.1205 24.4382 26.3704C23.8654 26.8332 23.0259 26.7441 22.5631 26.1714C22.1002 25.5987 22.1893 24.7592 22.762 24.2963C23.9993 23.2964 24.9973 22.0325 25.6829 20.597C26.3685 19.1615 26.7243 17.5908 26.7243 16C26.7243 14.4092 26.3685 12.8385 25.6829 11.4031C24.9973 9.96757 23.9993 8.7036 22.762 7.70371C22.1893 7.24087 22.1002 6.40136 22.5631 5.82862ZM18.9334 9.86668C19.3752 9.27757 20.211 9.15818 20.8001 9.60001C21.7937 10.3452 22.6001 11.3115 23.1555 12.4223C23.7109 13.5331 24.0001 14.758 24.0001 16C24.0001 17.242 23.7109 18.4669 23.1555 19.5777C22.6001 20.6886 21.7937 21.6548 20.8001 22.4C20.211 22.8418 19.3752 22.7224 18.9334 22.1333C18.4916 21.5442 18.611 20.7085 19.2001 20.2667C19.8625 19.7699 20.4001 19.1257 20.7704 18.3851C21.1406 17.6446 21.3334 16.828 21.3334 16C21.3334 15.172 21.1406 14.3554 20.7704 13.6149C20.4001 12.8743 19.8625 12.2301 19.2001 11.7333C18.611 11.2915 18.4916 10.4558 18.9334 9.86668Z" />
-</svg>

package/dist/components/UTAttachmentList/assets/checkIcon.svg

@@ -1,3 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="#0e59a3" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M27.6094 8.39052C28.1301 8.91122 28.1301 9.75544 27.6094 10.2761L14.2761 23.6095C13.7554 24.1302 12.9111 24.1302 12.3904 23.6095L5.72378 16.9428C5.20308 16.4221 5.20308 15.5779 5.72378 15.0572C6.24448 14.5365 7.0887 14.5365 7.60939 15.0572L13.3333 20.781L25.7238 8.39052C26.2445 7.86983 27.0887 7.86983 27.6094 8.39052Z" />
-</svg>

package/dist/components/UTAttachmentList/assets/deleteIcon.svg

@@ -1,3 +0,0 @@
-<svg width="18" height="20" viewBox="0 0 18 20" fill="#0e59a3" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M5.58579 0.585786C5.96086 0.210714 6.46957 0 7 0H11C11.5304 0 12.0391 0.210714 12.4142 0.585786C12.7893 0.960859 13 1.46957 13 2V4H15.9883C15.9953 3.99993 16.0024 3.99993 16.0095 4H17C17.5523 4 18 4.44772 18 5C18 5.55228 17.5523 6 17 6H16.9201L15.9997 17.0458C15.9878 17.8249 15.6731 18.5695 15.1213 19.1213C14.5587 19.6839 13.7957 20 13 20H5C4.20435 20 3.44129 19.6839 2.87868 19.1213C2.32687 18.5695 2.01223 17.8249 2.00035 17.0458L1.07987 6H1C0.447715 6 0 5.55228 0 5C0 4.44772 0.447715 4 1 4H1.99054C1.9976 3.99993 2.00466 3.99993 2.0117 4H5V2C5 1.46957 5.21071 0.960859 5.58579 0.585786ZM3.0868 6L3.99655 16.917C3.99885 16.9446 4 16.9723 4 17C4 17.2652 4.10536 17.5196 4.29289 17.7071C4.48043 17.8946 4.73478 18 5 18H13C13.2652 18 13.5196 17.8946 13.7071 17.7071C13.8946 17.5196 14 17.2652 14 17C14 16.9723 14.0012 16.9446 14.0035 16.917L14.9132 6H3.0868ZM11 4H7V2H11V4ZM7 8C7.55228 8 8 8.44772 8 9V15C8 15.5523 7.55228 16 7 16C6.44772 16 6 15.5523 6 15V9C6 8.44772 6.44772 8 7 8ZM11 8C11.5523 8 12 8.44772 12 9V15C12 15.5523 11.5523 16 11 16C10.4477 16 10 15.5523 10 15V9C10 8.44772 10.4477 8 11 8Z" />
-</svg>

package/dist/components/UTAttachmentList/assets/errorIcon.svg

@@ -1,4 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="20" height="20" rx="10" fill="#FFEBEE"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M5.52876 5.52729C5.78911 5.26694 6.21122 5.26694 6.47157 5.52729L10.0002 9.05589L13.5288 5.52729C13.7891 5.26694 14.2112 5.26694 14.4716 5.52729C14.7319 5.78764 14.7319 6.20975 14.4716 6.4701L10.943 9.9987L14.4716 13.5273C14.7319 13.7876 14.7319 14.2098 14.4716 14.4701C14.2112 14.7305 13.7891 14.7305 13.5288 14.4701L10.0002 10.9415L6.47157 14.4701C6.21122 14.7305 5.78911 14.7305 5.52876 14.4701C5.26841 14.2098 5.26841 13.7876 5.52876 13.5273L9.05735 9.9987L5.52876 6.4701C5.26841 6.20975 5.26841 5.78764 5.52876 5.52729Z" fill="#A0041B"/>
-</svg>

package/dist/components/UTAttachmentList/assets/filesIcon.svg

@@ -1,3 +0,0 @@
-<svg width="64" height="64" viewBox="0 0 64 64" fill="#0e59a3" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M35.8188 16.0882C34.2035 15.7945 32.5379 15.79 30.9204 16.0751C29.303 16.3601 27.7758 16.9272 26.4249 17.7343C23.6951 19.3653 21.8811 21.8511 21.2681 24.582C20.9949 25.7994 19.9139 26.6646 18.6662 26.6646C16.0089 26.6646 13.483 27.6754 11.6385 29.4397C9.79808 31.2001 8.78743 33.5618 8.78743 35.9979C8.78743 38.4341 9.79808 40.7957 11.6385 42.5562C13.483 44.3204 16.0089 45.3313 18.6662 45.3313C20.139 45.3313 21.3329 46.5252 21.3329 47.9979C21.3329 49.4707 20.139 50.6646 18.6662 50.6646C14.669 50.6646 10.813 49.1469 7.95199 46.4102C5.08696 43.6698 3.4541 39.927 3.4541 35.9979C3.4541 32.0689 5.08696 28.3261 7.95199 25.5856C10.3265 23.3143 13.3865 21.8826 16.6437 21.4614C17.9185 18.0313 20.4127 15.1137 23.6894 13.156C25.6126 12.0069 27.7555 11.2173 29.9948 10.8227C32.234 10.4281 34.5361 10.4342 36.7729 10.8409C39.0097 11.2476 41.1478 12.0488 43.0638 13.2085C44.9801 14.3684 46.6427 15.868 47.9449 17.6334C49.2478 19.3997 50.1627 21.3957 50.6227 23.5099C50.8495 24.5525 50.9628 25.6104 50.9625 26.6682C54.0377 26.7441 56.971 27.9988 59.1515 30.1793C61.4019 32.4297 62.6662 35.482 62.6662 38.6646C62.6662 41.8472 61.4019 44.8994 59.1515 47.1499C56.9011 49.4003 53.8488 50.6646 50.6662 50.6646H47.9996C46.5268 50.6646 45.3329 49.4707 45.3329 47.9979C45.3329 46.5252 46.5268 45.3313 47.9996 45.3313H50.6662C52.4343 45.3313 54.13 44.6289 55.3803 43.3786C56.6305 42.1284 57.3329 40.4327 57.3329 38.6646C57.3329 36.8965 56.6305 35.2008 55.3803 33.9505C54.13 32.7003 52.4343 31.9979 50.6662 31.9979H47.9996C47.1897 31.9979 46.4237 31.6299 45.9177 30.9976C45.4116 30.3654 45.2203 29.5374 45.3976 28.7472C45.7017 27.3925 45.7063 25.9998 45.4113 24.6438C45.1161 23.287 44.5236 21.9798 43.6529 20.7993C42.7816 19.6181 41.6469 18.5851 40.3022 17.7712C38.9571 16.9571 37.4341 16.3819 35.8188 16.0882ZM30.114 30.1124C31.1554 29.071 32.8438 29.071 33.8852 30.1124L41.8852 38.1124C42.9266 39.1538 42.9266 40.8423 41.8852 41.8837C40.8438 42.9251 39.1554 42.9251 38.114 41.8837L34.6663 38.4359V55.998C34.6663 57.4708 33.4724 58.6647 31.9996 58.6647C30.5268 58.6647 29.3329 57.4708 29.3329 55.998V38.4359L25.8852 41.8837C24.8438 42.9251 23.1554 42.9251 22.114 41.8837C21.0726 40.8423 21.0726 39.1538 22.114 38.1124L30.114 30.1124Z" />
-</svg>

package/dist/components/UTAttachmentList/assets/playIcon.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="#0e59a3" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6.5122 3.12705C6.82845 2.95032 7.21556 2.95847 7.5241 3.14834L20.5241 11.1483C20.8198 11.3303 21 11.6527 21 12C21 12.3473 20.8198 12.6697 20.5241 12.8517L7.5241 20.8517C7.21556 21.0415 6.82845 21.0497 6.5122 20.873C6.19594 20.6962 6 20.3623 6 20V4C6 3.63772 6.19594 3.30377 6.5122 3.12705ZM8 5.78956V18.2104L18.092 12L8 5.78956Z"/>
-</svg>

package/dist/components/UTAttachmentList/assets/uploadIcon.svg

@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="#0e59a3" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.41074 0.744078C7.73618 0.418641 8.26382 0.418641 8.58926 0.744078L11.9226 4.07741C12.248 4.40285 12.248 4.93049 11.9226 5.25592C11.5972 5.58136 11.0695 5.58136 10.7441 5.25592L8.83333 3.34518V9.66667C8.83333 10.1269 8.46024 10.5 8 10.5C7.53976 10.5 7.16667 10.1269 7.16667 9.66667V3.34518L5.25592 5.25592C4.93049 5.58136 4.40285 5.58136 4.07741 5.25592C3.75197 4.93049 3.75197 4.40285 4.07741 4.07741L7.41074 0.744078ZM0.5 14.6667C0.5 14.2064 0.873096 13.8333 1.33333 13.8333H14.6667C15.1269 13.8333 15.5 14.2064 15.5 14.6667C15.5 15.1269 15.1269 15.5 14.6667 15.5H1.33333C0.873096 15.5 0.5 15.1269 0.5 14.6667Z"/>
-</svg>

package/dist/components/UTAttachmentList/assets/videoIcon.svg

@@ -1,3 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="#0e59a3" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6.66663 9.33332C5.93025 9.33332 5.33329 9.93028 5.33329 10.6667V21.3333C5.33329 22.0697 5.93025 22.6667 6.66663 22.6667H17.3333C18.0697 22.6667 18.6666 22.0697 18.6666 21.3333V10.6667C18.6666 9.93028 18.0697 9.33332 17.3333 9.33332H6.66663ZM21.3333 11.1763V10.6667C21.3333 8.45752 19.5424 6.66666 17.3333 6.66666H6.66663C4.45749 6.66666 2.66663 8.45752 2.66663 10.6667V21.3333C2.66663 23.5425 4.45749 25.3333 6.66663 25.3333H17.3333C19.5424 25.3333 21.3333 23.5425 21.3333 21.3333V20.824L25.4744 22.8941C25.8809 23.0972 26.3327 23.1932 26.7866 23.1727C27.2405 23.1523 27.6817 23.0162 28.0682 22.7774C28.4548 22.5386 28.7739 22.2049 28.9953 21.8081C29.2167 21.4113 29.3331 20.9646 29.3333 20.5102V11.4908C29.3331 11.0364 29.2167 10.589 28.9953 10.1922C28.7739 9.79537 28.4548 9.46174 28.0682 9.22292C27.6817 8.9841 27.2405 8.848 26.7866 8.82756C26.3327 8.80712 25.8811 8.903 25.4746 9.1061L21.3333 11.1763ZM21.3333 14.1576V17.8427L26.6666 20.5088V11.4915L21.3333 14.1576Z" />
-</svg>