@widergy/energy-ui 3.22.3 → 3.22.4

package/dist/components/UTVirtualizedList/components/VirtualizedData/utils.js

@@ -94,7 +94,8 @@ const addVirtualizedElements = (data, virtualizedData, startIndex, endIndex, row
 };
 exports.addVirtualizedElements = addVirtualizedElements;
 const updateLedger = (ledgerRef, setLedgerRef) => (key, height) => {
-  const currentHeight = ledgerRef.current?.[key]?.height;
+  var _ledgerRef$current;
+  const currentHeight = (_ledgerRef$current = ledgerRef.current) === null || _ledgerRef$current === void 0 || (_ledgerRef$current = _ledgerRef$current[key]) === null || _ledgerRef$current === void 0 ? void 0 : _ledgerRef$current.height;
   if (currentHeight !== height) {
     const newLedger = {
       ...ledgerRef.current,
@@ -109,7 +110,7 @@ const updateLedger = (ledgerRef, setLedgerRef) => (key, height) => {
         newLedger[currentKey].height = height;
       }
       if (index) {
-        accumulator += newLedger[`${_constants.KEY}${index - 1}`].height;
+        accumulator += newLedger["".concat(_constants.KEY).concat(index - 1)].height;
       }
       newLedger[currentKey] = {
         ...newLedger[currentKey],

package/dist/components/UTVirtualizedList/index.js

@@ -40,7 +40,7 @@ const UTVirtualizedList = _ref => {
     setReRender(!reRender);
   }, [...reRenderOnChange]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.container} ${className}`,
+    className: "".concat(_stylesModule.default.container, " ").concat(className),
     ref: listViewportRef
   }, /*#__PURE__*/_react.default.createElement(_UTLoading.default, {
     loading: loading

package/dist/components/UTWizard/index.js

@@ -35,7 +35,7 @@ const UTWizard = _ref => {
   const [isOpen, setIsOpen] = (0, _react.useState)(openByDefault);
   const stepEnabled = !!(enabled && title && description);
   return stepEnabled && (isOpen ? /*#__PURE__*/_react.default.createElement("div", {
-    className: `${classes.container} ${_stylesModule.default.container}`
+    className: "".concat(classes.container, " ").concat(_stylesModule.default.container)
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.content
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -67,11 +67,11 @@ const UTWizard = _ref => {
     colorTheme: (0, _utils.getButtonTheme)(variant),
     weight: "medium"
   }, _constants.DISABLE_TEXT)))) : /*#__PURE__*/_react.default.createElement("div", {
-    className: `${classes.buttonContainer} ${_stylesModule.default.buttonContainer}`
+    className: "".concat(classes.buttonContainer, " ").concat(_stylesModule.default.buttonContainer)
   }, /*#__PURE__*/_react.default.createElement(_UTButton.default, {
     size: "small",
     classNames: {
-      root: `${_stylesModule.default.button} ${classes.buttonStyle}`
+      root: "".concat(_stylesModule.default.button, " ").concat(classes.buttonStyle)
     },
     onClick: () => setIsOpen(true),
     colorTheme: (0, _utils.getButtonMinimizedTheme)(variant),

package/dist/components/UTWizard/theme.js

@@ -27,10 +27,10 @@ const retrieveStyle = _ref2 => {
       })
     },
     buttonStyle: {
-      backgroundColor: `${getBackgroundColor({
+      backgroundColor: "".concat(getBackgroundColor({
         theme,
         variant: variantTheme
-      })} !important`
+      }), " !important")
     }
   };
 };

package/dist/components/UTWorkflowContainer/versions/V0/components/ActionButton/index.js

@@ -14,6 +14,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 ActionButton = _ref => {
+  var _button$buttonProps;
   let {
     button,
     className,
@@ -22,18 +23,14 @@ const ActionButton = _ref => {
     buttonProps
   } = _ref;
   return /*#__PURE__*/(0, _react.isValidElement)(button) ? (/*#__PURE__*/(0, _react.cloneElement)(button, {
-    className: `${button.props.className} ${isHidden && _stylesModule.default.hiddenButton}`
+    className: "".concat(button.props.className, " ").concat(isHidden && _stylesModule.default.hiddenButton)
   })) : /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
     disabled: button.disabled,
     hideTextOnResponsive: true,
     onClick: button.onClick
   }, buttonProps, button.buttonProps, {
     classNames: {
-      root: `
-        ${className}
-        ${isHidden && _stylesModule.default.hiddenButton}
-        ${button?.buttonProps?.className}
-      `,
+      root: "\n        ".concat(className, "\n        ").concat(isHidden && _stylesModule.default.hiddenButton, "\n        ").concat(button === null || button === void 0 || (_button$buttonProps = button.buttonProps) === null || _button$buttonProps === void 0 ? void 0 : _button$buttonProps.className, "\n      "),
       ...buttonProps.classNames
     }
   }), children);

package/dist/components/UTWorkflowContainer/versions/V0/index.js

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = require("prop-types");
-var _ArrowBack = _interopRequireDefault(require("@material-ui/icons/ArrowBack"));
-var _ArrowForward = _interopRequireDefault(require("@material-ui/icons/ArrowForward"));
 var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
 var _UTProgressBar = _interopRequireDefault(require("../../../UTProgressBar"));
 var _WithTheme = _interopRequireDefault(require("../../../WithTheme"));
@@ -46,8 +44,8 @@ const UTWorkflowContainer = _ref => {
   } = _ref;
   (0, _react.useEffect)(() => () => onExit && onExit(), []);
   const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
-  const BackIcon = backButton.Icon || _ArrowBack.default;
-  const NextIcon = nextButton.Icon || _ArrowForward.default;
+  const BackIcon = backButton.Icon || 'IconArrowLeft';
+  const NextIcon = nextButton.Icon || 'IconArrowRight';
   const previousStepNumber = (0, _usePrevious.usePrevious)(currentStep);
   const [visibleStepNumber, setVisibleStepNumber] = (0, _react.useState)(currentStep);
   const skippedStepsQuantity = currentStep - visibleStepNumber;
@@ -66,16 +64,13 @@ const UTWorkflowContainer = _ref => {
       barColorPrimary: classes.barColorPrimary
     }
   })), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${classes.workflowContainer} ${_stylesModule.default.workflowContainer}`
+    className: "".concat(classes.workflowContainer, " ").concat(_stylesModule.default.workflowContainer)
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `
-            ${_stylesModule.default.actionsContainer}
-            ${classes.actionsContainer}
-            ${hideActions ? _stylesModule.default.hidden : ''}`
+    className: "\n            ".concat(_stylesModule.default.actionsContainer, "\n            ").concat(classes.actionsContainer, "\n            ").concat(hideActions ? _stylesModule.default.hidden : '')
   }, /*#__PURE__*/_react.default.createElement(_ActionButton.default, {
     button: backButton,
     isHidden: currentStep === 1 && !backButton.isVisible || backButton.isHidden,
-    className: `${classes.backButton} ${_stylesModule.default.backButton}`,
+    className: "".concat(classes.backButton, " ").concat(_stylesModule.default.backButton),
     buttonProps: {
       colorTheme: 'primary',
       Icon: (withIcon || smallButtons) && BackIcon,
@@ -83,19 +78,19 @@ const UTWorkflowContainer = _ref => {
       variant: 'semitransparent'
     }
   }, !smallButtons && (backButton.label || _constants.BACK)), !hideStepCounter && visibleStepNumber && (StepCounter ? /*#__PURE__*/_react.default.createElement(StepCounter, null) : /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: `${_stylesModule.default.stepInfo} ${classes.stepCounter}`,
+    className: "".concat(_stylesModule.default.stepInfo, " ").concat(classes.stepCounter),
     weight: "medium"
-  }, `${_constants.STEP} ${forceStepNumber ? currentStep : visibleStepNumber}`)), extraActions, /*#__PURE__*/_react.default.createElement(_ActionButton.default, {
+  }, "".concat(_constants.STEP, " ").concat(forceStepNumber ? currentStep : visibleStepNumber))), extraActions, /*#__PURE__*/_react.default.createElement(_ActionButton.default, {
     isHidden: nextButton.isHidden,
     button: nextButton,
-    className: `${classes.nextButton} ${_stylesModule.default.nextButton}`,
+    className: "".concat(classes.nextButton, " ").concat(_stylesModule.default.nextButton),
     buttonProps: {
       colorTheme: 'primary',
       Icon: (withIcon || smallButtons) && NextIcon,
       iconPlacement: 'right'
     }
   }, !smallButtons && (nextButton.label || _constants.NEXT))), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.workflowContent} ${classes.content}`
+    className: "".concat(_stylesModule.default.workflowContent, " ").concat(classes.content)
   }, (title || subtitle) && /*#__PURE__*/_react.default.createElement("div", {
     className: classes.titles
   }, title && /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/UTWorkflowContainer/versions/V0/theme.js

@@ -9,6 +9,7 @@ var _colorsModule = _interopRequireDefault(require("../../../../scss/variables/c
 var _classesUtils = require("../../../../utils/classesUtils");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const retrieveStyle = _ref => {
+  var _theme$UTWorkflowCont, _theme$UTWorkflowCont2, _theme$UTWorkflowCont3;
   let {
     theme
   } = _ref;
@@ -20,7 +21,7 @@ const retrieveStyle = _ref => {
       border: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'container', 'border'], 0),
       borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'container', 'borderRadius'], '4px'),
       backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'container', 'backgroundColor'], _colorsModule.default.cardBackground),
-      boxShadow: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'container', 'boxShadow'], `1px 1px 3px 0 ${_colorsModule.default.cardShadow1}, -0.5px -0.5px 2px 0 ${_colorsModule.default.cardShadow2}`),
+      boxShadow: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'container', 'boxShadow'], "1px 1px 3px 0 ".concat(_colorsModule.default.cardShadow1, ", -0.5px -0.5px 2px 0 ").concat(_colorsModule.default.cardShadow2)),
       boxSizing: 'border-box',
       display: 'flex',
       margin: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'container', 'margin']),
@@ -78,13 +79,13 @@ const retrieveStyle = _ref => {
     backButton: {
       minWidth: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'backButton', 'minWidth']),
       [tabletMobile]: {
-        minWidth: (0, _classesUtils.withImportant)(theme?.UTWorkflowContainer?.backButton?.tabletMobile?.minWidth || '1px')
+        minWidth: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTWorkflowCont = theme.UTWorkflowContainer) === null || _theme$UTWorkflowCont === void 0 || (_theme$UTWorkflowCont = _theme$UTWorkflowCont.backButton) === null || _theme$UTWorkflowCont === void 0 || (_theme$UTWorkflowCont = _theme$UTWorkflowCont.tabletMobile) === null || _theme$UTWorkflowCont === void 0 ? void 0 : _theme$UTWorkflowCont.minWidth) || '1px')
       }
     },
     nextButton: {
       minWidth: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'backButton', 'minWidth']),
       [tabletMobile]: {
-        minWidth: (0, _classesUtils.withImportant)(theme?.UTWorkflowContainer?.nextButton?.tabletMobile?.minWidth || '1px')
+        minWidth: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTWorkflowCont2 = theme.UTWorkflowContainer) === null || _theme$UTWorkflowCont2 === void 0 || (_theme$UTWorkflowCont2 = _theme$UTWorkflowCont2.nextButton) === null || _theme$UTWorkflowCont2 === void 0 || (_theme$UTWorkflowCont2 = _theme$UTWorkflowCont2.tabletMobile) === null || _theme$UTWorkflowCont2 === void 0 ? void 0 : _theme$UTWorkflowCont2.minWidth) || '1px')
       }
     },
     titleIcon: {
@@ -110,7 +111,7 @@ const retrieveStyle = _ref => {
       justifyContent: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'bottomActions', 'container', 'justifyContent']),
       margin: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'bottomActions', 'container', 'padding'], '0'),
       minHeight: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'bottomActions', 'container', 'minHeight'], '90px'),
-      padding: (0, _classesUtils.withImportant)(theme?.UTWorkflowContainer?.bottomActions?.container?.padding || 0)
+      padding: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTWorkflowCont3 = theme.UTWorkflowContainer) === null || _theme$UTWorkflowCont3 === void 0 || (_theme$UTWorkflowCont3 = _theme$UTWorkflowCont3.bottomActions) === null || _theme$UTWorkflowCont3 === void 0 || (_theme$UTWorkflowCont3 = _theme$UTWorkflowCont3.container) === null || _theme$UTWorkflowCont3 === void 0 ? void 0 : _theme$UTWorkflowCont3.padding) || 0)
     },
     workflowContainer: {
       padding: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'workflowContainer', 'padding']),

package/dist/components/UTWorkflowContainer/versions/V1/components/NavActions/index.js

@@ -32,21 +32,21 @@ const NavActions = _ref => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.actionsContainer
   }, (!isMobileOrTablet || !isBackButtonHidden) && /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.actionsGroup} ${!isBackButtonHidden && _stylesModule.default.actionsGroupResponsive}`
+    className: "".concat(_stylesModule.default.actionsGroup, " ").concat(!isBackButtonHidden && _stylesModule.default.actionsGroupResponsive)
   }, !isBackButtonHidden && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
     classNames: {
-      root: `${_stylesModule.default.navAction} ${backButton.classes}  ${forceResponsive && _stylesModule.default.navActionResponsive}`
+      root: "".concat(_stylesModule.default.navAction, " ").concat(backButton.classes, "  ").concat(forceResponsive && _stylesModule.default.navActionResponsive)
     },
     colorTheme: "secondary",
     disabled: backButton.disabled,
