@widergy/energy-ui 3.22.2 → 3.22.4

package/dist/components/UTBarChart/theme.js

@@ -7,6 +7,7 @@ exports.retrieveStyle = void 0;
 var _seamlessImmutable = require("seamless-immutable");
 var _classesUtils = require("../../utils/classesUtils");
 const retrieveStyle = _ref => {
+  var _theme$UTBarChart, _theme$UTBarChart2, _theme$UTBarChart3, _theme$UTBarChart4, _theme$UTBarChart5, _theme$UTBarChart6;
   let {
     theme
   } = _ref;
@@ -35,8 +36,8 @@ const retrieveStyle = _ref => {
       userSelect: 'none'
     },
     showLegendButton: {
-      backgroundColor: (0, _classesUtils.withImportant)(theme?.UTBarChart?.showLegendButton?.backgroundColor),
-      padding: (0, _classesUtils.withImportant)(theme?.UTBarChart?.showLegendButton?.padding),
+      backgroundColor: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTBarChart = theme.UTBarChart) === null || _theme$UTBarChart === void 0 || (_theme$UTBarChart = _theme$UTBarChart.showLegendButton) === null || _theme$UTBarChart === void 0 ? void 0 : _theme$UTBarChart.backgroundColor),
+      padding: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTBarChart2 = theme.UTBarChart) === null || _theme$UTBarChart2 === void 0 || (_theme$UTBarChart2 = _theme$UTBarChart2.showLegendButton) === null || _theme$UTBarChart2 === void 0 ? void 0 : _theme$UTBarChart2.padding),
       borderRadius: '0 !important'
     },
     showLegendIcon: {
@@ -44,10 +45,10 @@ const retrieveStyle = _ref => {
       marginRight: (0, _seamlessImmutable.getIn)(theme, ['UTBarChart', 'showLegendIcon', 'marginRight'], 10)
     },
     showLegendLabel: {
-      color: (0, _classesUtils.withImportant)(theme?.UTBarChart?.showLegendLabel?.color),
-      fontFamily: theme?.UTBarChart?.Fonts?.fontFamily,
-      fontSize: (0, _classesUtils.withImportant)(theme?.UTBarChart?.showLegendLabel?.fontSize),
-      fontWeight: (0, _classesUtils.withImportant)(theme?.UTBarChart?.showLegendLabel?.fontWeight),
+      color: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTBarChart3 = theme.UTBarChart) === null || _theme$UTBarChart3 === void 0 || (_theme$UTBarChart3 = _theme$UTBarChart3.showLegendLabel) === null || _theme$UTBarChart3 === void 0 ? void 0 : _theme$UTBarChart3.color),
+      fontFamily: theme === null || theme === void 0 || (_theme$UTBarChart4 = theme.UTBarChart) === null || _theme$UTBarChart4 === void 0 || (_theme$UTBarChart4 = _theme$UTBarChart4.Fonts) === null || _theme$UTBarChart4 === void 0 ? void 0 : _theme$UTBarChart4.fontFamily,
+      fontSize: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTBarChart5 = theme.UTBarChart) === null || _theme$UTBarChart5 === void 0 || (_theme$UTBarChart5 = _theme$UTBarChart5.showLegendLabel) === null || _theme$UTBarChart5 === void 0 ? void 0 : _theme$UTBarChart5.fontSize),
+      fontWeight: (0, _classesUtils.withImportant)(theme === null || theme === void 0 || (_theme$UTBarChart6 = theme.UTBarChart) === null || _theme$UTBarChart6 === void 0 || (_theme$UTBarChart6 = _theme$UTBarChart6.showLegendLabel) === null || _theme$UTBarChart6 === void 0 ? void 0 : _theme$UTBarChart6.fontWeight),
       userSelect: 'none'
     },
     paginationButton: {

package/dist/components/UTBarChart/utils.js

@@ -78,27 +78,33 @@ const getGraphAttributes = (containerWidth, containerHeight, marginLeft, marginR
   };
 };
 exports.getGraphAttributes = getGraphAttributes;
