@widergy/energy-ui 3.22.2 → 3.22.4

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/${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
@@ -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?.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) => {
@@ -39,28 +39,29 @@ 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;
 const getAvailableFileTypesLabel = acceptedFileTypes => {
@@ -74,5 +75,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) => `${_constants.DEFAULT_ATTACHMENT_NAME}-${index}${fileType && `.${fileType}`}`;
+const getDefaultAttachment = (fileType, index) => "".concat(_constants.DEFAULT_ATTACHMENT_NAME, "-").concat(index).concat(fileType && ".".concat(fileType));
 exports.getDefaultAttachment = getDefaultAttachment;

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

@@ -17,7 +17,7 @@ const renderRow = _ref => {
     style: {
       ...style
     },
-    className: `${data[index].props.className} ${_stylesModule.default.rowRender}`
+    className: "".concat(data[index].props.className, " ").concat(_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?.map(val => val[valueKey]) : values?.[valueKey]);
+    input.onChange(multiple ? values === null || values === void 0 ? void 0 : values.map(val => val[valueKey]) : values === null || values === void 0 ? void 0 : 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: `${disabled ? classes.arrowIconDisabled : classes.arrowIcon}`
+    className: "".concat(disabled ? classes.arrowIconDisabled : classes.arrowIcon)
   });
   const errorMessage = (0, _form.shouldShowErrors)(meta) && meta.error || '';
   return /*#__PURE__*/_react.default.createElement(_Autocomplete.default, _extends({

package/dist/components/UTAutocomplete/theme.js

@@ -10,145 +10,147 @@ var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.
 var _classesUtils = require("../../utils/classesUtils");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const retrieveStyle = _ref => {
+  var _theme$UTAutocomplete, _theme$UTTextInput, _theme$UTAutocomplete2, _theme$UTTextInput2, _theme$UTAutocomplete3, _theme$UTTextInput3, _theme$UTAutocomplete4, _theme$UTAutocomplete5, _theme$UTAutocomplete6;
   let {
     theme
   } = _ref;
   return {
     arrowIcon: {
-      color: theme.UTAutocomplete?.arrowIcon?.color || theme.UTTextInput?.color
+      color: ((_theme$UTAutocomplete = theme.UTAutocomplete) === null || _theme$UTAutocomplete === void 0 || (_theme$UTAutocomplete = _theme$UTAutocomplete.arrowIcon) === null || _theme$UTAutocomplete === void 0 ? void 0 : _theme$UTAutocomplete.color) || ((_theme$UTTextInput = theme.UTTextInput) === null || _theme$UTTextInput === void 0 ? void 0 : _theme$UTTextInput.color)
     },
     arrowIconDisabled: {
-      color: theme.UTAutocomplete?.arrowIconDisabled?.color || theme.UTTextInput?.color
+      color: ((_theme$UTAutocomplete2 = theme.UTAutocomplete) === null || _theme$UTAutocomplete2 === void 0 || (_theme$UTAutocomplete2 = _theme$UTAutocomplete2.arrowIconDisabled) === null || _theme$UTAutocomplete2 === void 0 ? void 0 : _theme$UTAutocomplete2.color) || ((_theme$UTTextInput2 = theme.UTTextInput) === null || _theme$UTTextInput2 === void 0 ? void 0 : _theme$UTTextInput2.color)
     },
     loadingIcon: {
-      color: theme.UTAutocomplete?.loadingIcon?.color || theme.UTTextInput?.color,
-      height: (0, _classesUtils.withImportant)(theme.UTAutocomplete?.loadingIcon?.height || `20px`),
-      margin: theme.UTAutocomplete?.loadingIcon?.margin || '0 10px 0 0',
-      width: (0, _classesUtils.withImportant)(theme.UTAutocomplete?.loadingIcon?.width || `20px`)
+      color: ((_theme$UTAutocomplete3 = theme.UTAutocomplete) === null || _theme$UTAutocomplete3 === void 0 || (_theme$UTAutocomplete3 = _theme$UTAutocomplete3.loadingIcon) === null || _theme$UTAutocomplete3 === void 0 ? void 0 : _theme$UTAutocomplete3.color) || ((_theme$UTTextInput3 = theme.UTTextInput) === null || _theme$UTTextInput3 === void 0 ? void 0 : _theme$UTTextInput3.color),
+      height: (0, _classesUtils.withImportant)(((_theme$UTAutocomplete4 = theme.UTAutocomplete) === null || _theme$UTAutocomplete4 === void 0 || (_theme$UTAutocomplete4 = _theme$UTAutocomplete4.loadingIcon) === null || _theme$UTAutocomplete4 === void 0 ? void 0 : _theme$UTAutocomplete4.height) || "20px"),
+      margin: ((_theme$UTAutocomplete5 = theme.UTAutocomplete) === null || _theme$UTAutocomplete5 === void 0 || (_theme$UTAutocomplete5 = _theme$UTAutocomplete5.loadingIcon) === null || _theme$UTAutocomplete5 === void 0 ? void 0 : _theme$UTAutocomplete5.margin) || '0 10px 0 0',
+      width: (0, _classesUtils.withImportant)(((_theme$UTAutocomplete6 = theme.UTAutocomplete) === null || _theme$UTAutocomplete6 === void 0 || (_theme$UTAutocomplete6 = _theme$UTAutocomplete6.loadingIcon) === null || _theme$UTAutocomplete6 === void 0 ? void 0 : _theme$UTAutocomplete6.width) || "20px")
     }
   };
 };
 exports.retrieveStyle = retrieveStyle;
 const retrieveMuiTheme = (theme, muiTheme) => {
+  var _theme$Fonts, _theme$UTTextInput4, _theme$UTTextInput5, _theme$UTTextInput6, _theme$Fonts2, _theme$UTTextInput7, _theme$UTTextInput8, _theme$UTTextInput9, _theme$UTTextInput10, _theme$UTTextInput11, _theme$UTTextInput12, _theme$UTTextInput13, _theme$UTTextInput14, _theme$UTTextInput15, _theme$Fonts3, _theme$UTTextInput16, _theme$UTTextInput17, _theme$UTTextInput18, _theme$UTTextInput19, _theme$UTTextInput20, _theme$UTTextInput21, _theme$UTTextInput22, _theme$UTTextInput23, _theme$UTTextInput24, _theme$UTTextInput25, _theme$UTTextInput26, _theme$UTAutocomplete7, _theme$UTAutocomplete8, _theme$UTAutocomplete9, _theme$UTTextInput27, _theme$UTTextInput28, _theme$UTTextInput29, _theme$UTTextInput30, _theme$Fonts4, _theme$UTTextInput31, _theme$UTTextInput32, _theme$UTAutocomplete10, _theme$UTAutocomplete11, _theme$UTAutocomplete12, _theme$UTAutocomplete13, _theme$UTAutocomplete14, _theme$UTAutocomplete15, _theme$UTAutocomplete16, _theme$UTAutocomplete17, _theme$UTAutocomplete18, _theme$UTAutocomplete19;
   const mui = {
     typography: {
-      fontFamily: theme.Fonts?.fontFamily
+      fontFamily: (_theme$Fonts = theme.Fonts) === null || _theme$Fonts === void 0 ? void 0 : _theme$Fonts.fontFamily
     },
     overrides: {
       MuiInput: {
         input: {
-          border: theme.UTTextInput?.border,
-          borderRadius: theme.UTTextInput?.borderRadius,
-          fontSize: theme.UTTextInput?.fontSize || theme.Fonts?.medium || 14,
-          color: theme.UTTextInput?.color,
-          padding: theme.UTTextInput?.padding
+          border: (_theme$UTTextInput4 = theme.UTTextInput) === null || _theme$UTTextInput4 === void 0 ? void 0 : _theme$UTTextInput4.border,
+          borderRadius: (_theme$UTTextInput5 = theme.UTTextInput) === null || _theme$UTTextInput5 === void 0 ? void 0 : _theme$UTTextInput5.borderRadius,
+          fontSize: ((_theme$UTTextInput6 = theme.UTTextInput) === null || _theme$UTTextInput6 === void 0 ? void 0 : _theme$UTTextInput6.fontSize) || ((_theme$Fonts2 = theme.Fonts) === null || _theme$Fonts2 === void 0 ? void 0 : _theme$Fonts2.medium) || 14,
+          color: (_theme$UTTextInput7 = theme.UTTextInput) === null || _theme$UTTextInput7 === void 0 ? void 0 : _theme$UTTextInput7.color,
+          padding: (_theme$UTTextInput8 = theme.UTTextInput) === null || _theme$UTTextInput8 === void 0 ? void 0 : _theme$UTTextInput8.padding
         },
         underline: {
           '&:hover:not($disabled):not($focused):not($error):before': {
-            borderBottom: theme.UTTextInput?.underline?.hover?.borderBottom || `1px solid ${_colorsModule.default.gray}`
+            borderBottom: ((_theme$UTTextInput9 = theme.UTTextInput) === null || _theme$UTTextInput9 === void 0 || (_theme$UTTextInput9 = _theme$UTTextInput9.underline) === null || _theme$UTTextInput9 === void 0 || (_theme$UTTextInput9 = _theme$UTTextInput9.hover) === null || _theme$UTTextInput9 === void 0 ? void 0 : _theme$UTTextInput9.borderBottom) || "1px solid ".concat(_colorsModule.default.gray)
           },
           '&:hover:not($disabled):before': {
-            borderBottom: theme.UTTextInput?.underline?.hover?.borderBottom || `1px solid ${_colorsModule.default.gray}`
+            borderBottom: ((_theme$UTTextInput10 = theme.UTTextInput) === null || _theme$UTTextInput10 === void 0 || (_theme$UTTextInput10 = _theme$UTTextInput10.underline) === null || _theme$UTTextInput10 === void 0 || (_theme$UTTextInput10 = _theme$UTTextInput10.hover) === null || _theme$UTTextInput10 === void 0 ? void 0 : _theme$UTTextInput10.borderBottom) || "1px solid ".concat(_colorsModule.default.gray)
           },
           '&$disabled:before': {
-            borderBottom: theme.UTTextInput?.underline?.disabled?.borderBottom || `1px solid ${_colorsModule.default.gray}`
+            borderBottom: ((_theme$UTTextInput11 = theme.UTTextInput) === null || _theme$UTTextInput11 === void 0 || (_theme$UTTextInput11 = _theme$UTTextInput11.underline) === null || _theme$UTTextInput11 === void 0 || (_theme$UTTextInput11 = _theme$UTTextInput11.disabled) === null || _theme$UTTextInput11 === void 0 ? void 0 : _theme$UTTextInput11.borderBottom) || "1px solid ".concat(_colorsModule.default.gray)
           },
           '&:before': {
-            borderBottom: theme.UTTextInput?.underline?.unfocused?.borderBottom || `1px solid ${_colorsModule.default.gray}`
+            borderBottom: ((_theme$UTTextInput12 = theme.UTTextInput) === null || _theme$UTTextInput12 === void 0 || (_theme$UTTextInput12 = _theme$UTTextInput12.underline) === null || _theme$UTTextInput12 === void 0 || (_theme$UTTextInput12 = _theme$UTTextInput12.unfocused) === null || _theme$UTTextInput12 === void 0 ? void 0 : _theme$UTTextInput12.borderBottom) || "1px solid ".concat(_colorsModule.default.gray)
           },
           '&$focused:after': {
-            borderBottom: theme.UTTextInput?.underline?.focused?.borderBottom || `2px solid ${_colorsModule.default.primary}`
+            borderBottom: ((_theme$UTTextInput13 = theme.UTTextInput) === null || _theme$UTTextInput13 === void 0 || (_theme$UTTextInput13 = _theme$UTTextInput13.underline) === null || _theme$UTTextInput13 === void 0 || (_theme$UTTextInput13 = _theme$UTTextInput13.focused) === null || _theme$UTTextInput13 === void 0 ? void 0 : _theme$UTTextInput13.borderBottom) || "2px solid ".concat(_colorsModule.default.primary)
           },
           '&:after': {
-            borderBottom: theme.UTTextInput?.underline?.base?.borderBottom || `2px solid ${_colorsModule.default.primary}`
+            borderBottom: ((_theme$UTTextInput14 = theme.UTTextInput) === null || _theme$UTTextInput14 === void 0 || (_theme$UTTextInput14 = _theme$UTTextInput14.underline) === null || _theme$UTTextInput14 === void 0 || (_theme$UTTextInput14 = _theme$UTTextInput14.base) === null || _theme$UTTextInput14 === void 0 ? void 0 : _theme$UTTextInput14.borderBottom) || "2px solid ".concat(_colorsModule.default.primary)
           },
           '&$error:after': {
-            borderBottom: `2px solid ${theme.Palette.error['05']}`,
+            borderBottom: "2px solid ".concat(theme.Palette.error['05']),
             borderBottomColor: theme.Palette.error['05']
           }
         }
       },
       MuiOutlinedInput: {
         input: {
-          fontSize: theme.UTTextInput?.fontSize || theme.Fonts?.medium || 14,
-          color: theme.UTTextInput?.color
+          fontSize: ((_theme$UTTextInput15 = theme.UTTextInput) === null || _theme$UTTextInput15 === void 0 ? void 0 : _theme$UTTextInput15.fontSize) || ((_theme$Fonts3 = theme.Fonts) === null || _theme$Fonts3 === void 0 ? void 0 : _theme$Fonts3.medium) || 14,
+          color: (_theme$UTTextInput16 = theme.UTTextInput) === null || _theme$UTTextInput16 === void 0 ? void 0 : _theme$UTTextInput16.color
         },
         root: {
           '&:hover:not($disabled):not($focused):not($error) $notchedOutline': {
-            border: theme.UTTextInput?.notchedOutline?.hover?.border || `1px solid ${_colorsModule.default.gray}`,
-            borderColor: theme.UTTextInput?.notchedOutline?.hover?.borderColor
+            border: ((_theme$UTTextInput17 = theme.UTTextInput) === null || _theme$UTTextInput17 === void 0 || (_theme$UTTextInput17 = _theme$UTTextInput17.notchedOutline) === null || _theme$UTTextInput17 === void 0 || (_theme$UTTextInput17 = _theme$UTTextInput17.hover) === null || _theme$UTTextInput17 === void 0 ? void 0 : _theme$UTTextInput17.border) || "1px solid ".concat(_colorsModule.default.gray),
+            borderColor: (_theme$UTTextInput18 = theme.UTTextInput) === null || _theme$UTTextInput18 === void 0 || (_theme$UTTextInput18 = _theme$UTTextInput18.notchedOutline) === null || _theme$UTTextInput18 === void 0 || (_theme$UTTextInput18 = _theme$UTTextInput18.hover) === null || _theme$UTTextInput18 === void 0 ? void 0 : _theme$UTTextInput18.borderColor
           },
           '&$focused $notchedOutline': {
-            border: theme.UTTextInput?.notchedOutline?.focused?.border || `2px solid ${_colorsModule.default.primary}`,
-            borderColor: theme.UTTextInput?.notchedOutline?.hover?.borderColor
+            border: ((_theme$UTTextInput19 = theme.UTTextInput) === null || _theme$UTTextInput19 === void 0 || (_theme$UTTextInput19 = _theme$UTTextInput19.notchedOutline) === null || _theme$UTTextInput19 === void 0 || (_theme$UTTextInput19 = _theme$UTTextInput19.focused) === null || _theme$UTTextInput19 === void 0 ? void 0 : _theme$UTTextInput19.border) || "2px solid ".concat(_colorsModule.default.primary),
+            borderColor: (_theme$UTTextInput20 = theme.UTTextInput) === null || _theme$UTTextInput20 === void 0 || (_theme$UTTextInput20 = _theme$UTTextInput20.notchedOutline) === null || _theme$UTTextInput20 === void 0 || (_theme$UTTextInput20 = _theme$UTTextInput20.hover) === null || _theme$UTTextInput20 === void 0 ? void 0 : _theme$UTTextInput20.borderColor
           },
           '&$disabled $notchedOutline': {
-            border: theme.UTTextInput?.notchedOutline?.disabled?.border || `1px solid ${_colorsModule.default.gray}`,
-            borderColor: theme.UTTextInput?.notchedOutline?.hover?.borderColor
+            border: ((_theme$UTTextInput21 = theme.UTTextInput) === null || _theme$UTTextInput21 === void 0 || (_theme$UTTextInput21 = _theme$UTTextInput21.notchedOutline) === null || _theme$UTTextInput21 === void 0 || (_theme$UTTextInput21 = _theme$UTTextInput21.disabled) === null || _theme$UTTextInput21 === void 0 ? void 0 : _theme$UTTextInput21.border) || "1px solid ".concat(_colorsModule.default.gray),
+            borderColor: (_theme$UTTextInput22 = theme.UTTextInput) === null || _theme$UTTextInput22 === void 0 || (_theme$UTTextInput22 = _theme$UTTextInput22.notchedOutline) === null || _theme$UTTextInput22 === void 0 || (_theme$UTTextInput22 = _theme$UTTextInput22.hover) === null || _theme$UTTextInput22 === void 0 ? void 0 : _theme$UTTextInput22.borderColor
           },
-          padding: theme.UTTextInput?.notchedOutline?.padding
+          padding: (_theme$UTTextInput23 = theme.UTTextInput) === null || _theme$UTTextInput23 === void 0 || (_theme$UTTextInput23 = _theme$UTTextInput23.notchedOutline) === null || _theme$UTTextInput23 === void 0 ? void 0 : _theme$UTTextInput23.padding
         },
         notchedOutline: {
-          border: theme.UTTextInput?.notchedOutline?.unfocused?.border || `1px solid ${theme.Palette.error['05']}`,
-          borderColor: theme.UTTextInput?.notchedOutline?.hover?.borderColor,
-          borderRadius: theme.UTTextInput?.notchedOutline?.borderRadius
+          border: ((_theme$UTTextInput24 = theme.UTTextInput) === null || _theme$UTTextInput24 === void 0 || (_theme$UTTextInput24 = _theme$UTTextInput24.notchedOutline) === null || _theme$UTTextInput24 === void 0 || (_theme$UTTextInput24 = _theme$UTTextInput24.unfocused) === null || _theme$UTTextInput24 === void 0 ? void 0 : _theme$UTTextInput24.border) || "1px solid ".concat(theme.Palette.error['05']),
+          borderColor: (_theme$UTTextInput25 = theme.UTTextInput) === null || _theme$UTTextInput25 === void 0 || (_theme$UTTextInput25 = _theme$UTTextInput25.notchedOutline) === null || _theme$UTTextInput25 === void 0 || (_theme$UTTextInput25 = _theme$UTTextInput25.hover) === null || _theme$UTTextInput25 === void 0 ? void 0 : _theme$UTTextInput25.borderColor,
+          borderRadius: (_theme$UTTextInput26 = theme.UTTextInput) === null || _theme$UTTextInput26 === void 0 || (_theme$UTTextInput26 = _theme$UTTextInput26.notchedOutline) === null || _theme$UTTextInput26 === void 0 ? void 0 : _theme$UTTextInput26.borderRadius
         }
       },
       MuiPaper: {
         root: {
-          marginTop: theme.UTAutocomplete?.paper?.marginTop || 8,
-          maxHeight: theme.UTAutocomplete?.paper?.maxHeight || 300,
-          overflowX: theme.UTAutocomplete?.paper?.overflowX || 'hidden'
+          marginTop: ((_theme$UTAutocomplete7 = theme.UTAutocomplete) === null || _theme$UTAutocomplete7 === void 0 || (_theme$UTAutocomplete7 = _theme$UTAutocomplete7.paper) === null || _theme$UTAutocomplete7 === void 0 ? void 0 : _theme$UTAutocomplete7.marginTop) || 8,
+          maxHeight: ((_theme$UTAutocomplete8 = theme.UTAutocomplete) === null || _theme$UTAutocomplete8 === void 0 || (_theme$UTAutocomplete8 = _theme$UTAutocomplete8.paper) === null || _theme$UTAutocomplete8 === void 0 ? void 0 : _theme$UTAutocomplete8.maxHeight) || 300,
+          overflowX: ((_theme$UTAutocomplete9 = theme.UTAutocomplete) === null || _theme$UTAutocomplete9 === void 0 || (_theme$UTAutocomplete9 = _theme$UTAutocomplete9.paper) === null || _theme$UTAutocomplete9 === void 0 ? void 0 : _theme$UTAutocomplete9.overflowX) || 'hidden'
         }
       },
       MuiFormLabel: {
         root: {
-          color: theme.UTTextInput?.formLabel?.color,
+          color: (_theme$UTTextInput27 = theme.UTTextInput) === null || _theme$UTTextInput27 === void 0 || (_theme$UTTextInput27 = _theme$UTTextInput27.formLabel) === null || _theme$UTTextInput27 === void 0 ? void 0 : _theme$UTTextInput27.color,
           '&$error': {
-            color: theme.UTTextInput?.formLabel?.errorColor || _colorsModule.default.gray
+            color: ((_theme$UTTextInput28 = theme.UTTextInput) === null || _theme$UTTextInput28 === void 0 || (_theme$UTTextInput28 = _theme$UTTextInput28.formLabel) === null || _theme$UTTextInput28 === void 0 ? void 0 : _theme$UTTextInput28.errorColor) || _colorsModule.default.gray
           },
           '&$focused': {
-            color: theme.UTTextInput?.formLabel?.focusedColor || _colorsModule.default.primary,
+            color: ((_theme$UTTextInput29 = theme.UTTextInput) === null || _theme$UTTextInput29 === void 0 || (_theme$UTTextInput29 = _theme$UTTextInput29.formLabel) === null || _theme$UTTextInput29 === void 0 ? void 0 : _theme$UTTextInput29.focusedColor) || _colorsModule.default.primary,
             '&$error': {
               color: theme.Palette.error['05']
             }
           },
-          fontSize: theme.UTTextInput?.fontSize || theme.Fonts?.medium || 14
+          fontSize: ((_theme$UTTextInput30 = theme.UTTextInput) === null || _theme$UTTextInput30 === void 0 ? void 0 : _theme$UTTextInput30.fontSize) || ((_theme$Fonts4 = theme.Fonts) === null || _theme$Fonts4 === void 0 ? void 0 : _theme$Fonts4.medium) || 14
         }
       },
       MuiFormHelperText: {
         root: {
-          fontSize: theme.UTTextInput?.helperText?.fontSize || 12,
+          fontSize: ((_theme$UTTextInput31 = theme.UTTextInput) === null || _theme$UTTextInput31 === void 0 || (_theme$UTTextInput31 = _theme$UTTextInput31.helperText) === null || _theme$UTTextInput31 === void 0 ? void 0 : _theme$UTTextInput31.fontSize) || 12,
           color: theme.Palette.error['05'],
-          letterSpacing: theme.UTTextInput?.helperText?.letterSpacing || 'normal'
+          letterSpacing: ((_theme$UTTextInput32 = theme.UTTextInput) === null || _theme$UTTextInput32 === void 0 || (_theme$UTTextInput32 = _theme$UTTextInput32.helperText) === null || _theme$UTTextInput32 === void 0 ? void 0 : _theme$UTTextInput32.letterSpacing) || 'normal'
         }
       },
       MuiInputLabel: {
         outlined: {
-          transform: theme.UTAutocomplete?.inputLabel?.outlined?.transform
+          transform: (_theme$UTAutocomplete10 = theme.UTAutocomplete) === null || _theme$UTAutocomplete10 === void 0 || (_theme$UTAutocomplete10 = _theme$UTAutocomplete10.inputLabel) === null || _theme$UTAutocomplete10 === void 0 || (_theme$UTAutocomplete10 = _theme$UTAutocomplete10.outlined) === null || _theme$UTAutocomplete10 === void 0 ? void 0 : _theme$UTAutocomplete10.transform
         }
       },
       MuiAutocomplete: {
         root: {
-          display: theme.UTAutocomplete?.display || 'flex',
-          flexShrink: theme.UTAutocomplete?.flexShrink || '0',
-          margin: theme.UTAutocomplete?.margin || '16px 0 8px 0',
-          width: (0, _classesUtils.withImportant)(theme.UTAutocomplete?.width || '100%')
+          display: ((_theme$UTAutocomplete11 = theme.UTAutocomplete) === null || _theme$UTAutocomplete11 === void 0 ? void 0 : _theme$UTAutocomplete11.display) || 'flex',
+          flexShrink: ((_theme$UTAutocomplete12 = theme.UTAutocomplete) === null || _theme$UTAutocomplete12 === void 0 ? void 0 : _theme$UTAutocomplete12.flexShrink) || '0',
+          margin: ((_theme$UTAutocomplete13 = theme.UTAutocomplete) === null || _theme$UTAutocomplete13 === void 0 ? void 0 : _theme$UTAutocomplete13.margin) || '16px 0 8px 0',
+          width: (0, _classesUtils.withImportant)(((_theme$UTAutocomplete14 = theme.UTAutocomplete) === null || _theme$UTAutocomplete14 === void 0 ? void 0 : _theme$UTAutocomplete14.width) || '100%')
         },
         popper: {
-          overflowX: theme.UTAutocomplete?.popper?.overflowX || 'hidden'
+          overflowX: ((_theme$UTAutocomplete15 = theme.UTAutocomplete) === null || _theme$UTAutocomplete15 === void 0 || (_theme$UTAutocomplete15 = _theme$UTAutocomplete15.popper) === null || _theme$UTAutocomplete15 === void 0 ? void 0 : _theme$UTAutocomplete15.overflowX) || 'hidden'
         },
         option: {
-          boxSizing: theme.UTAutocomplete?.option?.boxSizing || 'border-box'
+          boxSizing: ((_theme$UTAutocomplete16 = theme.UTAutocomplete) === null || _theme$UTAutocomplete16 === void 0 || (_theme$UTAutocomplete16 = _theme$UTAutocomplete16.option) === null || _theme$UTAutocomplete16 === void 0 ? void 0 : _theme$UTAutocomplete16.boxSizing) || 'border-box'
         },
         listbox: {
           '& ul': {
-            padding: theme.UTAutocomplete?.listbox?.padding || 0,
-            margin: theme.UTAutocomplete?.listbox?.margin || 0
+            padding: ((_theme$UTAutocomplete17 = theme.UTAutocomplete) === null || _theme$UTAutocomplete17 === void 0 || (_theme$UTAutocomplete17 = _theme$UTAutocomplete17.listbox) === null || _theme$UTAutocomplete17 === void 0 ? void 0 : _theme$UTAutocomplete17.padding) || 0,
+            margin: ((_theme$UTAutocomplete18 = theme.UTAutocomplete) === null || _theme$UTAutocomplete18 === void 0 || (_theme$UTAutocomplete18 = _theme$UTAutocomplete18.listbox) === null || _theme$UTAutocomplete18 === void 0 ? void 0 : _theme$UTAutocomplete18.margin) || 0
           }
         },
         paper: {
-          boxShadow: theme.UTAutocomplete?.paper?.boxShadow
+          boxShadow: (_theme$UTAutocomplete19 = theme.UTAutocomplete) === null || _theme$UTAutocomplete19 === void 0 || (_theme$UTAutocomplete19 = _theme$UTAutocomplete19.paper) === null || _theme$UTAutocomplete19 === void 0 ? void 0 : _theme$UTAutocomplete19.boxShadow
         }
       }
     }

package/dist/components/UTBadge/index.js

@@ -28,7 +28,7 @@ const UTBadge = _ref => {
     weight: 'medium'
   } : {};
   return /*#__PURE__*/_react.default.createElement(Component, _extends({
-    className: `${classes.root} ${className}`
+    className: "".concat(classes.root, " ").concat(className)
   }, componentProps), children);
 };
 UTBadge.defaultProps = _constants.DEFAULT_PROPS;

package/dist/components/UTBadge/theme.js

@@ -7,7 +7,8 @@ exports.variantsColorTheme = exports.retrieveStyle = void 0;
 var _componentUtils = require("../../utils/componentUtils");
 var _constants = require("./constants");
 const variantsColorTheme = (theme, colorTheme) => {
-  const colorThemeDefinition = theme.Palette[colorTheme] || theme.Palette.actions?.[colorTheme] || theme.Palette[_constants.DEFAULT_PROPS.colorTheme];
+  var _theme$Palette$action;
+  const colorThemeDefinition = theme.Palette[colorTheme] || ((_theme$Palette$action = theme.Palette.actions) === null || _theme$Palette$action === void 0 ? void 0 : _theme$Palette$action[colorTheme]) || theme.Palette[_constants.DEFAULT_PROPS.colorTheme];
   const colorShade = (0, _componentUtils.getDefaultColorShade)(colorTheme);
   return {
     backgroundColor: colorThemeDefinition[colorShade]

package/dist/components/UTBanner/index.js

@@ -24,7 +24,7 @@ const UTBanner = _ref => {
   } = _ref;
   const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.bannerContainer} ${classes.infoContainer}`
+    className: "".concat(_stylesModule.default.bannerContainer, " ").concat(classes.infoContainer)
   }, Icon && /*#__PURE__*/_react.default.createElement(Icon, iconProps), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
     variant: "small"
   }, children));

package/dist/components/UTBanner/theme.js

@@ -5,12 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.retrieveStyle = void 0;
 const retrieveStyle = _ref => {
+  var _theme$Palette;
   let {
     theme
   } = _ref;
   return {
     infoContainer: {
-      backgroundColor: theme.Palette?.light['03']
+      backgroundColor: (_theme$Palette = theme.Palette) === null || _theme$Palette === void 0 ? void 0 : _theme$Palette.light['03']
     }
   };
 };

package/dist/components/UTBarChart/components/Bars/components/Bar/components/Rect/index.js

@@ -28,16 +28,16 @@ const Rect = _ref => {
   const positiveHeight = height >= 0 ? height : 0;
   const positiveY = y >= 0 ? y : 0;
   (0, _react.useEffect)(() => {
-    d3.select(`#bar-${id}`).attr('height', 0).attr('y', positiveY).transition().duration(transitionDuration).attr('height', positiveHeight).attr('y', positiveY - positiveHeight);
+    d3.select("#bar-".concat(id)).attr('height', 0).attr('y', positiveY).transition().duration(transitionDuration).attr('height', positiveHeight).attr('y', positiveY - positiveHeight);
   }, [positiveHeight, positiveY]);
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("clipPath", {
-    id: `clip-bar-${id}`
+    id: "clip-bar-".concat(id)
   }, /*#__PURE__*/_react.default.createElement("path", {
-    d: `M${x},${y} v${verticalStroke} q${0},${-borderRadius} ${borderRadius},${-borderRadius} h${horizontalStroke} q${borderRadius},${0} ${borderRadius},${borderRadius} v${-verticalStroke} z`
+    d: "M".concat(x, ",").concat(y, " v").concat(verticalStroke, " q", 0, ",").concat(-borderRadius, " ").concat(borderRadius, ",").concat(-borderRadius, " h").concat(horizontalStroke, " q").concat(borderRadius, ",", 0, " ").concat(borderRadius, ",").concat(borderRadius, " v").concat(-verticalStroke, " z")
   })), /*#__PURE__*/_react.default.createElement("rect", {
-    id: `bar-${id}`,
+    id: "bar-".concat(id),
     className: className,
-    clipPath: `url(#clip-bar-${id})`,
+    clipPath: "url(#clip-bar-".concat(id, ")"),
     x: x,
     width: width,
     fill: color,

package/dist/components/UTBarChart/components/Bars/components/Bar/index.js

@@ -37,10 +37,10 @@ const Bar = _ref => {
     stringContentClassName: _stylesModule.default.tooltip,
     className: tooltipClassName
   }, /*#__PURE__*/_react.default.createElement("g", {
-    className: `${clickable && _stylesModule.default.clickable} ${_stylesModule.default.rect}`,
+    className: "".concat(clickable && _stylesModule.default.clickable, " ").concat(_stylesModule.default.rect),
     onClick: clickable ? () => onClick(index, data) : _constants.NO_OP
   }, /*#__PURE__*/_react.default.createElement(_Rect.default, {
-    className: `${clickable && _stylesModule.default.clickable} ${_stylesModule.default.rect}`,
+    className: "".concat(clickable && _stylesModule.default.clickable, " ").concat(_stylesModule.default.rect),
     width: width,
     height: height,
     color: color,

package/dist/components/UTBarChart/components/Bars/index.js

@@ -85,7 +85,7 @@ const Bars = _ref => {
       y: graphYStart - offset,
       borderRadius: removeBorderRadius ? 0 : barBorderRadius,
       data: bar,
-      id: `${_constants.HIGHLIGHT_KEY}-${index}-${group}-${stackIndex}`
+      id: "".concat(_constants.HIGHLIGHT_KEY, "-").concat(index, "-").concat(group, "-").concat(stackIndex)
     }), /*#__PURE__*/_react.default.createElement(_Bar.default, {
       index: index,
       data: data,
@@ -100,7 +100,7 @@ const Bars = _ref => {
       borderRadius: removeBorderRadius ? 0 : barBorderRadius,
       tooltipContent: tooltipContent,
       tooltipClassName: classes.tooltip,
-      id: `${_constants.BAR_KEY}-${index}-${group}-${stackIndex}`,
+      id: "".concat(_constants.BAR_KEY, "-").concat(index, "-").concat(group, "-").concat(stackIndex),
       stroke: stroke,
       strokeWidth: strokeWidth,
       transitionDuration: transitionDuration

package/dist/components/UTBarChart/components/Legend/index.js

@@ -78,7 +78,7 @@ const Legend = _ref => {
       } = _ref5;
       return referencesToShow.includes(id);
     };
-    const getOrderedLegend = (0, _utils.orderLegend)(references?.orderFunction);
+    const getOrderedLegend = (0, _utils.orderLegend)(references === null || references === void 0 ? void 0 : references.orderFunction);
     return getOrderedLegend(levelsReferences.filter(filterFunction), linearReferences.filter(filterFunction), barReferences.filter(filterFunction)).filter(row => !(0, _array.isEmpty)(row));
   };
   const referenceRenderer = reference => {
@@ -88,12 +88,12 @@ const Legend = _ref => {
       CustomIcon
     } = reference;
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: _stylesModule.default[`item${displayAs}`],
+      className: _stylesModule.default["item".concat(displayAs)],
       key: label
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: className
     }, CustomIcon && /*#__PURE__*/_react.default.createElement(CustomIcon, null)), /*#__PURE__*/_react.default.createElement(_.UTLabel, {
-      className: `${_stylesModule.default.itemLabel} ${classes.legendItemLabel}`
+      className: "".concat(_stylesModule.default.itemLabel, " ").concat(classes.legendItemLabel)
     }, label));
   };
   const referencesToShow = getReferencesToShow(flatData);
@@ -111,18 +111,18 @@ const Legend = _ref => {
   return /*#__PURE__*/_react.default.createElement("div", {
     style: style
   }, title && /*#__PURE__*/_react.default.createElement(_.UTLabel, {
-    className: `${_stylesModule.default.title} ${classes.title}`
+    className: "".concat(_stylesModule.default.title, " ").concat(classes.title)
   }, title), withButton && /*#__PURE__*/_react.default.createElement(_.UTButton, _extends({
     classNames: {
       icon: classes.showLegendIcon,
-      root: `${_stylesModule.default.button} ${classes.showLegendButton}`,
+      root: "".concat(_stylesModule.default.button, " ").concat(classes.showLegendButton),
       text: classes.showLegendLabel
     },
     disabled: !hasReferences,
     Icon: _InfoOutlined.default,
     onClick: () => setShowLegend(true)
   }, buttonProps), showReferencesLabel), /*#__PURE__*/_react.default.createElement(Wrapper, wrapperProps, referencesToShow.map(row => /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default[`row${displayAs}`]
+    className: _stylesModule.default["row".concat(displayAs)]
   }, row.map(item => referenceRenderer(item))))));
 };
 Legend.propTypes = {

package/dist/components/UTBarChart/components/Pagination/index.js

@@ -14,6 +14,7 @@ var _constants = require("./constants");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Pagination = _ref => {
+  var _anchor$current, _anchor$current$getBo;
   let {
     anchor,
     classes,
@@ -27,7 +28,7 @@ const Pagination = _ref => {
   const {
     y = 0,
     height = 0
-  } = anchor.current?.getBoundingClientRect?.() || {};
+  } = ((_anchor$current = anchor.current) === null || _anchor$current === void 0 || (_anchor$current$getBo = _anchor$current.getBoundingClientRect) === null || _anchor$current$getBo === void 0 ? void 0 : _anchor$current$getBo.call(_anchor$current)) || {};
   const top = y - parentYPosition + height / 2 - _constants.BUTTONS_SIZE / 2 || 0;
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {

package/dist/components/UTBarChart/components/XAxis/components/AxisElement/index.js

@@ -10,6 +10,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); }
 const AxisElement = _ref => {
+  var _textRef$getBoundingC, _textRef$getBoundingC2, _textRef$getBoundingC3;
   let {
     x,
     graphYStart,
@@ -36,10 +37,10 @@ const AxisElement = _ref => {
     cx: x,
     cy: y + yOffset + (circle.yOffset || 0)
   }, circle)), selected && /*#__PURE__*/_react.default.createElement("rect", {
-    x: x - textRef?.getBoundingClientRect()?.width / 2 - labelBackgroundPadding,
+    x: x - (textRef === null || textRef === void 0 || (_textRef$getBoundingC = textRef.getBoundingClientRect()) === null || _textRef$getBoundingC === void 0 ? void 0 : _textRef$getBoundingC.width) / 2 - labelBackgroundPadding,
     y: y,
-    width: textRef?.getBoundingClientRect()?.width + labelBackgroundPadding * 2,
-    height: textRef?.getBoundingClientRect()?.height + labelBackgroundPadding,
+    width: (textRef === null || textRef === void 0 || (_textRef$getBoundingC2 = textRef.getBoundingClientRect()) === null || _textRef$getBoundingC2 === void 0 ? void 0 : _textRef$getBoundingC2.width) + labelBackgroundPadding * 2,
+    height: (textRef === null || textRef === void 0 || (_textRef$getBoundingC3 = textRef.getBoundingClientRect()) === null || _textRef$getBoundingC3 === void 0 ? void 0 : _textRef$getBoundingC3.height) + labelBackgroundPadding,
     fill: selectedLabelBackground,
     rx: "14"
   }), /*#__PURE__*/_react.default.createElement("text", _extends({

package/dist/components/UTBarChart/components/XAxis/index.js

@@ -34,7 +34,7 @@ const XAxis = _ref => {
     currentLabel
   } = _ref;
   const xOffset = barWidth / 2;
-  const decorations = (0, _react.useMemo)(() => decoratorRenderer?.({
+  const decorations = (0, _react.useMemo)(() => decoratorRenderer === null || decoratorRenderer === void 0 ? void 0 : decoratorRenderer({
     data,
     currentPage,
     pagination
@@ -69,7 +69,7 @@ const XAxis = _ref => {
     } = _ref2;
     const selected = index === currentLabel;
     return /*#__PURE__*/_react.default.createElement(_AxisElement.default, {
-      className: `${classes.xAxisMainLabel} ${selected && classes.xAxisSelectedLabel}`,
+      className: "".concat(classes.xAxisMainLabel, " ").concat(selected && classes.xAxisSelectedLabel),
       barWidth: barWidth,
       mainLabel: mainLabel,
       mainLabelStyles: mainLabelStyles,

package/dist/components/UTBarChart/components/YAxis/index.js

@@ -15,6 +15,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 YAxis = _ref => {
+  var _labelRef$current, _labelRef$current$get;
   let {
     classes,
     graphYEnd,
@@ -32,7 +33,7 @@ const YAxis = _ref => {
     linearData
   } = _ref;
   const labelRef = (0, _react.useRef)();
-  const height = labelRef.current?.getBoundingClientRect?.().height || 0;
+  const height = ((_labelRef$current = labelRef.current) === null || _labelRef$current === void 0 || (_labelRef$current$get = _labelRef$current.getBoundingClientRect) === null || _labelRef$current$get === void 0 ? void 0 : _labelRef$current$get.call(_labelRef$current).height) || 0;
   const axis = (0, _react.useMemo)(() => new Array(yAxisTicks).fill(0).map((_, index) => index), [yAxisTicks]);
   const linearDataUnitXPosition = graphXEnd - graphXEnd * 0.04;
   const unitYPosition = unitSubtitle ? (graphYEnd - _constants.UNIT_PADDING) / 2 : graphYEnd - _constants.UNIT_PADDING;

package/dist/components/UTBarChart/hooks/use-dynamic-margins.js

@@ -21,10 +21,11 @@ const useDynamicMargins = (center, options) => {
   const marginBottomRef = (0, _react.useRef)();
   const marginTopRef = (0, _react.useRef)();
   (0, _react.useEffect)(() => {
-    setMarginLeft(Math.ceil(lateralMargin || marginLeftRef.current?.getBoundingClientRect().width) || LATERAL_DEFAULT_MARGIN);
-    setMarginRight(Math.ceil(lateralMargin || marginRightRef.current?.getBoundingClientRect().width) || LATERAL_DEFAULT_MARGIN);
-    setMarginBottom(Math.ceil(verticalMargin || marginBottomRef.current?.getBoundingClientRect().height) || VERTICAL_DEFAULT_MARGIN);
-    setMarginTop(Math.ceil(verticalMargin || marginTopRef.current?.getBoundingClientRect().height) || VERTICAL_DEFAULT_MARGIN);
+    var _marginLeftRef$curren, _marginRightRef$curre, _marginBottomRef$curr, _marginTopRef$current;
+    setMarginLeft(Math.ceil(lateralMargin || ((_marginLeftRef$curren = marginLeftRef.current) === null || _marginLeftRef$curren === void 0 ? void 0 : _marginLeftRef$curren.getBoundingClientRect().width)) || LATERAL_DEFAULT_MARGIN);
+    setMarginRight(Math.ceil(lateralMargin || ((_marginRightRef$curre = marginRightRef.current) === null || _marginRightRef$curre === void 0 ? void 0 : _marginRightRef$curre.getBoundingClientRect().width)) || LATERAL_DEFAULT_MARGIN);
+    setMarginBottom(Math.ceil(verticalMargin || ((_marginBottomRef$curr = marginBottomRef.current) === null || _marginBottomRef$curr === void 0 ? void 0 : _marginBottomRef$curr.getBoundingClientRect().height)) || VERTICAL_DEFAULT_MARGIN);
+    setMarginTop(Math.ceil(verticalMargin || ((_marginTopRef$current = marginTopRef.current) === null || _marginTopRef$current === void 0 ? void 0 : _marginTopRef$current.getBoundingClientRect().height)) || VERTICAL_DEFAULT_MARGIN);
   }, [marginLeftRef.current, marginRightRef.current, marginBottomRef.current, marginTopRef.current]);
   return {
     marginLeftRef,

package/dist/components/UTBarChart/index.js

@@ -90,8 +90,8 @@ const UTBarChart = _ref => {
   const paginationRef = (0, _react.useRef)();
   const groups = barData.length;
   const totalPages = (0, _react.useMemo)(() => (0, _utils.getPages)(barData[0], pagination), [barData, pagination]);
-  const formattedData = (0, _react.useMemo)(() => pagination ? barData?.map(data => (0, _utils.getFormattedData)(data, pagination, currentPage)) : barData, [pagination, barData, currentPage]);
-  const formattedLinearData = (0, _react.useMemo)(() => linearData?.map(_ref2 => {
+  const formattedData = (0, _react.useMemo)(() => pagination ? barData === null || barData === void 0 ? void 0 : barData.map(data => (0, _utils.getFormattedData)(data, pagination, currentPage)) : barData, [pagination, barData, currentPage]);
+  const formattedLinearData = (0, _react.useMemo)(() => linearData === null || linearData === void 0 ? void 0 : linearData.map(_ref2 => {
     let {
       data,
       ...config
@@ -164,7 +164,7 @@ const UTBarChart = _ref => {
   }), /*#__PURE__*/_react.default.createElement("svg", {
     height: TOTAL_HEIGHT,
     width: TOTAL_WIDTH
-  }, gradientGenerator?.(), showGrid && /*#__PURE__*/_react.default.createElement(_Levels.default, {
+  }, gradientGenerator === null || gradientGenerator === void 0 ? void 0 : gradientGenerator(), showGrid && /*#__PURE__*/_react.default.createElement(_Levels.default, {
     classes: classes,
     graphXEnd: GRAPH_X_END,
     graphXStart: GRAPH_X_START,