@widergy/energy-ui 3.22.3 → 3.22.4

package/dist/components/UTStepper/components/Step/index.js

@@ -33,31 +33,21 @@ const Step = _ref => {
     size,
     classes
   } = _ref;
-  const stageCompleted = isCompleted(stage?.id);
-  const stageActive = isActive(stage?.id);
+  const stageCompleted = isCompleted(stage === null || stage === void 0 ? void 0 : stage.id);
+  const stageActive = isActive(stage === null || stage === void 0 ? void 0 : stage.id);
   const CustomIcon = stage.Icon;
   const {
     isMobileOrTablet
   } = (0, _useScreenSize.useScreenSize)();
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `
-        ${_stylesModule.default[`stepContainer${size}`]} ${classes[`stepContainer${size}`]}
-        ${stageActive ? classes[`active${size}`] : ''} 
-        ${stageCompleted ? classes.completed : ''}
-      `
+    className: "\n        ".concat(_stylesModule.default["stepContainer".concat(size)], " ").concat(classes["stepContainer".concat(size)], "\n        ").concat(stageActive ? classes["active".concat(size)] : '', " \n        ").concat(stageCompleted ? classes.completed : '', "\n      ")
   }, stageCompleted && /*#__PURE__*/_react.default.createElement(CompletedIcon, {
-    className: _stylesModule.default[`checkIcon${size}`]
+    className: _stylesModule.default["checkIcon".concat(size)]
   }), !stageCompleted && size === _constants.SIZES.LARGE && /*#__PURE__*/_react.default.createElement(CustomIcon, {
-    className: `
-            ${stageActive ? classes.activeIcon : classes.nextIcxon} 
-            ${_stylesModule.default[`customIcon${size}`]}
-          `
+    className: "\n            ".concat(stageActive ? classes.activeIcon : classes.nextIcxon, " \n            ").concat(_stylesModule.default["customIcon".concat(size)], "\n          ")
   }), (stageActive || !isMobileOrTablet) && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
     variant: "xsmall",
-    className: `
-            ${_stylesModule.default.label}
-            ${stageActive || stageCompleted ? classes.coloredLabel : ''}
-        `,
+    className: "\n            ".concat(_stylesModule.default.label, "\n            ").concat(stageActive || stageCompleted ? classes.coloredLabel : '', "\n        "),
     colorTheme: !stageActive && !stageCompleted ? 'gray' : null
   }, stage.label));
 };

package/dist/components/UTStepper/index.js

@@ -26,7 +26,7 @@ const UTStepper = _ref => {
     withPadding
   } = _ref;
   const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
-  const orderedStages = Object.values(stages).sort((a, b) => a?.id - b?.id);
+  const orderedStages = Object.values(stages).sort((a, b) => (a === null || a === void 0 ? void 0 : a.id) - (b === null || b === void 0 ? void 0 : b.id));
   const numberOfSteps = orderedStages.length;
   const size = stepperSize === _constants.SIZES.LARGE && orderedStages.every(stage => stage.Icon) ? _constants.SIZES.LARGE : _constants.SIZES.SMALL;
   const isCompleted = stageNumber => stageNumber < currentStage;

package/dist/components/UTStepper/theme.js

