@widergy/energy-ui 3.22.3 → 3.22.4

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [3.22.4](https://github.com/widergy/energy-ui/compare/v3.22.3...v3.22.4) (2024-10-02)
+
+
+### Bug Fixes
+
+* fixes workflow icon ([#504](https://github.com/widergy/energy-ui/issues/504)) ([51e34f1](https://github.com/widergy/energy-ui/commit/51e34f1b8f5669955dc0f6cf189d536b49fb06d6))
+
 ## [3.22.3](https://github.com/widergy/energy-ui/compare/v3.22.2...v3.22.3) (2024-10-01)
 
 

package/dist/components/Loading/index.js

@@ -27,13 +27,13 @@ const Loading = _ref => {
   const defaultSize = (0, _seamlessImmutable.getIn)(theme, ['Loading', 'base', 'size'], 85);
   const defaultThickness = (0, _seamlessImmutable.getIn)(theme, ['Loading', 'base', 'thickness'], 1.5);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.container} ${className}`
+    className: "".concat(_stylesModule.default.container, " ").concat(className)
   }, /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
     className: classes.base,
     size: size || defaultSize,
     thickness: thickness || defaultThickness
   }), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: `${_stylesModule.default.text} ${classes.text} ${textClassName}`
+    className: "".concat(_stylesModule.default.text, " ").concat(classes.text, " ").concat(textClassName)
   }, text || _constants.DEFAULT_LOADING_TEXT));
 };
 Loading.propTypes = {

package/dist/components/UTActionCard/components/AdditionalMessage/index.js

@@ -23,7 +23,7 @@ const AdditionalMessage = _ref => {
     size
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.additionalMessageContainer} ${_stylesModule.default[size]}`
+    className: "".concat(_stylesModule.default.additionalMessageContainer, " ").concat(_stylesModule.default[size])
   }, icon && /*#__PURE__*/_react.default.createElement(_UTIcon.default, _extends({
     colorTheme: "gray",
     name: icon

package/dist/components/UTActionCard/components/BottomActions/index.js

@@ -31,9 +31,9 @@ const BottomActions = _ref => {
     } = _ref2;
     return /*#__PURE__*/_react.default.createElement(_UTButton.default, {
       classNames: {
-        childrenContainer: `${type === _constants.ACTION_TYPES.REDIRECTION && _stylesModule.default.redirectionChildrenContainer} `,
-        root: `${_stylesModule.default.actionButton} ${type === _constants.ACTION_TYPES.REDIRECTION ? _stylesModule.default.fullWidth : ''}`,
-        text: `${type === _constants.ACTION_TYPES.REDIRECTION ? _stylesModule.default.redirectionText : _stylesModule.default.defaultText}`
+        childrenContainer: "".concat(type === _constants.ACTION_TYPES.REDIRECTION && _stylesModule.default.redirectionChildrenContainer, " "),
+        root: "".concat(_stylesModule.default.actionButton, " ").concat(type === _constants.ACTION_TYPES.REDIRECTION ? _stylesModule.default.fullWidth : ''),
+        text: "".concat(type === _constants.ACTION_TYPES.REDIRECTION ? _stylesModule.default.redirectionText : _stylesModule.default.defaultText)
       },
       colorTheme: colorTheme,
       disabled: disabled,

package/dist/components/UTActionCard/components/Header/index.js

@@ -33,15 +33,15 @@ const Header = _ref => {
     titleProps
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.header} ${_stylesModule.default[size]}`
+    className: "".concat(_stylesModule.default.header, " ").concat(_stylesModule.default[size])
   }, (0, _utils.renderAdornment)(adornment, 'left', size), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.headerTitles} ${_stylesModule.default[`gap-${size}`]}`
+    className: "".concat(_stylesModule.default.headerTitles, " ").concat(_stylesModule.default["gap-".concat(size)])
   }, (0, _utils.renderAdornment)(adornment, 'top', size), /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
     weight: "medium"
   }, titleProps), title), description && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
     colorTheme: "gray"
   }, descriptionProps), description)), status ? /*#__PURE__*/_react.default.createElement(_UTStatus.default, _extends({
-    className: `${_stylesModule.default[`placeSelf-${statusAlignment}`]}`,
+    className: "".concat(_stylesModule.default["placeSelf-".concat(statusAlignment)]),
     type: "light"
   }, (0, _utils.statusPropsMapper)(status)), statusLabel || status) : null, !(0, _array.isEmpty)(headerActions) && /*#__PURE__*/_react.default.createElement(_HeaderActions.default, {
     headerActions,

package/dist/components/UTActionCard/components/Header/utils.js

@@ -138,7 +138,7 @@ const statusPropsMapper = status => ({
     variant: 'warning',
     withoutIcon: true
   }
-})[status?.toLowerCase()] || {
+})[status === null || status === void 0 ? void 0 : status.toLowerCase()] || {
   variant: 'error',
   withoutIcon: true
 };