-const flattenBarData = data => data && Array.isArray(data[0][0]?.values) ? data.flat().map(_ref4 => {
-  let {
-    values
-  } = _ref4;
-  return values;
-}).flat() : data.flat();
-const flattenAndReduceBarData = data => data && (Array.isArray(data[0][0]?.values) ? data.flat().map(_ref5 => {
-  let {
-    values
-  } = _ref5;
-  return {
-    value: values.reduce((acc, _ref6) => {
-      let {
-        value
-      } = _ref6;
-      return acc + value;
-    }, 0)
-  };
-}) : data.flat());
+const flattenBarData = data => {
+  var _data$0$;
+  return data && Array.isArray((_data$0$ = data[0][0]) === null || _data$0$ === void 0 ? void 0 : _data$0$.values) ? data.flat().map(_ref4 => {
+    let {
+      values
+    } = _ref4;
+    return values;
+  }).flat() : data.flat();
+};
+const flattenAndReduceBarData = data => {
+  var _data$0$2;
+  return data && (Array.isArray((_data$0$2 = data[0][0]) === null || _data$0$2 === void 0 ? void 0 : _data$0$2.values) ? data.flat().map(_ref5 => {
+    let {
+      values
+    } = _ref5;
+    return {
+      value: values.reduce((acc, _ref6) => {
+        let {
+          value
+        } = _ref6;
+        return acc + value;
+      }, 0)
+    };
+  }) : data.flat());
+};
 exports.flattenAndReduceBarData = flattenAndReduceBarData;
-const flattenLinearData = linearData => linearData?.map(_ref7 => {
+const flattenLinearData = linearData => linearData === null || linearData === void 0 ? void 0 : linearData.map(_ref7 => {
   let {
     data
   } = _ref7;

package/dist/components/UTBreadcrumbs/index.js

@@ -145,8 +145,8 @@ const UTBreadcrumbs = _ref => {
     const overflowControl = index === 0 && firstItemOverflow;
     const colorThemesDefinition = buttonColorTheme ? _constants.COMPONENTS_THEME_PROPS[_constants.COLOR_THEMES_MAPPER[buttonColorTheme]] : _constants.COMPONENTS_THEME_PROPS[colorTheme];
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: `${_stylesModule.default.section} ${overflowControl && _stylesModule.default.firstItem}`,
-      key: `${route}-${label}`
+      className: "".concat(_stylesModule.default.section, " ").concat(overflowControl && _stylesModule.default.firstItem),
+      key: "".concat(route, "-").concat(label)
     }, !route && !menuItems || disableMenu ? /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
       className: _stylesModule.default.label,
       variant: "small",
@@ -160,7 +160,7 @@ const UTBreadcrumbs = _ref => {
       onClick: handleClick,
       size: "small",
       variant: "text"
-    }, colorThemesDefinition.button), `${label}`), !isLast && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
+    }, colorThemesDefinition.button), "".concat(label)), !isLast && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
       className: classes.separator,
       variant: "small",
       weight: "medium"

package/dist/components/UTBreadcrumbs/theme.js

@@ -6,12 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.retrieveStyle = void 0;
 var _classesUtils = require("../../utils/classesUtils");
 const retrieveStyle = _ref => {
+  var _theme$UTBreadcrumbs;
   let {
     theme
   } = _ref;
   return {
     separator: {
-      margin: (0, _classesUtils.withImportant)(theme?.UTBreadcrumbs?.separator?.margin || '0 12px')
+      margin: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTBreadcrumbs = theme.UTBreadcrumbs) === null || _theme$UTBreadcrumbs === void 0 || (_theme$UTBreadcrumbs = _theme$UTBreadcrumbs.separator) === null || _theme$UTBreadcrumbs === void 0 ? void 0 : _theme$UTBreadcrumbs.margin) || '0 12px')
     }
   };
 };

package/dist/components/UTButton/index.js