@@ -7,42 +7,43 @@ exports.retrieveStyle = void 0;
 var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const retrieveStyle = _ref => {
+  var _theme$Palette, _theme$Palette2, _theme$Palette3, _theme$Palette4, _theme$Palette5, _theme$Palette6, _theme$Palette7, _theme$Palette8, _theme$Palette9, _theme$Palette10, _theme$Palette11;
   let {
     theme
   } = _ref;
   return {
     connector: {
-      backgroundColor: theme.Palette?.light['05']
+      backgroundColor: (_theme$Palette = theme.Palette) === null || _theme$Palette === void 0 ? void 0 : _theme$Palette.light['05']
     },
     coloredProgress: {
-      backgroundColor: `${theme.Palette?.actions?.accent['04']} !important`
+      backgroundColor: "".concat((_theme$Palette2 = theme.Palette) === null || _theme$Palette2 === void 0 || (_theme$Palette2 = _theme$Palette2.actions) === null || _theme$Palette2 === void 0 ? void 0 : _theme$Palette2.accent['04'], " !important")
     },
     stepContainerS: {
-      backgroundColor: theme.Palette?.light['05'],
-      borderColor: theme.Palette?.light['03']
+      backgroundColor: (_theme$Palette3 = theme.Palette) === null || _theme$Palette3 === void 0 ? void 0 : _theme$Palette3.light['05'],
+      borderColor: (_theme$Palette4 = theme.Palette) === null || _theme$Palette4 === void 0 ? void 0 : _theme$Palette4.light['03']
     },
     stepContainerL: {
-      backgroundColor: theme.Palette?.light['03']
+      backgroundColor: (_theme$Palette5 = theme.Palette) === null || _theme$Palette5 === void 0 ? void 0 : _theme$Palette5.light['03']
     },
     activeS: {
       backgroundColor: _colorsModule.default.white,
-      borderColor: theme.Palette?.actions?.accent['04']
+      borderColor: (_theme$Palette6 = theme.Palette) === null || _theme$Palette6 === void 0 || (_theme$Palette6 = _theme$Palette6.actions) === null || _theme$Palette6 === void 0 ? void 0 : _theme$Palette6.accent['04']
     },
     activeL: {
-      backgroundColor: theme.Palette?.actions?.accent['04']
+      backgroundColor: (_theme$Palette7 = theme.Palette) === null || _theme$Palette7 === void 0 || (_theme$Palette7 = _theme$Palette7.actions) === null || _theme$Palette7 === void 0 ? void 0 : _theme$Palette7.accent['04']
     },
     completed: {
-      backgroundColor: theme.Palette?.actions?.accent['04'],
-      borderColor: theme.Palette?.actions?.accent['04']
+      backgroundColor: (_theme$Palette8 = theme.Palette) === null || _theme$Palette8 === void 0 || (_theme$Palette8 = _theme$Palette8.actions) === null || _theme$Palette8 === void 0 ? void 0 : _theme$Palette8.accent['04'],
+      borderColor: (_theme$Palette9 = theme.Palette) === null || _theme$Palette9 === void 0 || (_theme$Palette9 = _theme$Palette9.actions) === null || _theme$Palette9 === void 0 ? void 0 : _theme$Palette9.accent['04']
     },
     activeIcon: {
       fill: _colorsModule.default.white
     },
     nextIcon: {
-      fill: theme.Palette?.gray['04']
+      fill: (_theme$Palette10 = theme.Palette) === null || _theme$Palette10 === void 0 ? void 0 : _theme$Palette10.gray['04']
     },
     coloredLabel: {
-      color: `${theme.Palette?.actions?.accent['04']} !important`
+      color: "".concat((_theme$Palette11 = theme.Palette) === null || _theme$Palette11 === void 0 || (_theme$Palette11 = _theme$Palette11.actions) === null || _theme$Palette11 === void 0 ? void 0 : _theme$Palette11.accent['04'], " !important")
     }
   };
 };

package/dist/components/UTSwitch/index.js

@@ -62,7 +62,7 @@ const UTSwitch = _ref => {
     className: classes.outerContainer
   }, withText && !insideText && textOff, /*#__PURE__*/_react.default.createElement("label", {
     htmlFor: switchId,
-    className: `${classes.container} ${disabled && classes.disabled}`
+    className: "".concat(classes.container, " ").concat(disabled && classes.disabled)
   }, /*#__PURE__*/_react.default.createElement("input", {
     className: classes.input,
     id: switchId,
@@ -72,9 +72,9 @@ const UTSwitch = _ref => {
     onChange: onChange,
     disabled: disabled
   }), /*#__PURE__*/_react.default.createElement("span", {
-    className: `${classes.sliderContainer} ${disabled && classes.disabled}`
+    className: "".concat(classes.sliderContainer, " ").concat(disabled && classes.disabled)
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: `${classes.sliderBack} ${disabled && classes.disabled}`
+    className: "".concat(classes.sliderBack, " ").concat(disabled && classes.disabled)
   }), withText && insideText && /*#__PURE__*/_react.default.createElement("div", {
     className: classes.textContainer
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -82,13 +82,13 @@ const UTSwitch = _ref => {
   }, textOn), /*#__PURE__*/_react.default.createElement("div", {
     className: classes.uncheckedText
   }, textOff)), /*#__PURE__*/_react.default.createElement("span", {
-    className: `${classes.sliderHover} ${disabled && classes.disabled}`
+    className: "".concat(classes.sliderHover, " ").concat(disabled && classes.disabled)
   }), /*#__PURE__*/_react.default.createElement("span", {
-    className: `${classes.slider} ${disabled && classes.disabled}`
+    className: "".concat(classes.slider, " ").concat(disabled && classes.disabled)
   }))), withText && !insideText && textOn), showErrors && meta && (0, _form.shouldShowErrors)(meta) && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
     colorTheme: "error",
     variant: "small"