@@ -148,7 +148,7 @@ const renderAdornment = (adornment, position, size) => {
   const AdornmentComponent = _constants2.ADORNMENT_COMPONENT_MAPPER[adornment.type];
   const defaultPlaceSelf = adornment.position === 'left' ? _constants.PLACE_SELF_TYPES.CENTER : _constants.PLACE_SELF_TYPES.START;
   return /*#__PURE__*/_react.default.createElement(AdornmentComponent, _extends({
-    className: `${_stylesModule.default[`placeSelf-${adornment.alignment || defaultPlaceSelf}`]} ${position === 'top' ? _stylesModule.default[`gap-${size}`] : ''}`
+    className: "".concat(_stylesModule.default["placeSelf-".concat(adornment.alignment || defaultPlaceSelf)], " ").concat(position === 'top' ? _stylesModule.default["gap-".concat(size)] : '')
   }, adornment.props || {}));
 };
 exports.renderAdornment = renderAdornment;

package/dist/components/UTActionCard/components/HeaderActions/index.js

@@ -19,6 +19,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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); } /* eslint-disable jsx-a11y/no-static-element-interactions */ /* eslint-disable jsx-a11y/click-events-have-key-events */
 const HeaderActions = _ref => {
+  var _secondaryActions$;
   let {
     headerActions,
     headerActionsProps,
@@ -30,8 +31,8 @@ const HeaderActions = _ref => {
   const {
     colorTheme: buttonGroupColorTheme = 'secondary',
     shape: buttonGroupShape
-  } = headerActionsProps?.buttonGroupProps || {};
-  const maxNumberOfPrimaryActions = headerActionsProps?.maxNumberOfPrimaryActions || _constants2.DEFAULT_MAX_NUMBER_OF_PRIMARY_ACTIONS;
+  } = (headerActionsProps === null || headerActionsProps === void 0 ? void 0 : headerActionsProps.buttonGroupProps) || {};
+  const maxNumberOfPrimaryActions = (headerActionsProps === null || headerActionsProps === void 0 ? void 0 : headerActionsProps.maxNumberOfPrimaryActions) || _constants2.DEFAULT_MAX_NUMBER_OF_PRIMARY_ACTIONS;
   const handleSetMainActionHoverVisible = () => setMainActionHoverVisible(true);
   const handleSetMainActionHoverHidden = () => setMainActionHoverVisible(false);
   const openMenu = event => setMenu(event.currentTarget);
@@ -42,7 +43,7 @@ const HeaderActions = _ref => {
   const primaryActions = (0, _utils.mapActions)(headerActions, true).slice(0, maxNumberOfPrimaryActions);
   const secondaryActions = (0, _utils.mapActions)(headerActions, false, !showButtonGroup ? closeMenu : null);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.headerActionsContainer} ${_stylesModule.default[`placeSelf-${headerActionsProps.alignment}`]}`,
+    className: "".concat(_stylesModule.default.headerActionsContainer, " ").concat(_stylesModule.default["placeSelf-".concat(headerActionsProps.alignment)]),
     onClick: e => e.stopPropagation(),
     onMouseEnter: handleSetMainActionHoverHidden,
     onMouseLeave: handleSetMainActionHoverVisible
@@ -84,7 +85,7 @@ const HeaderActions = _ref => {
       }
     })),
     colorTheme: buttonGroupColorTheme,
-    selected: selectedAction || secondaryActions[0]?.id,
+    selected: selectedAction || ((_secondaryActions$ = secondaryActions[0]) === null || _secondaryActions$ === void 0 ? void 0 : _secondaryActions$.id),
     shape: buttonGroupShape
   })));
 };

package/dist/components/UTActionCard/components/HeaderActions/utils.js

@@ -8,10 +8,10 @@ const mapActions = function () {
   let actions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   let isPrimary = arguments.length > 1 ? arguments[1] : undefined;
   let onClickHandler = arguments.length > 2 ? arguments[2] : undefined;
-  return actions.filter(action => (action?.isPrimary || false) === isPrimary).map(action => ({
+  return actions.filter(action => ((action === null || action === void 0 ? void 0 : action.isPrimary) || false) === isPrimary).map(action => ({
     ...action,
     onClick: e => {
-      e?.stopPropagation();
+      e === null || e === void 0 || e.stopPropagation();
       if (onClickHandler) onClickHandler();
       action.onClick();
     }

package/dist/components/UTActionCard/index.js

@@ -43,14 +43,14 @@ const UTActionCard = _ref => {
   } = _ref;
   const [mainActionHoverVisible, setMainActionHoverVisible] = (0, _react.useState)(true);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.cardContainer} ${classNames.container}`
+    className: "".concat(_stylesModule.default.cardContainer, " ").concat(classNames.container)
   }, /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
-    className: `${_stylesModule.default.innerContainer} ${classNames.innerContainer} ${!mainAction ? _stylesModule.default.withoutMainAction : `${_stylesModule.default.withMainAction} ${mainActionHoverVisible && `${_stylesModule.default.mainActionHover} ${classNames.mainActionHover}`}`}`,
-    onClick: () => mainAction?.()
+    className: "".concat(_stylesModule.default.innerContainer, " ").concat(classNames.innerContainer, " ").concat(!mainAction ? _stylesModule.default.withoutMainAction : "".concat(_stylesModule.default.withMainAction, " ").concat(mainActionHoverVisible && "".concat(_stylesModule.default.mainActionHover, " ").concat(classNames.mainActionHover))),
+    onClick: () => mainAction === null || mainAction === void 0 ? void 0 : mainAction()
   }, BackgroundImage && /*#__PURE__*/_react.default.createElement(BackgroundImage, {
-    className: `${_stylesModule.default.backgroundImage} ${classNames.backgroundImage}`
+    className: "".concat(_stylesModule.default.backgroundImage, " ").concat(classNames.backgroundImage)
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.headerAndChildrenContainer} ${classNames.headerAndChildrenContainer}`
+    className: "".concat(_stylesModule.default.headerAndChildrenContainer, " ").concat(classNames.headerAndChildrenContainer)
   }, /*#__PURE__*/_react.default.createElement(_Header.default, {
     adornment,
     description,
@@ -66,7 +66,7 @@ const UTActionCard = _ref => {
     title,
     titleProps
   }), children && /*#__PURE__*/_react.default.createElement("div", {
-    className: `${withBodyPadding ? _stylesModule.default[`bodyPadding-${size}`] : _stylesModule.default[`withoutBodyPadding-${size}`]}`
+    className: "".concat(withBodyPadding ? _stylesModule.default["bodyPadding-".concat(size)] : _stylesModule.default["withoutBodyPadding-".concat(size)])
   }, children))), !(0, _object.objectIsEmpty)(additionalMessage) && /*#__PURE__*/_react.default.createElement(_AdditionalMessage.default, {
     icon: additionalMessage.icon,
     iconProps: additionalMessage.iconProps,

package/dist/components/UTAlert/index.js

@@ -85,14 +85,14 @@ class UTAlert extends _react.PureComponent {
         root: _stylesModule.default.snackbarRoot
       },
       ContentProps: {
-        className: `${_stylesModule.default.snackbarContent} ${classes.snackbarContent} ${this.selectAlertType()}`,
+        className: "".concat(_stylesModule.default.snackbarContent, " ").concat(classes.snackbarContent, " ").concat(this.selectAlertType()),
         classes: {
           action: _stylesModule.default.action,
           message: _stylesModule.default.message
         }
       },
       message: /*#__PURE__*/_react.default.createElement("div", {
-        className: `${_stylesModule.default.content} ${classes.content}`
+        className: "".concat(_stylesModule.default.content, " ").concat(classes.content)
       }, !withoutIcon && AlertTypeIcon && /*#__PURE__*/_react.default.createElement(AlertTypeIcon, {
         classes: {
           root: _stylesModule.default.alertTypeIcon

package/dist/components/UTAlert/theme.js

@@ -9,21 +9,22 @@ var _styles = require("@material-ui/core/styles");
 var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const retrieveStyle = _ref => {
+  var _theme$Palette, _theme$Palette2, _theme$Palette3, _theme$Palette4;
   let {
     theme
   } = _ref;
   return {
     error: {
-      backgroundColor: theme.Palette?.error['04'] || _colorsModule.default.notificationError
+      backgroundColor: ((_theme$Palette = theme.Palette) === null || _theme$Palette === void 0 ? void 0 : _theme$Palette.error['04']) || _colorsModule.default.notificationError
     },
     info: {
-      backgroundColor: theme.Palette?.information['04'] || _colorsModule.default.notificationInfo
+      backgroundColor: ((_theme$Palette2 = theme.Palette) === null || _theme$Palette2 === void 0 ? void 0 : _theme$Palette2.information['04']) || _colorsModule.default.notificationInfo
     },
     success: {
-      backgroundColor: theme.Palette?.success['04'] || _colorsModule.default.notificationSuccess
+      backgroundColor: ((_theme$Palette3 = theme.Palette) === null || _theme$Palette3 === void 0 ? void 0 : _theme$Palette3.success['04']) || _colorsModule.default.notificationSuccess
     },
     warning: {
-      backgroundColor: theme.Palette?.warning['04'] || _colorsModule.default.notificationWarning
+      backgroundColor: ((_theme$Palette4 = theme.Palette) === null || _theme$Palette4 === void 0 ? void 0 : _theme$Palette4.warning['04']) || _colorsModule.default.notificationWarning
     },
     action: {
       padding: (0, _seamlessImmutable.getIn)(theme, ['UTAlert', 'action', 'padding']),

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

@@ -22,11 +22,11 @@ const Preview = _ref => {
     src: preview.src,
     className: _stylesModule.default.previewImage,
     alt: ""
-  }, previewProps?.image)), (0, _utils.isAudio)(preview) && /*#__PURE__*/_react.default.createElement("audio", _extends({
+  }, previewProps === null || previewProps === void 0 ? void 0 : previewProps.image)), (0, _utils.isAudio)(preview) && /*#__PURE__*/_react.default.createElement("audio", _extends({
     controls: true,
     controlsList: "nodownload",
     className: _stylesModule.default.previewAudio
-  }, previewProps?.audio), /*#__PURE__*/_react.default.createElement("source", {
+  }, previewProps === null || previewProps === void 0 ? void 0 : previewProps.audio), /*#__PURE__*/_react.default.createElement("source", {
     src: preview.src,
     type: preview.type
   })), (0, _utils.isVideo)(preview) && /*#__PURE__*/_react.default.createElement("video", _extends({
@@ -34,7 +34,7 @@ const Preview = _ref => {
     disablePictureInPicture: true,
     controlsList: "nodownload",
     className: _stylesModule.default.previewVideo
-  }, previewProps?.video), /*#__PURE__*/_react.default.createElement("source", {
+  }, previewProps === null || previewProps === void 0 ? void 0 : previewProps.video), /*#__PURE__*/_react.default.createElement("source", {
     src: preview.src,
     type: preview.type
   })));

package/dist/components/UTAttachment/index.js

@@ -30,7 +30,7 @@ class AttachmentContainer extends _react.Component {
         onLoaded
       } = this.props;
       (0, _utils.getBlobFromUrl)(input.value, response => {
-        if (response?.type) {
+        if (response !== null && response !== void 0 && response.type) {
           const fileType = response.type.substring(response.type.indexOf('/') + 1);
           this.setState({
             name: this.getDefaultAttachment(input.value, fileType)
@@ -52,7 +52,7 @@ class AttachmentContainer extends _react.Component {
       href: url,
       target: "_blank",
       rel: "noopener noreferrer"
-    }, _constants.DEFAULT_ATTACHMENT_NAME, fileType && `.${fileType}`) || '');
+    }, _constants.DEFAULT_ATTACHMENT_NAME, fileType && ".".concat(fileType)) || '');
     _defineProperty(this, "hasDefaultValueToLoad", () => this.props.input.value && typeof this.props.input.value === 'string');
     _defineProperty(this, "hasDefaultFileObjectToLoad", () => {
       const {
@@ -61,6 +61,7 @@ class AttachmentContainer extends _react.Component {
       return input.value && typeof input.value === 'object' && (0, _utils.isValidFile)(input.value.file);
     });
     _defineProperty(this, "onChange", async ev => {
+      var _this$props$allowedPD;
       let file = ev.target.files[0];
       const {
         resizeConfig,
@@ -68,8 +69,8 @@ class AttachmentContainer extends _react.Component {
       } = this.props;
       const fileErrorTexts = {
         formatError: _constants.FORMAT_ERROR_TEXT,
-        sizeError: `${_constants.SIZE_ERROR_TEXT} ${Math.round(this.props.maxFileSize / 1048576)}MB.`,
-        aspectRatioError: `${_constants.ASPECT_RATIO_ERROR_TEXT} ${this.props.allowedPDFUploadSizes?.map(aspectRatio => aspectRatio.name).join(' - ')})`
+        sizeError: "".concat(_constants.SIZE_ERROR_TEXT, " ").concat(Math.round(this.props.maxFileSize / 1048576), "MB."),
+        aspectRatioError: "".concat(_constants.ASPECT_RATIO_ERROR_TEXT, " ").concat((_this$props$allowedPD = this.props.allowedPDFUploadSizes) === null || _this$props$allowedPD === void 0 ? void 0 : _this$props$allowedPD.map(aspectRatio => aspectRatio.name).join(' - '), ")")
       };
       this.setState({
         error: false
@@ -147,11 +148,12 @@ class AttachmentContainer extends _react.Component {
     this.loadDefaultValues();
   }
   componentDidUpdate(prevProps) {
+    var _prevProps$fieldTypes;
     const {
       fieldTypes,
       input
     } = this.props;
-    if (prevProps.fieldTypes?.[0] !== fieldTypes?.[0]) this.removeValue();else if ((0, _utils.isNewFile)(prevProps.input.value, input.value)) this.loadDefaultValues();
+    if (((_prevProps$fieldTypes = prevProps.fieldTypes) === null || _prevProps$fieldTypes === void 0 ? void 0 : _prevProps$fieldTypes[0]) !== (fieldTypes === null || fieldTypes === void 0 ? void 0 : fieldTypes[0])) this.removeValue();else if ((0, _utils.isNewFile)(prevProps.input.value, input.value)) this.loadDefaultValues();
   }
   render() {
     const {

package/dist/components/UTAttachment/layout.js

@@ -41,7 +41,7 @@ const Attachment = _ref => {
   const fieldType = acceptedFileTypes || fieldTypes.map(type => _files.inputFiles[type].inputType).join();
   const Icon = RemoveIcon || _DeleteForever.default;
   return name && !loading ? /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.previewContainer} ${previewClassname}`