@@ -62,26 +62,22 @@ const UTButton = _ref => {
   const counterColorTheme = (0, _utils.getCounterColorTheme)(colorTheme, variant);
   const labelProps = (0, _utils.getLabelProps)(colorTheme, variant, size);
   const RenderedChildren = /*#__PURE__*/_react.default.createElement("div", {
-    className: `${childrenContainer} ${_stylesModule.default.childrenContainer}`
+    className: "".concat(childrenContainer, " ").concat(_stylesModule.default.childrenContainer)
   }, count && /*#__PURE__*/_react.default.createElement(_UTBadge.default, {
     colorTheme: counterColorTheme
   }, count), iconPlacement === _constants.ICON_PLACEMENTS.left && IconToShow, children !== null && children !== undefined && children !== false && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({}, labelProps, {
-    className: `${_stylesModule.default.textContainer} ${classes.text}`
+    className: "".concat(_stylesModule.default.textContainer, " ").concat(classes.text)
   }), children), iconPlacement !== _constants.ICON_PLACEMENTS.left && IconToShow);
   return /*#__PURE__*/_react.default.createElement(_Button.default, {
     classes: materialButtonClasses,
-    className: `
-        ${_stylesModule.default[`padding${(0, _componentUtils.capitalize)(size)}`]}
-        ${hideTextOnResponsive && _stylesModule.default.hideTextOnResponsive}
-        ${!hideTextOnResponsive && !children && _stylesModule.default.noChildren}
-      `,
+    className: "\n        ".concat(_stylesModule.default["padding".concat((0, _componentUtils.capitalize)(size))], "\n        ").concat(hideTextOnResponsive && _stylesModule.default.hideTextOnResponsive, "\n        ").concat(!hideTextOnResponsive && !children && _stylesModule.default.noChildren, "\n      "),
     "data-testid": dataTestId,
     disabled: disabled || loading,
     onClick: onClick,
     type: type
   }, RenderedChildren, loading && /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
     size: 24,
-    className: `${_stylesModule.default.loading} ${circularProgress}`
+    className: "".concat(_stylesModule.default.loading, " ").concat(circularProgress)
   }));
 };
 UTButton.defaultProps = _constants.DEFAULT_PROPS;

package/dist/components/UTButton/theme.js

