@widergy/energy-ui 3.15.0 → 3.15.2

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [3.15.2](https://github.com/widergy/energy-ui/compare/v3.15.1...v3.15.2) (2024-08-12)
+
+
+### Bug Fixes
+
+* changes sizes for some variants ([#473](https://github.com/widergy/energy-ui/issues/473)) ([d25109a](https://github.com/widergy/energy-ui/commit/d25109acd6aadb5425f8553fb0e729d223e8016e))
+
+## [3.15.1](https://github.com/widergy/energy-ui/compare/v3.15.0...v3.15.1) (2024-08-09)
+
+
+### Bug Fixes
+
+* analytics utils removed ([#472](https://github.com/widergy/energy-ui/issues/472)) ([8c96506](https://github.com/widergy/energy-ui/commit/8c96506e0c3ccd26dc87b23c7d5f7cd1c3df6d66))
+
 # [3.15.0](https://github.com/widergy/energy-ui/compare/v3.14.1...v3.15.0) (2024-08-02)
 
 

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: "".concat(_stylesModule.default.container, " ").concat(className)
+    className: `${_stylesModule.default.container} ${className}`
   }, /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
     className: classes.base,
     size: size || defaultSize,
     thickness: thickness || defaultThickness
   }), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: "".concat(_stylesModule.default.text, " ").concat(classes.text, " ").concat(textClassName)
+    className: `${_stylesModule.default.text} ${classes.text} ${textClassName}`
   }, text || _constants.DEFAULT_LOADING_TEXT));
 };
 Loading.propTypes = {

package/dist/components/UTAlert/index.js

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

package/dist/components/UTAlert/theme.js

@@ -9,22 +9,21 @@ 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 = theme.Palette) === null || _theme$Palette === void 0 ? void 0 : _theme$Palette.error['04']) || _colorsModule.default.notificationError
+      backgroundColor: theme.Palette?.error['04'] || _colorsModule.default.notificationError
     },
     info: {
-      backgroundColor: ((_theme$Palette2 = theme.Palette) === null || _theme$Palette2 === void 0 ? void 0 : _theme$Palette2.information['04']) || _colorsModule.default.notificationInfo
+      backgroundColor: theme.Palette?.information['04'] || _colorsModule.default.notificationInfo
     },
     success: {
-      backgroundColor: ((_theme$Palette3 = theme.Palette) === null || _theme$Palette3 === void 0 ? void 0 : _theme$Palette3.success['04']) || _colorsModule.default.notificationSuccess
+      backgroundColor: theme.Palette?.success['04'] || _colorsModule.default.notificationSuccess
     },
     warning: {
-      backgroundColor: ((_theme$Palette4 = theme.Palette) === null || _theme$Palette4 === void 0 ? void 0 : _theme$Palette4.warning['04']) || _colorsModule.default.notificationWarning
+      backgroundColor: theme.Palette?.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 === null || previewProps === void 0 ? void 0 : previewProps.image)), (0, _utils.isAudio)(preview) && /*#__PURE__*/_react.default.createElement("audio", _extends({
+  }, previewProps?.image)), (0, _utils.isAudio)(preview) && /*#__PURE__*/_react.default.createElement("audio", _extends({
     controls: true,
     controlsList: "nodownload",
     className: _stylesModule.default.previewAudio
-  }, previewProps === null || previewProps === void 0 ? void 0 : previewProps.audio), /*#__PURE__*/_react.default.createElement("source", {
+  }, 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 === null || previewProps === void 0 ? void 0 : previewProps.video), /*#__PURE__*/_react.default.createElement("source", {
+  }, 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 !== null && response !== void 0 && response.type) {
+        if (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 && ".".concat(fileType)) || '');
+    }, _constants.DEFAULT_ATTACHMENT_NAME, fileType && `.${fileType}`) || '');
     _defineProperty(this, "hasDefaultValueToLoad", () => this.props.input.value && typeof this.props.input.value === 'string');
     _defineProperty(this, "hasDefaultFileObjectToLoad", () => {
       const {
@@ -61,7 +61,6 @@ 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,
@@ -69,8 +68,8 @@ class AttachmentContainer extends _react.Component {
       } = this.props;
       const fileErrorTexts = {
         formatError: _constants.FORMAT_ERROR_TEXT,
-        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(' - '), ")")
+        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(' - ')})`
       };
       this.setState({
         error: false
@@ -148,12 +147,11 @@ class AttachmentContainer extends _react.Component {
     this.loadDefaultValues();
   }
   componentDidUpdate(prevProps) {
-    var _prevProps$fieldTypes;
     const {
       fieldTypes,
       input
     } = this.props;
-    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();
+    if (prevProps.fieldTypes?.[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: "".concat(_stylesModule.default.previewContainer, " ").concat(previewClassname)
+    className: `${_stylesModule.default.previewContainer} ${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: "".concat(_stylesModule.default.removeIconContainer, " ").concat(removeFileClassname)
+      root: `${_stylesModule.default.removeIconContainer} ${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/".concat(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/${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 !== null && response !== void 0 && response.ok) response.blob().then(blob => callback(blob));else callback(null);
+  if (response?.ok) response.blob().then(blob => callback(blob));else callback(null);
 };
 exports.getBlobFromUrl = getBlobFromUrl;
 const lengthMatches = (length1, length2, toleranceInPercentage) => {
@@ -38,28 +38,27 @@ const pdfAspectRatioValidation = async (file, allowedPDFUploadSizes) => {
   return pages.every(page => pageMatches(page, allowedPDFUploadSizes));
 };
 exports.pdfAspectRatioValidation = pdfAspectRatioValidation;
-const isImage = file => _files.inputFiles.image.validType.includes(file === null || file === void 0 ? void 0 : file.type);
+const isImage = file => _files.inputFiles.image.validType.includes(file?.type);
 exports.isImage = isImage;
-const isPDF = file => _files.inputFiles.pdf.validType.includes(file === null || file === void 0 ? void 0 : file.type);
+const isPDF = file => _files.inputFiles.pdf.validType.includes(file?.type);
 exports.isPDF = isPDF;
-const isAudio = file => _files.inputFiles.audio.validType.includes(file === null || file === void 0 ? void 0 : file.type);
+const isAudio = file => _files.inputFiles.audio.validType.includes(file?.type);
 exports.isAudio = isAudio;
-const isVideo = file => _files.inputFiles.video.validType.includes(file === null || file === void 0 ? void 0 : file.type);
+const isVideo = file => _files.inputFiles.video.validType.includes(file?.type);
 exports.isVideo = isVideo;
-const isHTML = file => _files.inputFiles.html.validType.includes(file === null || file === void 0 ? void 0 : file.type);
+const isHTML = file => _files.inputFiles.html.validType.includes(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 = 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);
+  return newFile.file?.lastModified !== 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 === 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
+  }, previewProps?.image)), (0, _utils.isAudio)(preview) && /*#__PURE__*/_react.default.createElement(AudioIcon, {
+    className: classes?.actionAccentIcon
   }), (0, _utils.isVideo)(preview) && /*#__PURE__*/_react.default.createElement(VideoIcon, {
-    className: classes === null || classes === void 0 ? void 0 : classes.actionAccentIcon
+    className: 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 === null || previewProps === void 0 ? void 0 : previewProps.image)), (0, _utils.isAudio)(preview) && /*#__PURE__*/_react.default.createElement("audio", _extends({
+  }, previewProps?.image)), (0, _utils.isAudio)(preview) && /*#__PURE__*/_react.default.createElement("audio", _extends({
     controls: true,
     controlsList: "nodownload",
     className: _stylesModule.default.previewAudio
-  }, previewProps === null || previewProps === void 0 ? void 0 : previewProps.audio), /*#__PURE__*/_react.default.createElement("source", {
+  }, 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 === null || previewProps === void 0 ? void 0 : previewProps.video), /*#__PURE__*/_react.default.createElement("source", {
+  }, previewProps?.video), /*#__PURE__*/_react.default.createElement("source", {
     src: preview.src,
     type: preview.type
   })));

package/dist/components/UTAttachmentList/index.js

@@ -19,7 +19,6 @@ 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,
@@ -39,15 +38,15 @@ const AttachmentContainer = _ref => {
     resizeConfig,
     sanitize
   } = _ref;
-  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 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 [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 === null || input === void 0 || (_input$value = input.value) === null || _input$value === void 0 ? void 0 : _input$value.files) || []);
+  const [updatedFiles, setUpdatedFiles] = (0, _react.useState)(input?.value?.files || []);
   const removePreviewItem = fileName => {
     if (fileName) setPreview(prevPreview => prevPreview.filter(item => item.name !== fileName));
     setUpdatedFiles(prevFiles => {
@@ -64,10 +63,10 @@ const AttachmentContainer = _ref => {
   };
   const onFailValidation = (errorMessage, dynamicData) => {
     setError(true);
-    setErrorText(dynamicData ? "".concat(errorMessage, "(").concat(dynamicData, ")") : errorMessage);
+    setErrorText(dynamicData ? `${errorMessage}(${dynamicData})` : errorMessage);
   };
   const buildPreviews = async files => {
-    const prevPreviews = preview !== null && preview !== void 0 ? preview : [];
+    const prevPreviews = preview ?? [];
     const loadPreview = file => new Promise((resolve, reject) => {
       const reader = new FileReader();
       reader.onload = e => {
@@ -110,13 +109,12 @@ const AttachmentContainer = _ref => {
     }
   };
   const onChange = async ev => {
-    var _input$value2;
-    const prevFiles = ((_input$value2 = input.value) === null || _input$value2 === void 0 ? void 0 : _input$value2.files) || updatedFiles;
+    const prevFiles = input.value?.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: "".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(' - '), ")")
+      sizeError: `${_constants.SIZE_ERROR_TEXT} ${(0, _utils.getSizeInMB)(maxFileSize)}MB.`,
+      aspectRatioError: `${_constants.ASPECT_RATIO_ERROR_TEXT} ${allowedPDFUploadSizes?.map(aspectRatio => aspectRatio.name).join(' - ')})`
     };
     setError(false);
     const processFiles = async index => {
@@ -166,7 +164,6 @@ 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;
@@ -179,7 +176,7 @@ 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 imageUrl = Array.isArray(input.value) ? 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: "".concat(_stylesModule.default.container, " ").concat(classes.container, " ").concat(error && classes.errorContainer)
+    className: `${_stylesModule.default.container} ${classes.container} ${error && classes.errorContainer}`
   }, !previewIsEmpty && preview.map(previewItem => /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.previewContainer, " ").concat(classes.previewContainer)
+    className: `${_stylesModule.default.previewContainer} ${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: "".concat(_stylesModule.default.filesIcon, " ").concat(classes.filesIcon)
+    className: `${_stylesModule.default.filesIcon} ${classes.filesIcon}`
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.labelAndInputContainer, " ").concat(!previewIsEmpty && _stylesModule.default.positionRelative)
+    className: `${_stylesModule.default.labelAndInputContainer} ${!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
-  }, "".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, {
+  }, `${_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, {
     className: _stylesModule.default.helpText,
     colorTheme: "gray",
     variant: "small"

package/dist/components/UTAttachmentList/theme.js

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

package/dist/components/UTAttachmentList/utils.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.pdfAspectRatioValidation = exports.isVideo = exports.isValidFile = exports.isPDF = exports.isNewFile = exports.isImage = exports.isHTML = exports.isAudio = exports.hasPreview = exports.getSizeInMB = exports.getNotRepeatedFiles = exports.getDefaultAttachment = exports.getBlobFromUrl = exports.getAvailableFileTypesLabel = void 0;
 var _files = require("@widergy/web-utils/lib/constants/files");
 var _constants = require("./constants");
-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");
+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`;
 const getImage = async imageUrl => fetch(imageUrl, {
   method: 'GET'
 }).catch(error => console.error(error)); // eslint-disable-line no-console
@@ -14,7 +14,7 @@ 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?.ok) response.blob().then(blob => callback(blob));else callback(null);
 };
 exports.getBlobFromUrl = getBlobFromUrl;
 const lengthMatches = (length1, length2, toleranceInPercentage) => {
@@ -39,29 +39,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 === null || file === void 0 ? void 0 : file.type);
+const isImage = file => _files.inputFiles.image.validType.includes(file?.type);
 exports.isImage = isImage;
-const isPDF = file => _files.inputFiles.pdf.validType.includes(file === null || file === void 0 ? void 0 : file.type);
+const isPDF = file => _files.inputFiles.pdf.validType.includes(file?.type);
 exports.isPDF = isPDF;
-const isAudio = file => _files.inputFiles.audio.validType.includes(file === null || file === void 0 ? void 0 : file.type);
+const isAudio = file => _files.inputFiles.audio.validType.includes(file?.type);
 exports.isAudio = isAudio;
-const isVideo = file => _files.inputFiles.video.validType.includes(file === null || file === void 0 ? void 0 : file.type);
+const isVideo = file => _files.inputFiles.video.validType.includes(file?.type);
 exports.isVideo = isVideo;
-const isHTML = file => _files.inputFiles.html.validType.includes(file === null || file === void 0 ? void 0 : file.type);
+const isHTML = file => _files.inputFiles.html.validType.includes(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 = 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);
+  return newFile.file?.lastModified !== oldFile.file?.lastModified;
 };
 exports.isNewFile = isNewFile;
 const getAvailableFileTypesLabel = acceptedFileTypes => {
@@ -75,5 +74,5 @@ const getSizeInMB = maxFileSize => (maxFileSize / 1048576).toFixed(2);
 exports.getSizeInMB = getSizeInMB;
 const getNotRepeatedFiles = files => files.filter((file, index, self) => index === self.findIndex(f => f.name === file.name));
 exports.getNotRepeatedFiles = getNotRepeatedFiles;
-const getDefaultAttachment = (fileType, index) => "".concat(_constants.DEFAULT_ATTACHMENT_NAME, "-").concat(index).concat(fileType && ".".concat(fileType));
+const getDefaultAttachment = (fileType, index) => `${_constants.DEFAULT_ATTACHMENT_NAME}-${index}${fileType && `.${fileType}`}`;
 exports.getDefaultAttachment = getDefaultAttachment;

package/dist/components/UTAutocomplete/components/ListBox/utils.js

@@ -17,7 +17,7 @@ const renderRow = _ref => {
     style: {
       ...style
     },
-    className: "".concat(data[index].props.className, " ").concat(_stylesModule.default.rowRender)
+    className: `${data[index].props.className} ${_stylesModule.default.rowRender}`
   });
 };
 exports.renderRow = renderRow;

package/dist/components/UTAutocomplete/index.js

@@ -51,7 +51,7 @@ const UTAutocomplete = _ref => {
   const textInputLabel = (0, _array.isEmpty)(options) ? emptyOptionsLabel : label;
   const fieldDisabled = disabled || loading || (0, _array.isEmpty)(options);
   const onChange = (_, values) => {
-    input.onChange(multiple ? values === null || values === void 0 ? void 0 : values.map(val => val[valueKey]) : values === null || values === void 0 ? void 0 : values[valueKey]);
+    input.onChange(multiple ? values?.map(val => val[valueKey]) : values?.[valueKey]);
     if (!values) setComponentValue(initialValue);
     if (field.onChange) field.onChange(values);
   };
@@ -74,7 +74,7 @@ const UTAutocomplete = _ref => {
   const textInputEndAdornment = loading ? /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
     className: classes.loadingIcon
   }) : ArrowIcon || /*#__PURE__*/_react.default.createElement(_KeyboardArrowDown.default, {
-    className: "".concat(disabled ? classes.arrowIconDisabled : classes.arrowIcon)
+    className: `${disabled ? classes.arrowIconDisabled : classes.arrowIcon}`
   });
   const errorMessage = (0, _form.shouldShowErrors)(meta) && meta.error || '';
   return /*#__PURE__*/_react.default.createElement(_Autocomplete.default, _extends({