-    Icon: backButton?.Icon,
+    Icon: backButton === null || backButton === void 0 ? void 0 : backButton.Icon,
     iconPlacement: "left",
     onClick: backButton.onClick,
     size: "large",
     variant: "text"
   }, backButton.label || _constants.BACK), secondaryAction && !isMobileOrTablet && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
     classNames: {
-      root: `${_stylesModule.default.navAction} ${forceResponsive && _stylesModule.default.navActionResponsive}`
+      root: "".concat(_stylesModule.default.navAction, " ").concat(forceResponsive && _stylesModule.default.navActionResponsive)
     },
     colorTheme: secondaryAction.colorTheme || 'primary',
     disabled: secondaryAction.disabled,
@@ -57,10 +57,10 @@ const NavActions = _ref => {
   }, secondaryAction.label), checkbox && !isMobileOrTablet && /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.checkboxContainer
   }, /*#__PURE__*/_react.default.createElement(_UTCheckbox.default, checkbox))), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.actionsGroup} ${(isMobileOrTablet || forceResponsive) && _stylesModule.default.actionsGroupResponsive}`
+    className: "".concat(_stylesModule.default.actionsGroup, " ").concat((isMobileOrTablet || forceResponsive) && _stylesModule.default.actionsGroupResponsive)
   }, primaryAction && !isMobileOrTablet && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
     classNames: {
-      root: `${_stylesModule.default.navAction} ${forceResponsive && _stylesModule.default.navActionResponsive}`
+      root: "".concat(_stylesModule.default.navAction, " ").concat(forceResponsive && _stylesModule.default.navActionResponsive)
     },
     colorTheme: primaryAction.colorTheme || 'primary',
     disabled: primaryAction.disabled,
@@ -70,11 +70,11 @@ const NavActions = _ref => {
     variant: primaryAction.variant || 'semitransparent'
   }, primaryAction.label), !nextButton.isHidden && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
     classNames: {
-      root: `${_stylesModule.default.navAction} ${nextButton.classes}  ${forceResponsive && _stylesModule.default.navActionResponsive}`
+      root: "".concat(_stylesModule.default.navAction, " ").concat(nextButton.classes, "  ").concat(forceResponsive && _stylesModule.default.navActionResponsive)
     },
     colorTheme: "primary",
     disabled: nextButton.disabled,
-    Icon: nextButton?.Icon,
+    Icon: nextButton === null || nextButton === void 0 ? void 0 : nextButton.Icon,
     iconPlacement: "right",
     onClick: nextButton.onClick,
     size: "large"

package/dist/components/UTWorkflowContainer/versions/V1/index.js

@@ -56,12 +56,12 @@ const UTWorkflowContainer = _ref => {
   const {
     isMobileOrTablet
   } = (0, _useScreenSize.useScreenSize)();
-  const isBackButtonHidden = backButton?.isHidden;
-  const isNextButtonHidden = nextButton?.isHidden;
+  const isBackButtonHidden = backButton === null || backButton === void 0 ? void 0 : backButton.isHidden;
+  const isNextButtonHidden = nextButton === null || nextButton === void 0 ? void 0 : nextButton.isHidden;
   const isLastStep = stepsCount && stepsCount === currentStep;
   const isNavHidden = isLastStep && isBackButtonHidden && isNextButtonHidden;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.container} ${classes.container}`