@@ -8,10 +8,11 @@ var _classesUtils = require("../../utils/classesUtils");
 var _shadowUtils = require("../../utils/shadowUtils");
 var _constants = require("./constants");
 const variantsColorTheme = (theme, colorTheme, variant) => {
+  var _theme$Palette$shadow;
   const actionColorName = _constants.COLORS_MAPPER[colorTheme] || _constants.COLORS_MAPPER[_constants.DEFAULT_PROPS.colorTheme];
   const actionPaletteColors = theme.Palette.actions || theme.Palette;
   const actionTheme = actionPaletteColors[actionColorName];
-  const shadowTheme = theme.Palette.shadows?.[_constants.SHADOW_MAPPER[actionColorName]] || 'transparent';
+  const shadowTheme = ((_theme$Palette$shadow = theme.Palette.shadows) === null || _theme$Palette$shadow === void 0 ? void 0 : _theme$Palette$shadow[_constants.SHADOW_MAPPER[actionColorName]]) || 'transparent';
   const negativeTheme = actionPaletteColors[_constants.COLORS_MAPPER.negative];
   const neutralTheme = actionPaletteColors[_constants.COLORS_MAPPER.secondary];
   const definition = {
@@ -48,7 +49,7 @@ const variantsColorTheme = (theme, colorTheme, variant) => {
       }
     },
     [_constants.VARIANTS_NAMES.outlined]: {
-      border: `1px solid ${actionTheme['05']}`,
+      border: "1px solid ".concat(actionTheme['05']),
       fill: actionTheme['05'],
       '&:hover': {
         backgroundColor: actionTheme['01'],
@@ -104,18 +105,21 @@ const variantsColorTheme = (theme, colorTheme, variant) => {
   };
 };
 exports.variantsColorTheme = variantsColorTheme;
-const baseButtonTheme = theme => ({
-  root: {
-    borderRadius: 4,
-    boxShadow: 'none',
-    minWidth: 'auto',
-    textTransform: 'none',
-    transition: 'background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms'
-  },
-  circularProgress: {
-    color: theme.UTButton?.circularProgress?.color || '484848'
-  }
-});
+const baseButtonTheme = theme => {
+  var _theme$UTButton;
+  return {
+    root: {
+      borderRadius: 4,
+      boxShadow: 'none',
+      minWidth: 'auto',
+      textTransform: 'none',
+      transition: 'background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms'
+    },
+    circularProgress: {
+      color: ((_theme$UTButton = theme.UTButton) === null || _theme$UTButton === void 0 || (_theme$UTButton = _theme$UTButton.circularProgress) === null || _theme$UTButton === void 0 ? void 0 : _theme$UTButton.color) || '484848'
+    }
+  };
+};
 const retrieveStyle = _ref => {
   let {
     colorTheme,

package/dist/components/UTButton/utils.js

@@ -23,12 +23,7 @@ const getIconProps = _ref => {
   } = _ref;
   return Icon ? {
     IconComponent: (0, _componentUtils.isUTIcon)(Icon) ? _UTIcon.default : Icon,
-    className: `
-          ${_stylesModule.default.baseIcon}
-          ${className}
-          ${hasContent ? _stylesModule.default.icon : _stylesModule.default[`iconOnly${(0, _componentUtils.capitalize)(size)}`]}
-          ${hideTextOnResponsive ? _stylesModule.default[`adaptableIcon${(0, _componentUtils.capitalize)(size)}`] : ''}
-        `,
+    className: "\n          ".concat(_stylesModule.default.baseIcon, "\n          ").concat(className, "\n          ").concat(hasContent ? _stylesModule.default.icon : _stylesModule.default["iconOnly".concat((0, _componentUtils.capitalize)(size))], "\n          ").concat(hideTextOnResponsive ? _stylesModule.default["adaptableIcon".concat((0, _componentUtils.capitalize)(size))] : '', "\n        "),
     ...((0, _componentUtils.isUTIcon)(Icon) ? {
       colorTheme: getButtonElementColorTheme(buttonColorTheme, buttonVariant),
       name: Icon

package/dist/components/UTButtonGroup/index.js

@@ -22,7 +22,7 @@ const UTButtonGroup = _ref => {
   } = _ref;
   const backgroundColor = (0, _constants.BACKGROUND_COLOR_MAPPER)(theme)[colorTheme] || (0, _constants.BACKGROUND_COLOR_MAPPER)(theme).primary;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default[`${type}Container`]} ${backgroundColor}`
+    className: "".concat(_stylesModule.default["".concat(type, "Container")], " ").concat(backgroundColor)
   }, actions.map(_ref2 => {
     let {
       Icon,

package/dist/components/UTButtonGroup/theme.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.retrieveStyle = void 0;
 const retrieveStyle = _ref => {
+  var _theme$Palette$action;
   let {
     theme
   } = _ref;
@@ -13,7 +14,7 @@ const retrieveStyle = _ref => {
       backgroundColor: theme.Palette.light['03']
     },
     negativeBackground: {
-      backgroundColor: theme.Palette.actions?.negative['02'] || theme.Palette.negative['02']
+      backgroundColor: ((_theme$Palette$action = theme.Palette.actions) === null || _theme$Palette$action === void 0 ? void 0 : _theme$Palette$action.negative['02']) || theme.Palette.negative['02']
     }
   };
 };

package/dist/components/UTCard/components/UTCardFooter/index.js

@@ -19,11 +19,11 @@ const UTCardFooter = _ref => {
   } = _ref;
   const Button = customButton || _UTButton.default;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.base} ${footerClassName}`
+    className: "".concat(_stylesModule.default.base, " ").concat(footerClassName)
   }, footer.map(button => /*#__PURE__*/_react.default.createElement(Button, _extends({
     key: button.name,
     classNames: {
-      root: `${_stylesModule.default.button} ${button.className}`,
+      root: "".concat(_stylesModule.default.button, " ").concat(button.className),
       icon: button.iconClassName
     }
   }, button), button.name)));

package/dist/components/UTCard/index.js

@@ -81,16 +81,16 @@ class UTCard extends _react.PureComponent {
       footerClassName: classes.footer
     });
     return !isCollapsible ? /*#__PURE__*/_react.default.createElement("div", {
-      className: `${classes.base} ${flat && classes.flat} ${!horizontal && _stylesModule.default.column} ${classes.base}`,
+      className: "".concat(classes.base, " ").concat(flat && classes.flat, " ").concat(!horizontal && _stylesModule.default.column, " ").concat(classes.base),
       style: style
     }, header && /*#__PURE__*/_react.default.createElement("div", {
       className: _stylesModule.default.headerContent
     }, header), children, CustomFooter ? /*#__PURE__*/_react.default.createElement(CustomFooter, null) : Footer) : /*#__PURE__*/_react.default.createElement("div", {
-      className: `${classes.base} ${flat && classes.flat} ${_stylesModule.default.column}`,
+      className: "".concat(classes.base, " ").concat(flat && classes.flat, " ").concat(_stylesModule.default.column),
       style: style
     }, /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
       onClick: this.handleOnPress,
-      className: `${_stylesModule.default.header} ${classes.header}`
+      className: "".concat(_stylesModule.default.header, " ").concat(classes.header)
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: _stylesModule.default.headerContent
     }, header), /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
@@ -106,7 +106,7 @@ class UTCard extends _react.PureComponent {
       ref: ref => this.setState({
         childrenRef: ref
       }),
-      className: `${_stylesModule.default.children} ${expanded && _stylesModule.default.active} ${classes.expandableContent}`,
+      className: "".concat(_stylesModule.default.children, " ").concat(expanded && _stylesModule.default.active, " ").concat(classes.expandableContent),
       style: {
         height: expanded && childrenHeight !== null ? childrenHeight : '0px'
       }

package/dist/components/UTCard/theme.js

@@ -17,7 +17,7 @@ const retrieveStyle = _ref => {
       border: (0, _seamlessImmutable.getIn)(theme, ['UTCard', 'base', 'border'], 0),
       borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTCard', 'base', 'borderRadius'], '4px'),
       backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTCard', 'base', 'backgroundColor'], _colorsModule.default.cardBackground),
-      boxShadow: (0, _seamlessImmutable.getIn)(theme, ['UTCard', 'base', 'boxShadow'], `1px 1px 3px 0 ${_colorsModule.default.cardShadow1}, -0.5px -0.5px 2px 0 ${_colorsModule.default.cardShadow2}`),
+      boxShadow: (0, _seamlessImmutable.getIn)(theme, ['UTCard', 'base', 'boxShadow'], "1px 1px 3px 0 ".concat(_colorsModule.default.cardShadow1, ", -0.5px -0.5px 2px 0 ").concat(_colorsModule.default.cardShadow2)),
       boxSizing: 'border-box',
       display: 'flex',
       overflow: 'hidden',

package/dist/components/UTCarousel/components/Button/index.js

@@ -27,10 +27,10 @@ const Button = _ref => {
     callback && callback();
   };
   return ArrowCustom ? /*#__PURE__*/_react.default.createElement(ArrowCustom, {
-    className: `${classes.arrowStyle} ${className}`,
+    className: "".concat(classes.arrowStyle, " ").concat(className),
     onClick: handleOnPress
   }) : /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-    className: `${classes.arrowStyle} ${className}`,
+    className: "".concat(classes.arrowStyle, " ").concat(className),
     onClick: handleOnPress
   }, left ? /*#__PURE__*/_react.default.createElement(_KeyboardArrowLeft.default, null) : /*#__PURE__*/_react.default.createElement(_KeyboardArrowRight.default, null));
 };

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

@@ -26,7 +26,7 @@ const LegendContainer = _ref => {
     className: classes.legendStyleTouchable,
     onClick: handleOnClick
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `${classes.legendStyleContainer} ${isActive && classes.legendStyleIsActive}`
+    className: "".concat(classes.legendStyleContainer, " ").concat(isActive && classes.legendStyleIsActive)
   }));
 };
 LegendContainer.propTypes = {

package/dist/components/UTCarousel/components/Slider/component/Slide/index.js

@@ -25,19 +25,19 @@ const Slide = _ref => {
   } = _ref;
   const slide = currentSlide === position ? border / 2 : currentSlide === position - 1 ? -border / 4 : currentSlide === position + 1 && border + border / 4;
   return /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
-    className: `${_stylesModule.default.imageContainer}`,
+    className: "".concat(_stylesModule.default.imageContainer),
     style: {
       left: position * (slide ? widthContainer + slide : widthContainer),
-      width: `${border ? widthContainer - border : widthContainer}px`,
-      transition: `${shouldAnimate ? `left ${animationTime}s linear 0s` : 'none'}`
+      width: "".concat(border ? widthContainer - border : widthContainer, "px"),
+      transition: "".concat(shouldAnimate ? "left ".concat(animationTime, "s linear 0s") : 'none')
     },
     draggable: "false",
     onClick: onClick
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      backgroundImage: `url(${imgSrc})`
+      backgroundImage: "url(".concat(imgSrc, ")")
     },