-  }, meta?.error));
+  }, meta === null || meta === void 0 ? void 0 : meta.error));
 };
 UTSwitch.propTypes = {
   classes: (0, _propTypes.objectOf)(_propTypes.string),

package/dist/components/UTSwitch/theme.js

@@ -100,7 +100,7 @@ const retrieveStyle = _ref => {
     sliderBack: {
       backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderBack', 'backgroundColor'], _colorsModule.default.white),
       borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderBack', 'borderRadius'], '26px'),
-      border: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderBack', 'border'], `1px solid ${_colorsModule.default.switchGray}`),
+      border: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderBack', 'border'], "1px solid ".concat(_colorsModule.default.switchGray)),
       height: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderBack', 'height'], '100%'),
       width: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderBack', 'width'], '100%'),
       position: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderBack', 'position'], 'absolute'),
@@ -114,7 +114,7 @@ const retrieveStyle = _ref => {
       position: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'input', 'position'], 'absolute'),
       '&:checked ~ $sliderContainer > $sliderBack': {
         backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderBack', 'checkedSlider', 'backgroundColor'], _colorsModule.default.blue),
-        border: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderBack', 'checkedSlider', 'border'], `1px solid ${_colorsModule.default.blue}`)
+        border: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderBack', 'checkedSlider', 'border'], "1px solid ".concat(_colorsModule.default.blue))
       },
       '&:checked ~ $sliderContainer:hover > $sliderBack': {
         backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderBack', 'checkedSlider', 'hover', 'backgroundColor'], _colorsModule.default.darkBlue),

package/dist/components/UTTable/components/ActionIcons/index.js

@@ -71,19 +71,14 @@ const ActionIcons = _ref => {
       stringContentClassName: _stylesModule.default.tooltip,
       tippyProps: tippyProps
     }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("div", {
-      className: `${_stylesModule.default.iconButton} ${classes.actionIconButton} 
-                ${(isDisabled(rowData) || isLoading(rowData)) && _stylesModule.default.disabled} ${buttonClassName}`,
+      className: "".concat(_stylesModule.default.iconButton, " ").concat(classes.actionIconButton, " \n                ").concat((isDisabled(rowData) || isLoading(rowData)) && _stylesModule.default.disabled, " ").concat(buttonClassName),
       onClick: event => handleActionClick(event, rowData),
       role: "button"
     }, isLoading(rowData) ? /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
-      className: `${classes.actionLoading} ${loadingClassName}`,
+      className: "".concat(classes.actionLoading, " ").concat(loadingClassName),
       size: loadingSize
     }) : /*#__PURE__*/_react.default.createElement(Icon, {
-      className: `
-                        ${_stylesModule.default.actionIcon}
-                        ${classes.actionIcon}
-                        ${iconClassName}
-                        ${isDisabled(rowData) && disabledIconClassName}`
+      className: "\n                        ".concat(_stylesModule.default.actionIcon, "\n                        ").concat(classes.actionIcon, "\n                        ").concat(iconClassName, "\n                        ").concat(isDisabled(rowData) && disabledIconClassName)
     })), !!menuAnchor && !(0, _array.isEmpty)(menuItems) && /*#__PURE__*/_react.default.createElement(_UTMenu.default, {
       anchor: menuAnchor,
       contextData: menuRowContextData,

package/dist/components/UTTable/components/Cell/components/ActionButton/index.js

@@ -13,11 +13,12 @@ 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 ActionButton = _ref => {
+  var _column$actions;
   let {
     column,
     rowData
   } = _ref;
-  const actionConfig = column.actions?.[0];
+  const actionConfig = (_column$actions = column.actions) === null || _column$actions === void 0 ? void 0 : _column$actions[0];
   return !(0, _object.objectIsEmpty)(actionConfig) && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
     classNames: actionConfig.buttonClassNames,
     key: actionConfig.key,

package/dist/components/UTTable/components/Cell/index.js

@@ -25,9 +25,9 @@ const Cell = _ref => {
     rowData,
     style
   } = _ref;
-  const cellAlignStyles = [_constants.CELL_TYPES.ACTION_ICONS, _constants.CELL_TYPES.ACTION_BUTTON].includes(column.type) ? _stylesModule.default.centerAlign : _stylesModule.default[`${align}Align`];
+  const cellAlignStyles = [_constants.CELL_TYPES.ACTION_ICONS, _constants.CELL_TYPES.ACTION_BUTTON].includes(column.type) ? _stylesModule.default.centerAlign : _stylesModule.default["".concat(align, "Align")];
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: ` ${_stylesModule.default.rowElement} ${cellAlignStyles} ${classes.rowCell}`,
+    className: " ".concat(_stylesModule.default.rowElement, " ").concat(cellAlignStyles, " ").concat(classes.rowCell),
     style: {
       width: columnSizes[column.key],
       ...style

package/dist/components/UTTable/components/HeaderCell/index.js

@@ -30,35 +30,24 @@ const HeaderCell = _ref => {
   } = _ref;
   const handleClick = () => handleOrder((0, _utils.getNewOrder)(order, column));
   const OrderICon = order.key !== column.key ? _UnfoldMore.default : _ArrowUpward.default;
-  const cellAlignStyles = [_constants.CELL_TYPES.ACTION_ICONS, _constants.CELL_TYPES.ACTION_BUTTON].includes(column.type) ? _stylesModule.default.centerAlign : _stylesModule.default[`${align}Align`];
+  const cellAlignStyles = [_constants.CELL_TYPES.ACTION_ICONS, _constants.CELL_TYPES.ACTION_BUTTON].includes(column.type) ? _stylesModule.default.centerAlign : _stylesModule.default["".concat(align, "Align")];
   const activeCell = order.key === column.key;
   const isSortable = column.sortable && !_constants.CELL_ACTION_TYPES.includes(column.type);
   return /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
     onClick: isSortable ? handleClick : null,
-    className: `
-        ${_stylesModule.default.rowElement}
-        ${isSortable ? classes.headerCellHover : _stylesModule.default.disableClick}
-        ${cellAlignStyles}
-        ${classes.headerCell}
-        ${activeCell ? classes.headerActiveCell : classes.headerInactiveCell}
-      `,
+    className: "\n        ".concat(_stylesModule.default.rowElement, "\n        ").concat(isSortable ? classes.headerCellHover : _stylesModule.default.disableClick, "\n        ").concat(cellAlignStyles, "\n        ").concat(classes.headerCell, "\n        ").concat(activeCell ? classes.headerActiveCell : classes.headerInactiveCell, "\n      "),
     style: {
       width: columnSizes[column.key],
       ...style
     }
   }, /*#__PURE__*/_react.default.createElement("div", null, column.categoryName && /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.headerCellCategoryName} ${classes.headerCellCategoryName}`
+    className: "".concat(_stylesModule.default.headerCellCategoryName, " ").concat(classes.headerCellCategoryName)
   }, column.categoryName), /*#__PURE__*/_react.default.createElement("span", {
     className: _stylesModule.default.headerCellName
   }, column.name), column.unit && /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.unit} ${classes.headerCellUnit}`
+    className: "".concat(_stylesModule.default.unit, " ").concat(classes.headerCellUnit)
   }, column.unit)), isSortable && /*#__PURE__*/_react.default.createElement(OrderICon, {
-    className: `
-            ${_stylesModule.default.orderIcon}
-            ${classes.orderIcon}
-            ${order.key !== column.key && removeDefaultOrderIcon && _stylesModule.default.hideIcon}
-            ${order.direction === _constants2.ORDER_DIRECTION.DESC && _stylesModule.default.invertArrow}
-          `
+    className: "\n            ".concat(_stylesModule.default.orderIcon, "\n            ").concat(classes.orderIcon, "\n            ").concat(order.key !== column.key && removeDefaultOrderIcon && _stylesModule.default.hideIcon, "\n            ").concat(order.direction === _constants2.ORDER_DIRECTION.DESC && _stylesModule.default.invertArrow, "\n          ")
   }));
 };
 HeaderCell.propTypes = {

package/dist/components/UTTable/components/PrimaryAction/index.js

@@ -22,7 +22,7 @@ const PrimaryAction = _ref => {
     onClick
   } = column;
   return /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
-    className: `${classes.actionCell} ${showBottomBorder ? `${_stylesModule.default.lastCellContainer} ${classes.lastCellContainer}` : _stylesModule.default.cellContainer}`,
+    className: "".concat(classes.actionCell, " ").concat(showBottomBorder ? "".concat(_stylesModule.default.lastCellContainer, " ").concat(classes.lastCellContainer) : _stylesModule.default.cellContainer),
     onClick: () => onClick(rowData)
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: _stylesModule.default.columnName

package/dist/components/UTTable/components/ResponsiveCell/index.js

@@ -24,21 +24,21 @@ const ResponsiveCell = _ref => {
   } = _ref;
   const isBigCell = _constants.COLUMN_SIZES[column.size] > _constants.COLUMN_SIZES.medium || column.cellRenderer && !column.asRowInResponsive || column.type === _constants.CELL_TYPES.STATUS;
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, column.categoryName && /*#__PURE__*/_react.default.createElement("span", {
-    className: `${_stylesModule.default.categoryName} ${classes.categoryNameCell}`,
+    className: "".concat(_stylesModule.default.categoryName, " ").concat(classes.categoryNameCell),
     style: {
       ...rowStyles.responsiveCell
     }
   }, column.categoryName), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${showBottomBorder ? `${_stylesModule.default.lastCellContainer} ${classes.lastCellContainer}` : _stylesModule.default.cellContainer} ${classes.responsiveCell} ${isBigCell ? _stylesModule.default.bigCell : _stylesModule.default.smallCell}`,
+    className: "".concat(showBottomBorder ? "".concat(_stylesModule.default.lastCellContainer, " ").concat(classes.lastCellContainer) : _stylesModule.default.cellContainer, " ").concat(classes.responsiveCell, " ").concat(isBigCell ? _stylesModule.default.bigCell : _stylesModule.default.smallCell),
     style: {
       ...rowStyles.responsiveCell
     }
   }, (column.name || column.unit) && /*#__PURE__*/_react.default.createElement("div", {
-    className: `${isBigCell ? _stylesModule.default.bigCellInfoContainer : _stylesModule.default.infoContainer} ${classes.responsiveCellTitle}`
+    className: "".concat(isBigCell ? _stylesModule.default.bigCellInfoContainer : _stylesModule.default.infoContainer, " ").concat(classes.responsiveCellTitle)
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: _stylesModule.default.columnName
   }, column.name), /*#__PURE__*/_react.default.createElement("span", {
-    className: `${_stylesModule.default.unit} ${classes.headerCellUnit}`
+    className: "".concat(_stylesModule.default.unit, " ").concat(classes.headerCellUnit)
   }, " ", column.unit, " ")), column.cellRenderer ? column.cellRenderer(rowData[column.key], rowData) : column.type === _constants.CELL_TYPES.STATUS ? /*#__PURE__*/_react.default.createElement(_Status.default, {
     classes: classes,
     definition: column.status,

package/dist/components/UTTable/components/Status/index.js

@@ -27,11 +27,11 @@ const Status = _ref => {
     labelClassName
   } = currentDefinition || {};
   return currentDefinition && /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.statusContainer} ${className}`
+    className: "".concat(_stylesModule.default.statusContainer, " ").concat(className)
   }, Icon && /*#__PURE__*/_react.default.createElement(Icon, {
     className: iconClassName
   }), /*#__PURE__*/_react.default.createElement("span", {
-    className: `${_stylesModule.default.statusLabel} ${labelClassName}`
+    className: "".concat(_stylesModule.default.statusLabel, " ").concat(labelClassName)
   }, definitionLabel || label || value));
 };
 Status.propTypes = {

package/dist/components/UTTable/components/TableFooter/components/PageSizeSelector/index.js

@@ -36,13 +36,13 @@ const PageSizeSelector = _ref => {
     disableFirstOption: true,
     variant: "outlined",
     selectProps: {
-      className: `${_stylesModule.default.pageSizeSelectContainer} ${classes.pageSizeSelectContainer}`,
+      className: "".concat(_stylesModule.default.pageSizeSelectContainer, " ").concat(classes.pageSizeSelectContainer),
       classes: {
         select: classes.pageSizeSelect
       }
     }
   })), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: `${_stylesModule.default.label} ${classes.totalRowsLabel}`