+    className: "".concat(_stylesModule.default.previewContainer, " ").concat(previewClassname)
   }, /*#__PURE__*/_react.default.createElement(_Preview.default, {
     preview: preview,
     previewProps: previewProps
@@ -53,7 +53,7 @@ const Attachment = _ref => {
     className: _stylesModule.default.name
   }, name), /*#__PURE__*/_react.default.createElement(_UTButton.default, {
     classNames: {
-      root: `${_stylesModule.default.removeIconContainer} ${removeFileClassname}`
+      root: "".concat(_stylesModule.default.removeIconContainer, " ").concat(removeFileClassname)
     },
     disabled: disabled,
     Icon: Icon,

package/dist/components/UTAttachment/utils.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.pdfAspectRatioValidation = exports.isVideo = exports.isValidFile = exports.isPDF = exports.isNewFile = exports.isImage = exports.isHTML = exports.isAudio = exports.hasPreview = exports.getBlobFromUrl = void 0;
 var _files = require("@widergy/web-utils/lib/constants/files");
-if (window['pdfjs-dist/build/pdf']) window['pdfjs-dist/build/pdf'].GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${window['pdfjs-dist/build/pdf'].version}/pdf.worker.js`;
+if (window['pdfjs-dist/build/pdf']) window['pdfjs-dist/build/pdf'].GlobalWorkerOptions.workerSrc = "//cdnjs.cloudflare.com/ajax/libs/pdf.js/".concat(window['pdfjs-dist/build/pdf'].version, "/pdf.worker.js");
 const getImage = async imageUrl => fetch(imageUrl, {
   method: 'GET'
 }).catch(error => console.error(error)); // eslint-disable-line no-console
@@ -13,7 +13,7 @@ const getImage = async imageUrl => fetch(imageUrl, {
 const getBlobFromUrl = async (imageUrl, callback) => {
   if (!imageUrl || !callback) return false;
   const response = await getImage(imageUrl);
-  if (response?.ok) response.blob().then(blob => callback(blob));else callback(null);
+  if (response !== null && response !== void 0 && response.ok) response.blob().then(blob => callback(blob));else callback(null);
 };
 exports.getBlobFromUrl = getBlobFromUrl;
 const lengthMatches = (length1, length2, toleranceInPercentage) => {
@@ -38,27 +38,28 @@ const pdfAspectRatioValidation = async (file, allowedPDFUploadSizes) => {
   return pages.every(page => pageMatches(page, allowedPDFUploadSizes));
 };
 exports.pdfAspectRatioValidation = pdfAspectRatioValidation;
-const isImage = file => _files.inputFiles.image.validType.includes(file?.type);
+const isImage = file => _files.inputFiles.image.validType.includes(file === null || file === void 0 ? void 0 : file.type);
 exports.isImage = isImage;
-const isPDF = file => _files.inputFiles.pdf.validType.includes(file?.type);
+const isPDF = file => _files.inputFiles.pdf.validType.includes(file === null || file === void 0 ? void 0 : file.type);
 exports.isPDF = isPDF;
-const isAudio = file => _files.inputFiles.audio.validType.includes(file?.type);
+const isAudio = file => _files.inputFiles.audio.validType.includes(file === null || file === void 0 ? void 0 : file.type);
 exports.isAudio = isAudio;
-const isVideo = file => _files.inputFiles.video.validType.includes(file?.type);
+const isVideo = file => _files.inputFiles.video.validType.includes(file === null || file === void 0 ? void 0 : file.type);
 exports.isVideo = isVideo;
-const isHTML = file => _files.inputFiles.html.validType.includes(file?.type);
+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);
 exports.hasPreview = hasPreview;
 const isValidFile = file => hasPreview(file) || isPDF(file) || isHTML(file);
 exports.isValidFile = isValidFile;
 const isNewFile = (newFile, oldFile) => {
+  var _newFile$file, _oldFile$file;
   if (!newFile && !oldFile) return false;
   if (!newFile || !oldFile) return true;
   const newFileType = typeof newFile;
   const oldFileType = typeof oldFile;
   if (newFileType !== oldFileType) return true;
   if (newFileType === 'string') return newFile !== oldFile;
-  return newFile.file?.lastModified !== oldFile.file?.lastModified;
+  return ((_newFile$file = newFile.file) === null || _newFile$file === void 0 ? void 0 : _newFile$file.lastModified) !== ((_oldFile$file = oldFile.file) === null || _oldFile$file === void 0 ? void 0 : _oldFile$file.lastModified);
 };
 exports.isNewFile = isNewFile;

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

@@ -55,10 +55,10 @@ const Preview = _ref => {
     src: preview.src,
     className: _stylesModule.default.previewImage,
     alt: ""
-  }, previewProps?.image)), (0, _utils.isAudio)(preview) && /*#__PURE__*/_react.default.createElement(AudioIcon, {
-    className: classes?.actionAccentIcon
+  }, 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?.actionAccentIcon
+    className: classes === null || classes === void 0 ? void 0 : classes.actionAccentIcon
   }));
 };
 Preview.propTypes = {

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

@@ -30,11 +30,11 @@ const PreviewModal = _ref => {
     src: preview.src,
     className: _stylesModule.default.previewImage,
     alt: ""
-  }, previewProps?.image)), (0, _utils.isAudio)(preview) && /*#__PURE__*/_react.default.createElement("audio", _extends({
+  }, previewProps === null || previewProps === void 0 ? void 0 : previewProps.image)), (0, _utils.isAudio)(preview) && /*#__PURE__*/_react.default.createElement("audio", _extends({
     controls: true,
     controlsList: "nodownload",
     className: _stylesModule.default.previewAudio
-  }, previewProps?.audio), /*#__PURE__*/_react.default.createElement("source", {
+  }, previewProps === null || previewProps === void 0 ? void 0 : previewProps.audio), /*#__PURE__*/_react.default.createElement("source", {
     src: preview.src,
     type: preview.type
   })), (0, _utils.isVideo)(preview) && /*#__PURE__*/_react.default.createElement("video", _extends({
@@ -42,7 +42,7 @@ const PreviewModal = _ref => {
     disablePictureInPicture: true,
     controlsList: "nodownload",
     className: _stylesModule.default.previewVideo
-  }, previewProps?.video), /*#__PURE__*/_react.default.createElement("source", {
+  }, previewProps === null || previewProps === void 0 ? void 0 : previewProps.video), /*#__PURE__*/_react.default.createElement("source", {
     src: preview.src,
     type: preview.type
   })));

package/dist/components/UTAttachmentList/index.js

@@ -19,6 +19,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const AttachmentContainer = _ref => {
+  var _field$configuration, _field$configuration2, _field$configuration3, _field$configuration4, _input$value;
   let {
     acceptedFileTypes: defaultAcceptedFileTypes,
     allowedPDFUploadSizes,
@@ -38,15 +39,15 @@ const AttachmentContainer = _ref => {
     resizeConfig,
     sanitize
   } = _ref;
-  const helpText = field?.configuration?.help_text;
-  const maxFileSize = field?.configuration?.max_file_size || defaultMaxFileSize;
-  const acceptedFileTypes = field?.configuration?.accepted_file_types || defaultAcceptedFileTypes;
-  const maxFiles = field?.configuration?.max_files || _constants.DEFAULT_MAX_FILES;
+  const helpText = field === null || field === void 0 || (_field$configuration = field.configuration) === null || _field$configuration === void 0 ? void 0 : _field$configuration.help_text;
+  const maxFileSize = (field === null || field === void 0 || (_field$configuration2 = field.configuration) === null || _field$configuration2 === void 0 ? void 0 : _field$configuration2.max_file_size) || defaultMaxFileSize;
+  const acceptedFileTypes = (field === null || field === void 0 || (_field$configuration3 = field.configuration) === null || _field$configuration3 === void 0 ? void 0 : _field$configuration3.accepted_file_types) || defaultAcceptedFileTypes;
+  const maxFiles = (field === null || field === void 0 || (_field$configuration4 = field.configuration) === null || _field$configuration4 === void 0 ? void 0 : _field$configuration4.max_files) || _constants.DEFAULT_MAX_FILES;
   const [preview, setPreview] = (0, _react.useState)([]);
   const [error, setError] = (0, _react.useState)(false);
   const [errorText, setErrorText] = (0, _react.useState)(_constants.FORMAT_ERROR_TEXT);
   const fileInputRef = (0, _react.useRef)(null);
-  const [updatedFiles, setUpdatedFiles] = (0, _react.useState)(input?.value?.files || []);
+  const [updatedFiles, setUpdatedFiles] = (0, _react.useState)((input === null || input === void 0 || (_input$value = input.value) === null || _input$value === void 0 ? void 0 : _input$value.files) || []);
   const removePreviewItem = fileName => {
     if (fileName) setPreview(prevPreview => prevPreview.filter(item => item.name !== fileName));
     setUpdatedFiles(prevFiles => {
@@ -63,10 +64,10 @@ const AttachmentContainer = _ref => {
   };
   const onFailValidation = (errorMessage, dynamicData) => {
     setError(true);
-    setErrorText(dynamicData ? `${errorMessage}(${dynamicData})` : errorMessage);
+    setErrorText(dynamicData ? "".concat(errorMessage, "(").concat(dynamicData, ")") : errorMessage);
   };
   const buildPreviews = async files => {
-    const prevPreviews = preview ?? [];
+    const prevPreviews = preview !== null && preview !== void 0 ? preview : [];
     const loadPreview = file => new Promise((resolve, reject) => {
       const reader = new FileReader();
       reader.onload = e => {
@@ -109,12 +110,13 @@ const AttachmentContainer = _ref => {
     }
   };
   const onChange = async ev => {
-    const prevFiles = input.value?.files || updatedFiles;
+    var _input$value2;
+    const prevFiles = ((_input$value2 = input.value) === null || _input$value2 === void 0 ? void 0 : _input$value2.files) || updatedFiles;
     const files = Object.values((0, _isEmpty.default)(prevFiles) ? ev.target.files : (0, _utils.getNotRepeatedFiles)([...prevFiles, ...ev.target.files]));
     const fileErrorTexts = {
       formatError: _constants.FORMAT_ERROR_TEXT,
-      sizeError: `${_constants.SIZE_ERROR_TEXT} ${(0, _utils.getSizeInMB)(maxFileSize)}MB.`,
-      aspectRatioError: `${_constants.ASPECT_RATIO_ERROR_TEXT} ${allowedPDFUploadSizes?.map(aspectRatio => aspectRatio.name).join(' - ')})`
+      sizeError: "".concat(_constants.SIZE_ERROR_TEXT, " ").concat((0, _utils.getSizeInMB)(maxFileSize), "MB."),
+      aspectRatioError: "".concat(_constants.ASPECT_RATIO_ERROR_TEXT, " ").concat(allowedPDFUploadSizes === null || allowedPDFUploadSizes === void 0 ? void 0 : allowedPDFUploadSizes.map(aspectRatio => aspectRatio.name).join(' - '), ")")
     };
     setError(false);
     const processFiles = async index => {
@@ -164,6 +166,7 @@ const AttachmentContainer = _ref => {
     await processFiles(0);
   };
   const loadDefaultValues = async function () {
+    var _input$value$index;
     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;
@@ -176,7 +179,7 @@ const AttachmentContainer = _ref => {
       buildPreviews(accumulatedFiles);
       return;
     }
-    const imageUrl = Array.isArray(input.value) ? input.value[index]?.url : 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 : 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), {

package/dist/components/UTAttachmentList/layout.js

@@ -136,9 +136,9 @@ const Attachment = _ref => {
   };
   const closePreviewModal = () => setPreviewModalIsOpen(false);
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.container} ${classes.container} ${error && classes.errorContainer}`
+    className: "".concat(_stylesModule.default.container, " ").concat(classes.container, " ").concat(error && classes.errorContainer)
   }, !previewIsEmpty && preview.map(previewItem => /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.previewContainer} ${classes.previewContainer}`
+    className: "".concat(_stylesModule.default.previewContainer, " ").concat(classes.previewContainer)
   }, previewItem.src ? /*#__PURE__*/_react.default.createElement(_Preview.default, {
     classes: classes,
     preview: previewItem,
@@ -178,9 +178,9 @@ const Attachment = _ref => {
     size: "small",
     variant: "text"
   }))), previewIsEmpty && /*#__PURE__*/_react.default.createElement(FilesIcon, {
-    className: `${_stylesModule.default.filesIcon} ${classes.filesIcon}`
+    className: "".concat(_stylesModule.default.filesIcon, " ").concat(classes.filesIcon)
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.labelAndInputContainer} ${!previewIsEmpty && _stylesModule.default.positionRelative}`
+    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, {
@@ -204,7 +204,7 @@ const Attachment = _ref => {
     colorTheme: "gray",
     variant: "small",
     className: _stylesModule.default.aclaration
-  }, `${_constants.FORMAT_FILE_LABEL}${(0, _utils.getAvailableFileTypesLabel)(fieldType)}.`, " ", /*#__PURE__*/_react.default.createElement("br", null), `${_constants.MAX_SIZE_FILE_LABEL}${maxFileSize}MB`)), helpText && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+  }, "".concat(_constants.FORMAT_FILE_LABEL).concat((0, _utils.getAvailableFileTypesLabel)(fieldType), "."), " ", /*#__PURE__*/_react.default.createElement("br", null), "".concat(_constants.MAX_SIZE_FILE_LABEL).concat(maxFileSize, "MB"))), helpText && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
     className: _stylesModule.default.helpText,
     colorTheme: "gray",
     variant: "small"

package/dist/components/UTAttachmentList/theme.js

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