-    className: `${_stylesModule.default.image} ${classes?.image}`,
+    className: "".concat(_stylesModule.default.image, " ").concat(classes === null || classes === void 0 ? void 0 : classes.image),
     draggable: "false"
   }));
 };

package/dist/components/UTCarousel/components/Slider/index.js

@@ -118,10 +118,10 @@ class SliderContainer extends _react.PureComponent {
       const lastSlide = this.props.slides[this.props.slides.length - 1];
       const arr = [{
         ...lastSlide,
-        id: `lastSlide-${lastSlide.id || lastSlide.imgSrc}`
+        id: "lastSlide-".concat(lastSlide.id || lastSlide.imgSrc)
       }, ...this.props.slides, {
         ...firstSlide,
-        id: `firstSlide-${firstSlide.id || firstSlide.imgSrc}`
+        id: "firstSlide-".concat(firstSlide.id || firstSlide.imgSrc)
       }];
       this.setState({
         slideArray: arr
@@ -147,10 +147,10 @@ class SliderContainer extends _react.PureComponent {
     const lastSlide = this.props.slides[this.props.slides.length - 1];
     const arr = [{
       ...lastSlide,
-      id: `lastSlide-${lastSlide.id || lastSlide.imgSrc}`
+      id: "lastSlide-".concat(lastSlide.id || lastSlide.imgSrc)
     }, ...this.props.slides, {
       ...firstSlide,
-      id: `firstSlide-${firstSlide.id || firstSlide.imgSrc}`
+      id: "firstSlide-".concat(firstSlide.id || firstSlide.imgSrc)
     }];
     this.setState({
       slideArray: arr
@@ -167,7 +167,8 @@ class SliderContainer extends _react.PureComponent {
     }
   }
   componentWillUnmount() {
-    if (this.containerRef?.current) {
+    var _this$containerRef;
+    if ((_this$containerRef = this.containerRef) !== null && _this$containerRef !== void 0 && _this$containerRef.current) {
       this.containerRef.current.removeEventListener('touchstart', this.handleTouchDown);
       this.containerRef.current.removeEventListener('mousedown', this.handleMouseDown);
       this.containerRef.current.removeEventListener('mousemove', this.handleMouseMove);
@@ -220,9 +221,9 @@ class SliderContainer extends _react.PureComponent {
     const baseSlidePosition = (index - 1) * -containerWidth;
     const transitionSlide = !this.props.enableMove ? baseSlidePosition - this.state.finishPosition : baseSlidePosition;
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: `${_stylesModule.default.generalContainer} ${className}`,
+      className: "".concat(_stylesModule.default.generalContainer, " ").concat(className),
       style: {
-        pointerEvents: `${this.state.disable || !activeEvents ? 'none' : 'all'}`,
+        pointerEvents: "".concat(this.state.disable || !activeEvents ? 'none' : 'all'),
         height
       },
       draggable: "false"
@@ -263,7 +264,7 @@ class SliderContainer extends _react.PureComponent {
       currentSlide: index === slideArray.length - 1 ? 0 : index === 0 ? 1 : index - 1,
       onClick: this.handleLegend,
       classes: classes,
-      key: `legend-out-${slide.id || slide.imgSrc}`
+      key: "legend-out-".concat(slide.id || slide.imgSrc)
     })))), arrow && arrow.position === _constants.OUTSIDE && /*#__PURE__*/_react.default.createElement("div", {
       className: _stylesModule.default.arrowContainer
     }, /*#__PURE__*/_react.default.createElement(_Button.default, {

package/dist/components/UTCarousel/components/Slider/layout.js

@@ -42,11 +42,11 @@ class Slider extends _react.PureComponent {
       classes: classes
     }), /*#__PURE__*/_react.default.createElement("div", {
       style: {
-        transform: `translate3d(${transitionSlide}px, 0px, 0px)`,
-        width: `${containerWidth * slideArray.length}px`,
-        transition: `${shouldAnimate ? `transform ${animationTime}s linear 0s` : 'none'}`
+        transform: "translate3d(".concat(transitionSlide, "px, 0px, 0px)"),
+        width: "".concat(containerWidth * slideArray.length, "px"),
+        transition: "".concat(shouldAnimate ? "transform ".concat(animationTime, "s linear 0s") : 'none')
       },
-      className: `${_stylesModule.default.slideContainer}`,
+      className: "".concat(_stylesModule.default.slideContainer),
       draggable: "false"
     }, slideArray.map((slide, _index) => /*#__PURE__*/_react.default.createElement(_Slide.default, {
       animationTime: animationTime,
@@ -54,7 +54,7 @@ class Slider extends _react.PureComponent {
       classes: classes,
       currentSlide: index - 1,
       imgSrc: slide.imgSrc,
-      key: `slide-${slide.id || slide.imgSrc}`,
+      key: "slide-".concat(slide.id || slide.imgSrc),
       onClick: slide.onClick,
       position: _index - 1,
       shouldAnimate: shouldAnimate,
@@ -64,7 +64,7 @@ class Slider extends _react.PureComponent {
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: _stylesModule.default.legend
     }, slides.map((slide, itemIndex) => /*#__PURE__*/_react.default.createElement(_Legend.default, {
-      key: `legend-in-${slide.id || slide.imgSrc}`,
+      key: "legend-in-".concat(slide.id || slide.imgSrc),
       classes: classes,
       currentSlide: index === slideArray.length - 1 ? 0 : index === 0 ? 1 : index - 1,
       index: itemIndex,

package/dist/components/UTCheckList/index.js

@@ -22,6 +22,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 UTCheckList = _ref => {
+  var _field$configuration;
   let {
     additionalInfo,
     allChecked,
@@ -49,7 +50,7 @@ const UTCheckList = _ref => {
     withCheckRow,
     withUpperTitle
   } = _ref;
-  const shouldShowUpperTitle = field?.configuration?.ignore_title && withUpperTitle;
+  const shouldShowUpperTitle = (field === null || field === void 0 || (_field$configuration = field.configuration) === null || _field$configuration === void 0 ? void 0 : _field$configuration.ignore_title) && withUpperTitle;
   const handleChange = id => {
     const newValues = input.value.indexOf(id) === -1 ? [...input.value, id] : input.value.filter(elem => elem !== id);
     input.onChange((0, _array.isEmpty)(newValues) ? null : newValues);
@@ -76,7 +77,7 @@ const UTCheckList = _ref => {
     }, item[keyValue]));
   };
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.container} ${className}`
+    className: "".concat(_stylesModule.default.container, " ").concat(className)
   }, shouldShowUpperTitle && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
     className: classes.title
   }, titleProps, {
@@ -102,12 +103,9 @@ const UTCheckList = _ref => {
     CustomCheckedIcon: CustomCheckedIcon,
     CustomUncheckedIcon: CustomUncheckedIcon
   })), /*#__PURE__*/_react.default.createElement(_FormGroup.default, {
-    className: `${_stylesModule.default.rows} ${classes.rowContainerClassName}`
+    className: "".concat(_stylesModule.default.rows, " ").concat(classes.rowContainerClassName)
   }, list.map(item => /*#__PURE__*/_react.default.createElement("div", {
-    className: `
-              ${_stylesModule.default.row}
-              ${withCheckRow && classes.checkRowContainer}
-              ${!(0, _array.isEmpty)(input.value) && !!input.value.find(val => val === item[valueKey]) && classes.customRowRootChecked} `,
+    className: "\n              ".concat(_stylesModule.default.row, "\n              ").concat(withCheckRow && classes.checkRowContainer, "\n              ").concat(!(0, _array.isEmpty)(input.value) && !!input.value.find(val => val === item[valueKey]) && classes.customRowRootChecked, " "),
     key: item[valueKey]
   }, withCheckRow && label([valueKey, labelKey], item), /*#__PURE__*/_react.default.createElement(_UTCheckbox.default, {
     disabled: disabled || item.disabled,

package/dist/components/UTCheckList/theme.js

@@ -44,6 +44,7 @@ const retrieveMuiTheme = theme => (0, _styles.createTheme)({
 });
 exports.retrieveMuiTheme = retrieveMuiTheme;
 const retrieveStyle = _ref => {
+  var _theme$UTCheckList, _theme$UTCheckList2;
   let {
     theme
   } = _ref;
@@ -68,7 +69,7 @@ const retrieveStyle = _ref => {
     },
     headerItem: {
       marginRight: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customCheckRow', 'headerItem', 'marginRight'], '60px'),
-      fontSize: (0, _classesUtils.withImportant)(theme?.UTCheckList?.customCheckRow?.headerItem?.fontSize || 14)
+      fontSize: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTCheckList = theme.UTCheckList) === null || _theme$UTCheckList === void 0 || (_theme$UTCheckList = _theme$UTCheckList.customCheckRow) === null || _theme$UTCheckList === void 0 || (_theme$UTCheckList = _theme$UTCheckList.headerItem) === null || _theme$UTCheckList === void 0 ? void 0 : _theme$UTCheckList.fontSize) || 14)
     },
     checkRowContainer: {
       alignItems: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customCheckRow', 'container', 'alignItems']),
@@ -83,7 +84,7 @@ const retrieveStyle = _ref => {
     },
     rowItem: {
       display: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customCheckRow', 'rowItem', 'display']),
-      fontSize: (0, _classesUtils.withImportant)(theme?.UTCheckList?.customCheckRow?.rowItem?.fontSize || 12),
+      fontSize: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTCheckList2 = theme.UTCheckList) === null || _theme$UTCheckList2 === void 0 || (_theme$UTCheckList2 = _theme$UTCheckList2.customCheckRow) === null || _theme$UTCheckList2 === void 0 || (_theme$UTCheckList2 = _theme$UTCheckList2.rowItem) === null || _theme$UTCheckList2 === void 0 ? void 0 : _theme$UTCheckList2.fontSize) || 12),
       justifyContent: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customCheckRow', 'rowItem', 'justifyContent']),
       width: (0, _seamlessImmutable.getIn)(theme, ['UTCheckList', 'customCheckRow', 'rowItem', 'width'])
     }

package/dist/components/UTCheckbox/index.js

@@ -62,11 +62,11 @@ const UTCheckbox = _ref => {
   const [checkedRef, setChecked] = (0, _energyHooks.useMutableState)(value);
   const handleChange = event => {
     if (onChange) onChange(value);
-    if (input?.onChange) input.onChange(event.target.checked);
+    if (input !== null && input !== void 0 && input.onChange) input.onChange(event.target.checked);
   };
   (0, _react.useEffect)(() => {
-    setChecked(value || input?.value);
-  }, [input?.value, value]);
+    setChecked(value || (input === null || input === void 0 ? void 0 : input.value));
+  }, [input === null || input === void 0 ? void 0 : input.value, value]);
   const classes = (0, _classesUtils.mergeClasses)(themeClasses, classNames);
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
     disabled: disabled,
@@ -87,7 +87,7 @@ const UTCheckbox = _ref => {
       }),
       checked: checkedRef.current || false,
       onChange: handleChange,
-      value: input?.value || value,
+      value: (input === null || input === void 0 ? void 0 : input.value) || value,
       color: color,
       disableRipple: disableRipple,
       disabled: disabled

package/dist/components/UTConsumptionBar/components/ConsumptionBarIndicator/index.js

@@ -21,17 +21,17 @@ const ConsumptionBarIndicator = _ref => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.indicator,
     style: {
-      left: `${left}%`
+      left: "".concat(left, "%")
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.indicatorMarker} ${classes?.indicatorMarker}`
+    className: "".concat(_stylesModule.default.indicatorMarker, " ").concat(classes === null || classes === void 0 ? void 0 : classes.indicatorMarker)
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.indicatorText} ${classes?.indicatorText}`
+    className: "".concat(_stylesModule.default.indicatorText, " ").concat(classes === null || classes === void 0 ? void 0 : classes.indicatorText)
   }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
     className: _stylesModule.default.alignCenter,
     colorTheme: "information",
     weight: "bold"
-  }, `${Math.round(value)} ${unit}`), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+  }, "".concat(Math.round(value), " ").concat(unit)), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
     className: _stylesModule.default.lightGray,
     colorTheme: "gray",
     weight: "bold"

package/dist/components/UTConsumptionBar/components/ConsumptionBarIndicatorTop/index.js

@@ -19,10 +19,10 @@ const ConsumptionBarIndicatorTop = _ref => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.indicator,
     style: {
-      left: `${left}%`
+      left: "".concat(left, "%")
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.indicatorText} ${classes?.indicatorText}`
+    className: "".concat(_stylesModule.default.indicatorText, " ").concat(classes === null || classes === void 0 ? void 0 : classes.indicatorText)
   }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
     className: _stylesModule.default.alignCenter,
     colorTheme: "information",