+    className: "".concat(_stylesModule.default.label, " ").concat(classes.totalRowsLabel)
   }, label));
 };
 PageSizeSelector.propTypes = {

package/dist/components/UTTable/components/TableFooter/components/Pagination/components/NavigationButton/index.js

@@ -22,12 +22,7 @@ const NavigationButton = _ref => {
     disabled
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
-    className: `
-      ${className}
-      ${_stylesModule.default.navigationButton}
-      ${classes.navigationButton}
-      ${disabled && `${_stylesModule.default.buttonDisabled} ${classes.navigationButtonDisabled}`}
-    `,
+    className: "\n      ".concat(className, "\n      ").concat(_stylesModule.default.navigationButton, "\n      ").concat(classes.navigationButton, "\n      ").concat(disabled && "".concat(_stylesModule.default.buttonDisabled, " ").concat(classes.navigationButtonDisabled), "\n    "),
     onClick: onClick
   }, label && /*#__PURE__*/_react.default.createElement("span", {
     className: _stylesModule.default.label

package/dist/components/UTTable/components/TableFooter/components/Pagination/index.js

@@ -92,12 +92,8 @@ const Pagination = _ref => {
     disabled: currentPage === 0,
     onClick: () => handlePageChange(currentPage - 1)
   }), pageList.map(page => /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
-    key: `page_${page}`,
-    className: `
-            ${_stylesModule.default.pageButton}
-            ${classes.pageButton}
-            ${currentPage === page && `${_stylesModule.default.buttonDisabled} ${classes.pageButtonSelected}`}
-          `,
+    key: "page_".concat(page),
+    className: "\n            ".concat(_stylesModule.default.pageButton, "\n            ").concat(classes.pageButton, "\n            ").concat(currentPage === page && "".concat(_stylesModule.default.buttonDisabled, " ").concat(classes.pageButtonSelected), "\n          "),
     onClick: () => handlePageChange(page)
   }, page + 1)), /*#__PURE__*/_react.default.createElement(_NavigationButton.default, {
     classes: classes,

package/dist/components/UTTable/components/TableFooter/index.js

@@ -34,7 +34,7 @@ const TableFooter = _ref => {
     rowsPerPage: rowsPerPage,
     onChangeRowPerPage: onChangeRowPerPage,
     totalRows: totalRows,
-    label: `${_constants.PREPOSITION} ${totalRows} ${totalRowsLabel}`
+    label: "".concat(_constants.PREPOSITION, " ").concat(totalRows, " ").concat(totalRowsLabel)
   }), /*#__PURE__*/_react.default.createElement(_Pagination.default, {
     classes: classes,
     currentPage: page,

package/dist/components/UTTable/components/TableHeader/index.js

@@ -35,7 +35,7 @@ const TableHeader = _ref => {
     disabled
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.header} ${classes.headerContainer}`
+    className: "".concat(_stylesModule.default.header, " ").concat(classes.headerContainer)
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.titleContainer
   }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
@@ -44,8 +44,8 @@ const TableHeader = _ref => {
     className: classes.tableTitle
   }, title), onReload && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
     classNames: {
-      icon: `${_stylesModule.default.reloadIcon} ${classes.reloadIcon}`,
-      root: `${classes.reloadButton} ${disabled && classes.reloadButtonDisabled}`
+      icon: "".concat(_stylesModule.default.reloadIcon, " ").concat(classes.reloadIcon),
+      root: "".concat(classes.reloadButton, " ").concat(disabled && classes.reloadButtonDisabled)
     },
     Icon: RefreshIcon,
     onClick: onReload,

package/dist/components/UTTable/components/TableRow/index.js

@@ -56,29 +56,15 @@ const TableRow = _ref => {
   } = columnsDefinition;
   const SelectionComponent = exclusiveSelection ? _Radio.default : _Checkbox.default;
   const hasActionsRow = selectable || (0, _utils.hasVisibleActions)(secondaryActions, cellProps.rowData);
-  const selectableCellStyles = isResponsive ? `${_stylesModule.default.secondaryActionsContainer}
-      ${cellProps.classes.responsiveCell}
-      ${hasActionsRow ? cellProps.classes.responsiveRowTopBorder : _stylesModule.default.hidden}
-      ` : `
-	${_stylesModule.default.fixedRowLeft}
-	${fixedRowsLeftClassName}
-	${(removeFixedRowsDivisors || (0, _array.isEmpty)(fixedLeftColumns)) && _stylesModule.default.disableBorderRight}
-	${!selectable && (0, _array.isEmpty)(fixedLeftColumns) && _stylesModule.default.cleanFixedColumns}
-`;
+  const selectableCellStyles = isResponsive ? "".concat(_stylesModule.default.secondaryActionsContainer, "\n      ").concat(cellProps.classes.responsiveCell, "\n      ").concat(hasActionsRow ? cellProps.classes.responsiveRowTopBorder : _stylesModule.default.hidden, "\n      ") : "\n\t".concat(_stylesModule.default.fixedRowLeft, "\n\t").concat(fixedRowsLeftClassName, "\n\t").concat((removeFixedRowsDivisors || (0, _array.isEmpty)(fixedLeftColumns)) && _stylesModule.default.disableBorderRight, "\n\t").concat(!selectable && (0, _array.isEmpty)(fixedLeftColumns) && _stylesModule.default.cleanFixedColumns, "\n");
   return /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
     onClick: handleRowClick,
-    className: `
-          ${_stylesModule.default.row}
-          ${(!handleRowClick || isResponsive) && _stylesModule.default.noClick}
-          ${isResponsive && cellProps.classes.responsiveRow}
-          ${isResponsive && _stylesModule.default.responsiveRow}
-          ${className}
-        `,
+    className: "\n          ".concat(_stylesModule.default.row, "\n          ").concat((!handleRowClick || isResponsive) && _stylesModule.default.noClick, "\n          ").concat(isResponsive && cellProps.classes.responsiveRow, "\n          ").concat(isResponsive && _stylesModule.default.responsiveRow, "\n          ").concat(className, "\n        "),
     style: containerStyle
   }, !isResponsive && /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.stickyRowBackground
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.rowBackground} ${rowClassName}`,
+    className: "".concat(_stylesModule.default.rowBackground, " ").concat(rowClassName),
     style: {
       width: tableSize,
       ...rowStyles.rowBackground
@@ -90,21 +76,16 @@ const TableRow = _ref => {
       width: isResponsive ? 'auto' : columnSizes.leftColumnsSize
     }
   }, selectable && /*#__PURE__*/_react.default.createElement("div", {
-    className: `
-                ${_stylesModule.default.checkBoxCell}
-                ${checkBoxSelected ? cellProps.classes.headerDecoratorSelected : cellProps.classes.headerDecoratorUnselected}
-                ${checkBoxClassName}
-                ${isResponsive && checkBoxSelected && cellProps.classes.selectedResponsiveCell}
-              `,
+    className: "\n                ".concat(_stylesModule.default.checkBoxCell, "\n                ").concat(checkBoxSelected ? cellProps.classes.headerDecoratorSelected : cellProps.classes.headerDecoratorUnselected, "\n                ").concat(checkBoxClassName, "\n                ").concat(isResponsive && checkBoxSelected && cellProps.classes.selectedResponsiveCell, "\n              "),
     style: rowStyles.selectCell
   }, /*#__PURE__*/_react.default.createElement(_UTTooltip.default, {
-    content: disableRowSelection?.(cellProps.rowData, pageRows) && disabledRowSelectionTooltip?.(cellProps.rowData, pageRows),
+    content: (disableRowSelection === null || disableRowSelection === void 0 ? void 0 : disableRowSelection(cellProps.rowData, pageRows)) && (disabledRowSelectionTooltip === null || disabledRowSelectionTooltip === void 0 ? void 0 : disabledRowSelectionTooltip(cellProps.rowData, pageRows)),
     stringContentClassName: _stylesModule.default.disableSelectionTooltip,
     tippyProps: _constants2.tippyProps
   }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(SelectionComponent, {
     classes: {
       root: _stylesModule.default.checkBoxRoot,
-      colorPrimary: `${_stylesModule.default.checkboxColorPrimary} ${cellProps.classes.checkBoxRoot}`,
+      colorPrimary: "".concat(_stylesModule.default.checkboxColorPrimary, " ").concat(cellProps.classes.checkBoxRoot),
       checked: cellProps.classes.checkboxColorChecked
     },
     color: "primary",
@@ -112,53 +93,43 @@ const TableRow = _ref => {
     onChange: checkBoxOnChange,
     disabled: disableRowSelection && disableRowSelection(cellProps.rowData, pageRows)
   })))), fixedLeftColumns.map(column => /*#__PURE__*/_react.default.createElement(CellComponent, _extends({
-    key: `cell_${column.key}`,
+    key: "cell_".concat(column.key),
     column: column,
     columnSizes: columnSizes
   }, cellProps))), !(0, _array.isEmpty)(secondaryActions) && /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.secondaryActions
   }, secondaryActions.map(action => /*#__PURE__*/_react.default.createElement(_ActionIcons.default, {
     column: action,
-    key: `action_${action.key}`,
+    key: "action_".concat(action.key),
     rowData: cellProps.rowData,
     classes: cellProps.classes
   })))), !(0, _array.isEmpty)(secondaryColumns) && /*#__PURE__*/_react.default.createElement("div", {
-    className: `
-              ${_stylesModule.default.secondaryColumns}
-              ${isResponsive && checkBoxSelected && cellProps.classes.selectedResponsiveCell}
-              ${isResponsive && selectable && _stylesModule.default.hideTopBorder}
-              ${isResponsive && hasActionsRow && _stylesModule.default.fixBorderRadius}
-            `,
+    className: "\n              ".concat(_stylesModule.default.secondaryColumns, "\n              ").concat(isResponsive && checkBoxSelected && cellProps.classes.selectedResponsiveCell, "\n              ").concat(isResponsive && selectable && _stylesModule.default.hideTopBorder, "\n              ").concat(isResponsive && hasActionsRow && _stylesModule.default.fixBorderRadius, "\n            "),
     style: {
       width: isResponsive ? 'auto' : columnSizes.secondaryColumnsSize
     }
   }, secondaryColumns.map((column, index) => /*#__PURE__*/_react.default.createElement(CellComponent, _extends({
-    key: `cell_${column.key}`,
+    key: "cell_".concat(column.key),
     column: column,
     columnSizes: columnSizes
   }, cellProps, {
     rowStyles: rowStyles,
     showBottomBorder: index === secondaryColumns.length - 1 && (0, _array.isEmpty)(primaryActions)
   }))), primaryActions.map((column, index) => /*#__PURE__*/_react.default.createElement(_PrimaryAction.default, _extends({
-    key: `cell_${column.key}`,
+    key: "cell_".concat(column.key),
     column: column
   }, cellProps, {
     rowStyles: rowStyles,
     showBottomRadius: index === primaryActions.length - 1,
     showBottomBorder: index === primaryActions.length - 1
   })))), !isResponsive && /*#__PURE__*/_react.default.createElement("div", {
-    className: `
-            ${_stylesModule.default.fixedRowRight}
-            ${fixedRowsRightClassName}
-            ${(removeFixedRowsDivisors || (0, _array.isEmpty)(fixedRightColumns)) && _stylesModule.default.disableBorderLeft}
-            ${(0, _array.isEmpty)(fixedRightColumns) && _stylesModule.default.cleanFixedColumns}
-          `,
+    className: "\n            ".concat(_stylesModule.default.fixedRowRight, "\n            ").concat(fixedRowsRightClassName, "\n            ").concat((removeFixedRowsDivisors || (0, _array.isEmpty)(fixedRightColumns)) && _stylesModule.default.disableBorderLeft, "\n            ").concat((0, _array.isEmpty)(fixedRightColumns) && _stylesModule.default.cleanFixedColumns, "\n          "),
     style: {
       ...rowStyles.fixedRowsRight,
       width: columnSizes.rightColumnsSize
     }
   }, fixedRightColumns.map(column => /*#__PURE__*/_react.default.createElement(CellComponent, _extends({
-    key: `cell_${column.key}`,
+    key: "cell_".concat(column.key),
     column: column,
     columnSizes: columnSizes,
     align: _constants.COLUMN_POSITION.RIGHT

package/dist/components/UTTable/components/TableRow/utils.js

@@ -5,5 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.hasVisibleActions = void 0;
 var _array = require("@widergy/web-utils/lib/array");
-const hasVisibleActions = (secondaryActions, rowData) => !(0, _array.isEmpty)(secondaryActions) && secondaryActions.some(secondaryAction => secondaryAction?.actions?.some(action => action.isVisible?.(rowData)));
+const hasVisibleActions = (secondaryActions, rowData) => !(0, _array.isEmpty)(secondaryActions) && secondaryActions.some(secondaryAction => {
+  var _secondaryAction$acti;
+  return secondaryAction === null || secondaryAction === void 0 || (_secondaryAction$acti = secondaryAction.actions) === null || _secondaryAction$acti === void 0 ? void 0 : _secondaryAction$acti.some(action => {
+    var _action$isVisible;
+    return (_action$isVisible = action.isVisible) === null || _action$isVisible === void 0 ? void 0 : _action$isVisible.call(action, rowData);
+  });
+});
 exports.hasVisibleActions = hasVisibleActions;

package/dist/components/UTTable/hook.js

@@ -9,7 +9,10 @@ const useResizeObserver = () => {
   const [observerEntry, setObserverEntry] = (0, _react.useState)({});
   const [node, setNode] = (0, _react.useState)(null);
   const observer = (0, _react.useRef)(null);
-  const disconnect = (0, _react.useCallback)(() => observer.current?.disconnect(), []);
+  const disconnect = (0, _react.useCallback)(() => {
+    var _observer$current;
+    return (_observer$current = observer.current) === null || _observer$current === void 0 ? void 0 : _observer$current.disconnect();
+  }, []);
   const callback = _ref => {
     let [entry] = _ref;
     window.requestAnimationFrame(() => {