+    className: "".concat(_stylesModule.default.container, " ").concat(classes.container)
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.content
   }, stages && /*#__PURE__*/_react.default.createElement(_UTStepper.default, {
@@ -73,7 +73,7 @@ const UTWorkflowContainer = _ref => {
     actions: [...(headerActions || []), ...(isMobileOrTablet ? [primaryAction, secondaryAction].filter(action => action) : [])],
     banner: title && banner,
     classNames: {
-      outerContainer: `${_stylesModule.default.headerContainer} ${classes.headerContainer}`,
+      outerContainer: "".concat(_stylesModule.default.headerContainer, " ").concat(classes.headerContainer),
       titles: classes.titles
     },
     helpText: title && helpText,
@@ -83,13 +83,13 @@ const UTWorkflowContainer = _ref => {
     tagline: title && tagline,
     title
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.childrenContainer} ${classes.childrenContainer} ${variant === _constants.VARIANTS.FULL_WIDTH && `${_stylesModule.default.childrenContainerFullWidth} ${classes.childrenContainerFullWidth}`}`
+    className: "".concat(_stylesModule.default.childrenContainer, " ").concat(classes.childrenContainer, " ").concat(variant === _constants.VARIANTS.FULL_WIDTH && "".concat(_stylesModule.default.childrenContainerFullWidth, " ").concat(classes.childrenContainerFullWidth))
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_constants.childrenContentStyle[variant] || _stylesModule.default.childrenContent} ${classes.childrenContent}`
+    className: "".concat(_constants.childrenContentStyle[variant] || _stylesModule.default.childrenContent, " ").concat(classes.childrenContent)
   }, children))), /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.footer
   }, /*#__PURE__*/_react.default.createElement(_UTWizard.default, wizardConfig), !isNavHidden && /*#__PURE__*/_react.default.createElement("div", {
-    className: `${classes.bottomNav} ${_stylesModule.default.bottomNav}`
+    className: "".concat(classes.bottomNav, " ").concat(_stylesModule.default.bottomNav)
   }, checkbox && isMobileOrTablet && /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.mobileCheckboxContainer
   }, /*#__PURE__*/_react.default.createElement(_UTCheckbox.default, checkbox)), stepsCount && /*#__PURE__*/_react.default.createElement(_UTProgressBar.default, {

package/dist/components/UTWorkflowContainer/versions/V1/theme.js

@@ -6,28 +6,29 @@ Object.defineProperty(exports, "__esModule", {
 exports.retrieveStyle = void 0;
 var _shadowUtils = require("../../../../utils/shadowUtils");
 const retrieveStyle = _ref => {
+  var _theme$UTWorkflowCont, _theme$Palette$shadow, _theme$Palette, _theme$UTWorkflowCont2, _theme$UTWorkflowCont3, _theme$Palette2, _theme$Palette3;
   let {
     theme
   } = _ref;
   return {
     container: {
-      backgroundColor: theme.UTWorkflowContainer?.container?.backgroundColor,
+      backgroundColor: (_theme$UTWorkflowCont = theme.UTWorkflowContainer) === null || _theme$UTWorkflowCont === void 0 || (_theme$UTWorkflowCont = _theme$UTWorkflowCont.container) === null || _theme$UTWorkflowCont === void 0 ? void 0 : _theme$UTWorkflowCont.backgroundColor,
       boxShadow: (0, _shadowUtils.getShadow)({
-        color: theme.Palette.shadows?.grayscale,
+        color: (_theme$Palette$shadow = theme.Palette.shadows) === null || _theme$Palette$shadow === void 0 ? void 0 : _theme$Palette$shadow.grayscale,
         level: 2
       })
     },
     bottomNav: {
-      backgroundColor: theme.Palette?.light['01']
+      backgroundColor: (_theme$Palette = theme.Palette) === null || _theme$Palette === void 0 ? void 0 : _theme$Palette.light['01']
     },
     barColorPrimary: {
-      backgroundColor: theme.UTWorkflowContainer?.progress?.backgroundColor
+      backgroundColor: (_theme$UTWorkflowCont2 = theme.UTWorkflowContainer) === null || _theme$UTWorkflowCont2 === void 0 || (_theme$UTWorkflowCont2 = _theme$UTWorkflowCont2.progress) === null || _theme$UTWorkflowCont2 === void 0 ? void 0 : _theme$UTWorkflowCont2.backgroundColor
     },
     colorPrimary: {
-      backgroundColor: `${theme.UTWorkflowContainer?.progress?.color || theme.Palette?.light['04']} !important`
+      backgroundColor: "".concat(((_theme$UTWorkflowCont3 = theme.UTWorkflowContainer) === null || _theme$UTWorkflowCont3 === void 0 || (_theme$UTWorkflowCont3 = _theme$UTWorkflowCont3.progress) === null || _theme$UTWorkflowCont3 === void 0 ? void 0 : _theme$UTWorkflowCont3.color) || ((_theme$Palette2 = theme.Palette) === null || _theme$Palette2 === void 0 ? void 0 : _theme$Palette2.light['04']), " !important")
     },
     childrenContainerFullWidth: {
-      borderTop: `1px solid ${theme.Palette?.light['04']}`
+      borderTop: "1px solid ".concat((_theme$Palette3 = theme.Palette) === null || _theme$Palette3 === void 0 ? void 0 : _theme$Palette3.light['04'])
     }
   };
 };

package/dist/components/WithGoogleMaps/index.js

@@ -18,10 +18,10 @@ const WithGoogleMapScript = () => WrappedComponent => {
       ...props
     } = _ref;
     return /*#__PURE__*/_react.default.createElement(Component, _extends({
-      googleMapURL: `https://maps.googleapis.com/maps/api/js?libraries=places,geometry&key=${apiKey}`,
+      googleMapURL: "https://maps.googleapis.com/maps/api/js?libraries=places,geometry&key=".concat(apiKey),
       loadingElement: /*#__PURE__*/_react.default.createElement("div", {
         style: {
-          height: `100%`
+          height: "100%"
         }
       })
     }, props));

package/dist/components/WithTouch/index.js

@@ -15,7 +15,7 @@ const WithTouch = onClick => WrappedComponent => props => {
     onClick: handleClick
     // eslint-disable-next-line react/prop-types
     ,
-    className: `${_stylesModule.default.base} ${props.touchableClassName}`
+    className: "".concat(_stylesModule.default.base, " ").concat(props.touchableClassName)
     // eslint-disable-next-line react/prop-types
     ,
     ref: props.touchableRef

package/dist/utils/classesUtils.js

@@ -9,10 +9,10 @@ const mergeClasses = (themeClasses, classNames) => {
   const classes = {};
   const allClassNames = [...Object.keys(classNames), ...Object.keys(themeClasses)];
   allClassNames.forEach(name => {
-    classes[name] = `${themeClasses[name] || ''} ${classNames[name] || ''}`.trim();
+    classes[name] = "".concat(themeClasses[name] || '', " ").concat(classNames[name] || '').trim();
   });
   return classes;
 };
 exports.mergeClasses = mergeClasses;
-const withImportant = style => style && `${style} !important`;
+const withImportant = style => style && "".concat(style, " !important");
 exports.withImportant = withImportant;

package/dist/utils/componentUtils.js

@@ -10,13 +10,13 @@ const Z_CHAR_CODE = 90;
 const capitalize = str => str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
 exports.capitalize = capitalize;
 const getAvatarColors = (userName, colors) => {
-  const hashIndex = userName?.split('').reduce((acum, _letter, index) => {
+  const hashIndex = (userName === null || userName === void 0 ? void 0 : userName.split('').reduce((acum, _letter, index) => {
     const letterCode = userName.toUpperCase().charCodeAt(index);
     return letterCode >= A_CHAR_CODE && letterCode <= Z_CHAR_CODE ? acum + letterCode - A_CHAR_CODE + 1 : acum;
-  }, 0) || 0;
+  }, 0)) || 0;
   return colors[hashIndex % colors.length];
 };
-const getFirstLetter = userName => userName?.trim().slice(0, 1).toUpperCase() || 'A';
+const getFirstLetter = userName => (userName === null || userName === void 0 ? void 0 : userName.trim().slice(0, 1).toUpperCase()) || 'A';
 const isUTIcon = icon => typeof icon === 'string';
 exports.isUTIcon = isUTIcon;
 const getDefaultColorShade = colorTheme => colorTheme === _Palette.COLOR_THEMES.gray ? _Palette.COLOR_SHADES.shade04 : colorTheme === _Palette.COLOR_THEMES.light ? _Palette.COLOR_SHADES.shade01 : _Palette.COLOR_SHADES.shade05;

package/dist/utils/shadowUtils.js

@@ -37,6 +37,6 @@ const getShadow = _ref => {
   const shadowLevel = levels[level] || levels[defaultLevel];
   const shadowOrientation = orientations[orientation] || orientations[defaultOrientation];
   const shadowOrientationLevel = shadowOrientation[level] || shadowOrientation[defaultLevel];
-  return `0 ${shadowOrientationLevel}px ${shadowLevel}px 0 ${color}`;
+  return "0 ".concat(shadowOrientationLevel, "px ").concat(shadowLevel, "px 0 ").concat(color);
 };
 exports.getShadow = getShadow;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/energy-ui",
-  "version": "3.22.3",
+  "version": "3.22.4",
   "description": "Widergy Web Components",
   "author": "widergy",
   "license": "MIT",
@@ -91,7 +91,8 @@
     "extends": "@widergy/semantic-release-package-config"
   },
   "resolutions": {
-    "@babel/preset-env": "^7.8.7"
+    "@babel/preset-env": "^7.8.7",
+    "caniuse-lite": "1.0.30001632"
   },
   "browserslist": [
     ">0.2%",