@widergy/energy-ui 3.22.3 → 3.22.5

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [3.22.5](https://github.com/widergy/energy-ui/compare/v3.22.4...v3.22.5) (2024-10-03)
+
+
+### Bug Fixes
+
+* ut action card minor fixes ([#502](https://github.com/widergy/energy-ui/issues/502)) ([a0b41b5](https://github.com/widergy/energy-ui/commit/a0b41b5b7bc9608892b87af8c6946d37aa56e782))
+
+## [3.22.4](https://github.com/widergy/energy-ui/compare/v3.22.3...v3.22.4) (2024-10-02)
+
+
+### Bug Fixes
+
+* fixes workflow icon ([#504](https://github.com/widergy/energy-ui/issues/504)) ([51e34f1](https://github.com/widergy/energy-ui/commit/51e34f1b8f5669955dc0f6cf189d536b49fb06d6))
+
 ## [3.22.3](https://github.com/widergy/energy-ui/compare/v3.22.2...v3.22.3) (2024-10-01)
 
 

package/dist/components/Loading/index.js

@@ -27,13 +27,13 @@ const Loading = _ref => {
   const defaultSize = (0, _seamlessImmutable.getIn)(theme, ['Loading', 'base', 'size'], 85);
   const defaultThickness = (0, _seamlessImmutable.getIn)(theme, ['Loading', 'base', 'thickness'], 1.5);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.container} ${className}`
+    className: "".concat(_stylesModule.default.container, " ").concat(className)
   }, /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
     className: classes.base,
     size: size || defaultSize,
     thickness: thickness || defaultThickness
   }), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: `${_stylesModule.default.text} ${classes.text} ${textClassName}`
+    className: "".concat(_stylesModule.default.text, " ").concat(classes.text, " ").concat(textClassName)
   }, text || _constants.DEFAULT_LOADING_TEXT));
 };
 Loading.propTypes = {

package/dist/components/UTActionCard/README.md

@@ -14,12 +14,12 @@
 | `description`          | `string`                                                                                                                                                                                                 |            | Description text to be displayed.                                      |
 | `descriptionProps`     | `shape({ colorTheme: string, variant: string })`                                                                                                                                                         |            | Props to customize the description's style.                            |
 | `headerActions`        | `arrayOf(shape({ Icon: oneOfType([elementType, string]), iconProps: string, id: oneOfType([number, string]), label: string, loading: bool, onClick: func }))`                                            |            | List of actions available in the header section.                       |
-| `headerActionsProps`   | `shape({ alignment: oneOf(['center', 'end', 'start']), buttonGroupProps: shape({ colorTheme: string, shape: string }), maxNumberOfPrimaryActions: number, variant: oneOf(['default', 'buttonGroup']) })` |            | Props to configure header actions alignment, button group, etc.        |
+| `headerActionsProps`   | `shape({ alignment: oneOf(['center', 'end', 'start']), buttonGroupProps: shape({ colorTheme: string, shape: string }), variant: oneOf(['default', 'buttonGroup']) })` |            | Props to configure header actions alignment, button group, etc.        |
 | `mainAction`           | `func`                                                                                                                                                                                                   |            | Main action function for the card.                                     |
 | `size`                 | `oneOf(['medium', 'small'])`                                                                                                                                                                             | `'medium'` | Size of the card, either small or medium.                              |
 | `status`               | `string`                                                                                                                                                                                                 |            | Status text to be displayed.                                           |
 | `statusLabel`          | `string`                                                                                                                                                                                                 |            | Status label for additional status info.                               |
 | `statusAlignment`      | `oneOf(['center', 'end', 'start'])`                                                                                                                                                                      |            | Alignment of the status element.                                       |
-| `title`                | `string.isRequired`                                                                                                                                                                                      |            | The title of the card, required.                                       |
+| `title`                | `string`                                                                                                                                                                                      |            | The title of the card.                                       |
 | `titleProps`           | `shape({ variant: string, weight: string })`                                                                                                                                                             |            | Props to configure the title style.                                    |
 | `withBodyPadding`      | `bool`                                                                                                                                                                                                   | `false`    | Adds padding to the card body if`true`.                                |

package/dist/components/UTActionCard/components/AdditionalMessage/index.js

@@ -23,10 +23,12 @@ const AdditionalMessage = _ref => {
     size
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.additionalMessageContainer} ${_stylesModule.default[size]}`
+    className: "".concat(_stylesModule.default.additionalMessageContainer, " ").concat(_stylesModule.default[size])
   }, icon && /*#__PURE__*/_react.default.createElement(_UTIcon.default, _extends({
+    area: true,
     colorTheme: "gray",
-    name: icon
+    name: icon,
+    size: 16
   }, iconProps)), /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
     colorTheme: "gray",
     variant: "small",

package/dist/components/UTActionCard/components/BottomActions/index.js

@@ -15,7 +15,8 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const BottomActions = _ref => {
   let {
     actions = [],
-    bottomActionsVariant
+    bottomActionsVariant,
+    size
   } = _ref;
   const type = actions.length > 2 ? _constants.ACTION_TYPES.REDIRECTION : bottomActionsVariant || _constants.ACTION_TYPES.DEFAULT;
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -31,9 +32,9 @@ const BottomActions = _ref => {
     } = _ref2;
     return /*#__PURE__*/_react.default.createElement(_UTButton.default, {
       classNames: {
-        childrenContainer: `${type === _constants.ACTION_TYPES.REDIRECTION && _stylesModule.default.redirectionChildrenContainer} `,
-        root: `${_stylesModule.default.actionButton} ${type === _constants.ACTION_TYPES.REDIRECTION ? _stylesModule.default.fullWidth : ''}`,
-        text: `${type === _constants.ACTION_TYPES.REDIRECTION ? _stylesModule.default.redirectionText : _stylesModule.default.defaultText}`
+        childrenContainer: "".concat(type === _constants.ACTION_TYPES.REDIRECTION && _stylesModule.default.redirectionChildrenContainer, " "),
+        root: "".concat(_stylesModule.default.actionButton, " ").concat(type === _constants.ACTION_TYPES.REDIRECTION && _stylesModule.default.fullWidth, " ").concat(size === _constants.SIZES.MEDIUM && _stylesModule.default.mediumPadding),
+        text: "".concat(type === _constants.ACTION_TYPES.REDIRECTION ? _stylesModule.default.redirectionText : _stylesModule.default.defaultText)
       },
       colorTheme: colorTheme,
       disabled: disabled,
@@ -56,6 +57,7 @@ BottomActions.propTypes = {
     loading: _propTypes.bool,
     onClick: _propTypes.func
   })),
-  bottomActionsVariant: _propTypes.string
+  bottomActionsVariant: _propTypes.string,
+  size: _propTypes.string
 };
 var _default = exports.default = /*#__PURE__*/(0, _react.memo)(BottomActions);

package/dist/components/UTActionCard/components/BottomActions/styles.module.scss

@@ -38,3 +38,7 @@ $default-border-color: #E7E7E7;
 .fullWidth {
   flex: 1 0 100%;
 }
+
+.mediumPadding {
+  padding: 16px 24px;
+}

package/dist/components/UTActionCard/components/Header/constants.js

@@ -7,11 +7,24 @@ exports.ADORNMENT_COMPONENT_MAPPER = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _UTAvatar = _interopRequireDefault(require("../../../UTAvatar"));
 var _UTIcon = _interopRequireDefault(require("../../../UTIcon"));
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 ADORNMENT_COMPONENT_MAPPER = exports.ADORNMENT_COMPONENT_MAPPER = {
   icon: _UTIcon.default,
-  avatar: _UTAvatar.default,
+  avatar: _ref => {
+    let {
+      className,
+      ...props
+    } = _ref;
+    return /*#__PURE__*/_react.default.createElement(_UTAvatar.default, _extends({
+      className: "".concat(_stylesModule.default.defaultAvatar, " ").concat(className),
+      labelProps: {
+        variant: 'title1',
+        weight: 'medium'
+      }
+    }, props));
+  },
   image: props => /*#__PURE__*/_react.default.createElement("img", _extends({
     alt: ""
   }, props))

package/dist/components/UTActionCard/components/Header/index.js

@@ -20,6 +20,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 const Header = _ref => {
   let {
     adornment,
+    classNames,
     description,
     descriptionProps,
     headerActions,
@@ -33,15 +34,16 @@ const Header = _ref => {
     titleProps
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.header} ${_stylesModule.default[size]}`
+    className: "".concat(_stylesModule.default.header, " ").concat(_stylesModule.default[size], " ").concat(classNames.header)
   }, (0, _utils.renderAdornment)(adornment, 'left', size), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.headerTitles} ${_stylesModule.default[`gap-${size}`]}`
+    className: _stylesModule.default.headerTitles
   }, (0, _utils.renderAdornment)(adornment, 'top', size), /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
+    variant: "title3",
     weight: "medium"
   }, titleProps), title), description && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
     colorTheme: "gray"
   }, descriptionProps), description)), status ? /*#__PURE__*/_react.default.createElement(_UTStatus.default, _extends({
-    className: `${_stylesModule.default[`placeSelf-${statusAlignment}`]}`,
+    className: "".concat(_stylesModule.default["placeSelf-".concat(statusAlignment)]),
     type: "light"
   }, (0, _utils.statusPropsMapper)(status)), statusLabel || status) : null, !(0, _array.isEmpty)(headerActions) && /*#__PURE__*/_react.default.createElement(_HeaderActions.default, {
     headerActions,
@@ -55,6 +57,7 @@ Header.propTypes = {
     props: _propTypes.object,
     type: _propTypes.string
   }),
+  classNames: (0, _propTypes.objectOf)(_propTypes.string),
   description: _propTypes.string,
   descriptionProps: (0, _propTypes.shape)({
     colorTheme: _propTypes.string,
@@ -74,7 +77,6 @@ Header.propTypes = {
       colorTheme: _propTypes.string,
       shape: _propTypes.string
     }),
-    maxNumberOfPrimaryActions: _propTypes.number,
     variant: (0, _propTypes.oneOf)([_constants.HEADER_ACTIONS_VARIANTS.DEFAULT, _constants.HEADER_ACTIONS_VARIANTS.BUTTON_GROUP])
   }),
   setMainActionHoverVisible: _propTypes.string,

package/dist/components/UTActionCard/components/Header/styles.module.scss

@@ -7,6 +7,7 @@
 .headerTitles {
   display: flex;
   flex-direction: column;
+  grid-gap: 8px;
   margin-right: auto;
   overflow-wrap: anywhere;
 }
@@ -15,18 +16,10 @@
   padding: 24px;
 }
 
-.gap-medium {
-  grid-gap: 16px;
-}
-
 .small {
   padding: 16px;
 }
 
-.gap-small {
-  grid-gap: 8px;
-}
-
 .placeSelf-center {
   place-self: center;
 }
@@ -38,3 +31,8 @@
 .placeSelf-end {
   place-self: flex-end;
 }
+
+.defaultAvatar {
+  height: 64px;
+  width: 64px;
+}

package/dist/components/UTActionCard/components/Header/utils.js

@@ -138,7 +138,7 @@ const statusPropsMapper = status => ({
     variant: 'warning',
     withoutIcon: true
   }
-})[status?.toLowerCase()] || {
+})[status === null || status === void 0 ? void 0 : status.toLowerCase()] || {
   variant: 'error',
   withoutIcon: true
 };
@@ -148,7 +148,7 @@ const renderAdornment = (adornment, position, size) => {
   const AdornmentComponent = _constants2.ADORNMENT_COMPONENT_MAPPER[adornment.type];
   const defaultPlaceSelf = adornment.position === 'left' ? _constants.PLACE_SELF_TYPES.CENTER : _constants.PLACE_SELF_TYPES.START;
   return /*#__PURE__*/_react.default.createElement(AdornmentComponent, _extends({
-    className: `${_stylesModule.default[`placeSelf-${adornment.alignment || defaultPlaceSelf}`]} ${position === 'top' ? _stylesModule.default[`gap-${size}`] : ''}`
+    className: "".concat(_stylesModule.default["placeSelf-".concat(adornment.alignment || defaultPlaceSelf)], " ").concat(position === 'top' ? _stylesModule.default["gap-".concat(size)] : '')
   }, adornment.props || {}));
 };
 exports.renderAdornment = renderAdornment;

package/dist/components/UTActionCard/components/HeaderActions/index.js

@@ -12,13 +12,13 @@ var _UTButtonGroup = _interopRequireDefault(require("../../../UTButtonGroup"));
 var _UTMenu = _interopRequireDefault(require("../../../UTMenu"));
 var _constants = require("../../constants");
 var _utils = require("./utils");
-var _constants2 = require("./constants");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 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; }
 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); } /* eslint-disable jsx-a11y/no-static-element-interactions */ /* eslint-disable jsx-a11y/click-events-have-key-events */
 const HeaderActions = _ref => {
+  var _secondaryActions$;
   let {
     headerActions,
     headerActionsProps,
@@ -30,8 +30,7 @@ const HeaderActions = _ref => {
   const {
     colorTheme: buttonGroupColorTheme = 'secondary',
     shape: buttonGroupShape
-  } = headerActionsProps?.buttonGroupProps || {};
-  const maxNumberOfPrimaryActions = headerActionsProps?.maxNumberOfPrimaryActions || _constants2.DEFAULT_MAX_NUMBER_OF_PRIMARY_ACTIONS;
+  } = (headerActionsProps === null || headerActionsProps === void 0 ? void 0 : headerActionsProps.buttonGroupProps) || {};
   const handleSetMainActionHoverVisible = () => setMainActionHoverVisible(true);
   const handleSetMainActionHoverHidden = () => setMainActionHoverVisible(false);
   const openMenu = event => setMenu(event.currentTarget);
@@ -39,10 +38,12 @@ const HeaderActions = _ref => {
     handleSetMainActionHoverVisible();
     setMenu();
   };
-  const primaryActions = (0, _utils.mapActions)(headerActions, true).slice(0, maxNumberOfPrimaryActions);
-  const secondaryActions = (0, _utils.mapActions)(headerActions, false, !showButtonGroup ? closeMenu : null);
+  const {
+    primaryActions,
+    secondaryActions
+  } = (0, _utils.processActions)(headerActions, !showButtonGroup ? closeMenu : null);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.headerActionsContainer} ${_stylesModule.default[`placeSelf-${headerActionsProps.alignment}`]}`,
+    className: "".concat(_stylesModule.default.headerActionsContainer, " ").concat(_stylesModule.default["placeSelf-".concat(headerActionsProps.alignment)]),
     onClick: e => e.stopPropagation(),
     onMouseEnter: handleSetMainActionHoverHidden,
     onMouseLeave: handleSetMainActionHoverVisible
@@ -71,7 +72,11 @@ const HeaderActions = _ref => {
     Icon: "IconDots",
     onClick: e => {
       e.stopPropagation();
-      openMenu(e);
+      if (menu) {
+        setMenu();
+      } else {
+        openMenu(e);
+      }
     },
     size: "medium",
     variant: "text"
@@ -84,7 +89,7 @@ const HeaderActions = _ref => {
       }
     })),
     colorTheme: buttonGroupColorTheme,
-    selected: selectedAction || secondaryActions[0]?.id,
+    selected: selectedAction || ((_secondaryActions$ = secondaryActions[0]) === null || _secondaryActions$ === void 0 ? void 0 : _secondaryActions$.id),
     shape: buttonGroupShape
   })));
 };
@@ -103,7 +108,6 @@ HeaderActions.propTypes = {
       colorTheme: _propTypes.string,
       shape: _propTypes.string
     }),
-    maxNumberOfPrimaryActions: _propTypes.number,
     variant: (0, _propTypes.oneOf)([_constants.HEADER_ACTIONS_VARIANTS.DEFAULT, _constants.HEADER_ACTIONS_VARIANTS.BUTTON_GROUP])
   }),
   setMainActionHoverVisible: _propTypes.func

package/dist/components/UTActionCard/components/HeaderActions/utils.js

@@ -3,18 +3,29 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mapActions = void 0;
-const mapActions = function () {
-  let actions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  let isPrimary = arguments.length > 1 ? arguments[1] : undefined;
-  let onClickHandler = arguments.length > 2 ? arguments[2] : undefined;
-  return actions.filter(action => (action?.isPrimary || false) === isPrimary).map(action => ({
-    ...action,
-    onClick: e => {
-      e?.stopPropagation();
-      if (onClickHandler) onClickHandler();
-      action.onClick();
-    }
-  }));
-};
-exports.mapActions = mapActions;
+exports.processActions = void 0;
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const mapAction = (action, onClickHandler) => ({
+  ...action,
+  onClick: e => {
+    var _action$onClick;
+    e === null || e === void 0 || e.stopPropagation();
+    if (onClickHandler) onClickHandler();
+    action === null || action === void 0 || (_action$onClick = action.onClick) === null || _action$onClick === void 0 || _action$onClick.call(action);
+  }
+});
+const processActions = (headerActions, onClickHandler) => headerActions.reduce((final, current) => {
+  if (current.isPrimary && (0, _isEmpty.default)(final.primaryActions)) return {
+    ...final,
+    primaryActions: [current]
+  };
+  return {
+    ...final,
+    secondaryActions: [...final.secondaryActions, mapAction(current, onClickHandler)]
+  };
+}, {
+  primaryActions: [],
+  secondaryActions: []
+});
+exports.processActions = processActions;

package/dist/components/UTActionCard/index.js

@@ -17,6 +17,7 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 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; }
+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 UTActionCard = _ref => {
   let {
     additionalMessage,
@@ -43,16 +44,17 @@ const UTActionCard = _ref => {
   } = _ref;
   const [mainActionHoverVisible, setMainActionHoverVisible] = (0, _react.useState)(true);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.cardContainer} ${classNames.container}`
+    className: "".concat(_stylesModule.default.cardContainer, " ").concat(classNames.container)
   }, /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
-    className: `${_stylesModule.default.innerContainer} ${classNames.innerContainer} ${!mainAction ? _stylesModule.default.withoutMainAction : `${_stylesModule.default.withMainAction} ${mainActionHoverVisible && `${_stylesModule.default.mainActionHover} ${classNames.mainActionHover}`}`}`,
-    onClick: () => mainAction?.()
+    className: "".concat(_stylesModule.default.innerContainer, " ").concat(classNames.innerContainer, " ").concat(!mainAction ? _stylesModule.default.withoutMainAction : "".concat(_stylesModule.default.withMainAction, " ").concat(mainActionHoverVisible && "".concat(_stylesModule.default.mainActionHover, " ").concat(classNames.mainActionHover))),
+    onClick: () => mainAction === null || mainAction === void 0 ? void 0 : mainAction()
   }, BackgroundImage && /*#__PURE__*/_react.default.createElement(BackgroundImage, {
-    className: `${_stylesModule.default.backgroundImage} ${classNames.backgroundImage}`
+    className: "".concat(_stylesModule.default.backgroundImage, " ").concat(classNames.backgroundImage)
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.headerAndChildrenContainer} ${classNames.headerAndChildrenContainer}`
+    className: "".concat(_stylesModule.default.headerAndChildrenContainer, " ").concat(classNames.headerAndChildrenContainer)
   }, /*#__PURE__*/_react.default.createElement(_Header.default, {
     adornment,
+    classNames,
     description,
     descriptionProps,
     headerActions,
@@ -66,16 +68,13 @@ const UTActionCard = _ref => {
     title,
     titleProps
   }), children && /*#__PURE__*/_react.default.createElement("div", {
-    className: `${withBodyPadding ? _stylesModule.default[`bodyPadding-${size}`] : _stylesModule.default[`withoutBodyPadding-${size}`]}`
-  }, children))), !(0, _object.objectIsEmpty)(additionalMessage) && /*#__PURE__*/_react.default.createElement(_AdditionalMessage.default, {
-    icon: additionalMessage.icon,
-    iconProps: additionalMessage.iconProps,
-    labelProps: additionalMessage.labelProps,
-    message: additionalMessage.message,
+    className: "".concat(withBodyPadding ? _stylesModule.default["bodyPadding-".concat(size)] : _stylesModule.default["withoutBodyPadding-".concat(size)])
+  }, children))), !(0, _object.objectIsEmpty)(additionalMessage) && /*#__PURE__*/_react.default.createElement(_AdditionalMessage.default, _extends({}, additionalMessage, {
     size: size
-  }), !(0, _array.isEmpty)(bottomActions) && /*#__PURE__*/_react.default.createElement(_BottomActions.default, {
+  })), !(0, _array.isEmpty)(bottomActions) && /*#__PURE__*/_react.default.createElement(_BottomActions.default, {
     actions: bottomActions,
-    bottomActionsVariant: bottomActionsVariant
+    bottomActionsVariant: bottomActionsVariant,
+    size: size
   }));
 };
 UTActionCard.propTypes = {
@@ -127,7 +126,6 @@ UTActionCard.propTypes = {
       colorTheme: _propTypes.string,
       shape: _propTypes.string
     }),
-    maxNumberOfPrimaryActions: _propTypes.number,
     variant: (0, _propTypes.oneOf)([_constants.HEADER_ACTIONS_VARIANTS.DEFAULT, _constants.HEADER_ACTIONS_VARIANTS.BUTTON_GROUP])
   }),
   mainAction: _propTypes.func,
@@ -135,7 +133,7 @@ UTActionCard.propTypes = {
   status: _propTypes.string,
   statusLabel: _propTypes.string,
   statusAlignment: (0, _propTypes.oneOf)([_constants.PLACE_SELF_TYPES.CENTER, _constants.PLACE_SELF_TYPES.END, _constants.PLACE_SELF_TYPES.START]),
-  title: _propTypes.string.isRequired,
+  title: _propTypes.string,
   titleProps: (0, _propTypes.shape)({
     variant: _propTypes.string,
     weight: _propTypes.string

package/dist/components/UTAlert/index.js

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

package/dist/components/UTAlert/theme.js

@@ -9,21 +9,22 @@ var _styles = require("@material-ui/core/styles");
 var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const retrieveStyle = _ref => {
+  var _theme$Palette, _theme$Palette2, _theme$Palette3, _theme$Palette4;
   let {
     theme
   } = _ref;
   return {
     error: {
-      backgroundColor: theme.Palette?.error['04'] || _colorsModule.default.notificationError
+      backgroundColor: ((_theme$Palette = theme.Palette) === null || _theme$Palette === void 0 ? void 0 : _theme$Palette.error['04']) || _colorsModule.default.notificationError
     },
     info: {
-      backgroundColor: theme.Palette?.information['04'] || _colorsModule.default.notificationInfo
+      backgroundColor: ((_theme$Palette2 = theme.Palette) === null || _theme$Palette2 === void 0 ? void 0 : _theme$Palette2.information['04']) || _colorsModule.default.notificationInfo
     },
     success: {
-      backgroundColor: theme.Palette?.success['04'] || _colorsModule.default.notificationSuccess
+      backgroundColor: ((_theme$Palette3 = theme.Palette) === null || _theme$Palette3 === void 0 ? void 0 : _theme$Palette3.success['04']) || _colorsModule.default.notificationSuccess
     },
     warning: {
-      backgroundColor: theme.Palette?.warning['04'] || _colorsModule.default.notificationWarning
+      backgroundColor: ((_theme$Palette4 = theme.Palette) === null || _theme$Palette4 === void 0 ? void 0 : _theme$Palette4.warning['04']) || _colorsModule.default.notificationWarning
     },
     action: {
       padding: (0, _seamlessImmutable.getIn)(theme, ['UTAlert', 'action', 'padding']),

package/dist/components/UTAttachment/components/Preview/index.js

@@ -22,11 +22,11 @@ const Preview = _ref => {
     src: preview.src,
     className: _stylesModule.default.previewImage,
     alt: ""
-  }, previewProps?.image)), (0, _utils.isAudio)(preview) && /*#__PURE__*/_react.default.createElement("audio", _extends({
+  }, previewProps === null || previewProps === void 0 ? void 0 : previewProps.image)), (0, _utils.isAudio)(preview) && /*#__PURE__*/_react.default.createElement("audio", _extends({
     controls: true,
     controlsList: "nodownload",
     className: _stylesModule.default.previewAudio
-  }, previewProps?.audio), /*#__PURE__*/_react.default.createElement("source", {
+  }, previewProps === null || previewProps === void 0 ? void 0 : previewProps.audio), /*#__PURE__*/_react.default.createElement("source", {
     src: preview.src,
     type: preview.type
   })), (0, _utils.isVideo)(preview) && /*#__PURE__*/_react.default.createElement("video", _extends({
@@ -34,7 +34,7 @@ const Preview = _ref => {
     disablePictureInPicture: true,
     controlsList: "nodownload",
     className: _stylesModule.default.previewVideo
-  }, previewProps?.video), /*#__PURE__*/_react.default.createElement("source", {
+  }, previewProps === null || previewProps === void 0 ? void 0 : previewProps.video), /*#__PURE__*/_react.default.createElement("source", {
     src: preview.src,
     type: preview.type
   })));

package/dist/components/UTAttachment/index.js

@@ -30,7 +30,7 @@ class AttachmentContainer extends _react.Component {
         onLoaded
       } = this.props;
       (0, _utils.getBlobFromUrl)(input.value, response => {
-        if (response?.type) {
+        if (response !== null && response !== void 0 && response.type) {
           const fileType = response.type.substring(response.type.indexOf('/') + 1);
           this.setState({
             name: this.getDefaultAttachment(input.value, fileType)
@@ -52,7 +52,7 @@ class AttachmentContainer extends _react.Component {
       href: url,
       target: "_blank",
       rel: "noopener noreferrer"
-    }, _constants.DEFAULT_ATTACHMENT_NAME, fileType && `.${fileType}`) || '');
+    }, _constants.DEFAULT_ATTACHMENT_NAME, fileType && ".".concat(fileType)) || '');
     _defineProperty(this, "hasDefaultValueToLoad", () => this.props.input.value && typeof this.props.input.value === 'string');
     _defineProperty(this, "hasDefaultFileObjectToLoad", () => {
       const {
@@ -61,6 +61,7 @@ class AttachmentContainer extends _react.Component {
       return input.value && typeof input.value === 'object' && (0, _utils.isValidFile)(input.value.file);
     });
     _defineProperty(this, "onChange", async ev => {
+      var _this$props$allowedPD;
       let file = ev.target.files[0];
       const {
         resizeConfig,
@@ -68,8 +69,8 @@ class AttachmentContainer extends _react.Component {
       } = this.props;
       const fileErrorTexts = {
         formatError: _constants.FORMAT_ERROR_TEXT,
-        sizeError: `${_constants.SIZE_ERROR_TEXT} ${Math.round(this.props.maxFileSize / 1048576)}MB.`,
-        aspectRatioError: `${_constants.ASPECT_RATIO_ERROR_TEXT} ${this.props.allowedPDFUploadSizes?.map(aspectRatio => aspectRatio.name).join(' - ')})`
+        sizeError: "".concat(_constants.SIZE_ERROR_TEXT, " ").concat(Math.round(this.props.maxFileSize / 1048576), "MB."),
+        aspectRatioError: "".concat(_constants.ASPECT_RATIO_ERROR_TEXT, " ").concat((_this$props$allowedPD = this.props.allowedPDFUploadSizes) === null || _this$props$allowedPD === void 0 ? void 0 : _this$props$allowedPD.map(aspectRatio => aspectRatio.name).join(' - '), ")")
       };
       this.setState({
         error: false
@@ -147,11 +148,12 @@ class AttachmentContainer extends _react.Component {
     this.loadDefaultValues();
   }
   componentDidUpdate(prevProps) {
+    var _prevProps$fieldTypes;
     const {
       fieldTypes,
       input
     } = this.props;
-    if (prevProps.fieldTypes?.[0] !== fieldTypes?.[0]) this.removeValue();else if ((0, _utils.isNewFile)(prevProps.input.value, input.value)) this.loadDefaultValues();
+    if (((_prevProps$fieldTypes = prevProps.fieldTypes) === null || _prevProps$fieldTypes === void 0 ? void 0 : _prevProps$fieldTypes[0]) !== (fieldTypes === null || fieldTypes === void 0 ? void 0 : fieldTypes[0])) this.removeValue();else if ((0, _utils.isNewFile)(prevProps.input.value, input.value)) this.loadDefaultValues();
   }
   render() {
     const {

package/dist/components/UTAttachment/layout.js

@@ -41,7 +41,7 @@ const Attachment = _ref => {
   const fieldType = acceptedFileTypes || fieldTypes.map(type => _files.inputFiles[type].inputType).join();
   const Icon = RemoveIcon || _DeleteForever.default;
   return name && !loading ? /*#__PURE__*/_react.default.createElement("div", {
-    className: `${_stylesModule.default.previewContainer} ${previewClassname}`
+    className: "".concat(_stylesModule.default.previewContainer, " ").concat(previewClassname)
   }, /*#__PURE__*/_react.default.createElement(_Preview.default, {
     preview: preview,
     previewProps: previewProps
@@ -53,7 +53,7 @@ const Attachment = _ref => {
     className: _stylesModule.default.name
   }, name), /*#__PURE__*/_react.default.createElement(_UTButton.default, {
     classNames: {
-      root: `${_stylesModule.default.removeIconContainer} ${removeFileClassname}`
+      root: "".concat(_stylesModule.default.removeIconContainer, " ").concat(removeFileClassname)
     },
     disabled: disabled,
     Icon: Icon,

package/dist/components/UTAttachment/utils.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.pdfAspectRatioValidation = exports.isVideo = exports.isValidFile = exports.isPDF = exports.isNewFile = exports.isImage = exports.isHTML = exports.isAudio = exports.hasPreview = exports.getBlobFromUrl = void 0;
 var _files = require("@widergy/web-utils/lib/constants/files");
-if (window['pdfjs-dist/build/pdf']) window['pdfjs-dist/build/pdf'].GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${window['pdfjs-dist/build/pdf'].version}/pdf.worker.js`;
+if (window['pdfjs-dist/build/pdf']) window['pdfjs-dist/build/pdf'].GlobalWorkerOptions.workerSrc = "//cdnjs.cloudflare.com/ajax/libs/pdf.js/".concat(window['pdfjs-dist/build/pdf'].version, "/pdf.worker.js");
 const getImage = async imageUrl => fetch(imageUrl, {
   method: 'GET'
 }).catch(error => console.error(error)); // eslint-disable-line no-console
@@ -13,7 +13,7 @@ const getImage = async imageUrl => fetch(imageUrl, {
 const getBlobFromUrl = async (imageUrl, callback) => {
   if (!imageUrl || !callback) return false;
   const response = await getImage(imageUrl);
-  if (response?.ok) response.blob().then(blob => callback(blob));else callback(null);
+  if (response !== null && response !== void 0 && response.ok) response.blob().then(blob => callback(blob));else callback(null);
 };
 exports.getBlobFromUrl = getBlobFromUrl;
 const lengthMatches = (length1, length2, toleranceInPercentage) => {
@@ -38,27 +38,28 @@ const pdfAspectRatioValidation = async (file, allowedPDFUploadSizes) => {
   return pages.every(page => pageMatches(page, allowedPDFUploadSizes));
 };
 exports.pdfAspectRatioValidation = pdfAspectRatioValidation;
-const isImage = file => _files.inputFiles.image.validType.includes(file?.type);
+const isImage = file => _files.inputFiles.image.validType.includes(file === null || file === void 0 ? void 0 : file.type);
 exports.isImage = isImage;
-const isPDF = file => _files.inputFiles.pdf.validType.includes(file?.type);
+const isPDF = file => _files.inputFiles.pdf.validType.includes(file === null || file === void 0 ? void 0 : file.type);
 exports.isPDF = isPDF;
-const isAudio = file => _files.inputFiles.audio.validType.includes(file?.type);
+const isAudio = file => _files.inputFiles.audio.validType.includes(file === null || file === void 0 ? void 0 : file.type);
 exports.isAudio = isAudio;
-const isVideo = file => _files.inputFiles.video.validType.includes(file?.type);
+const isVideo = file => _files.inputFiles.video.validType.includes(file === null || file === void 0 ? void 0 : file.type);
 exports.isVideo = isVideo;
-const isHTML = file => _files.inputFiles.html.validType.includes(file?.type);
+const isHTML = file => _files.inputFiles.html.validType.includes(file === null || file === void 0 ? void 0 : file.type);
 exports.isHTML = isHTML;
 const hasPreview = file => isImage(file) || isAudio(file) || isVideo(file);
 exports.hasPreview = hasPreview;
 const isValidFile = file => hasPreview(file) || isPDF(file) || isHTML(file);
 exports.isValidFile = isValidFile;
 const isNewFile = (newFile, oldFile) => {
+  var _newFile$file, _oldFile$file;
   if (!newFile && !oldFile) return false;
   if (!newFile || !oldFile) return true;
   const newFileType = typeof newFile;
   const oldFileType = typeof oldFile;
   if (newFileType !== oldFileType) return true;
   if (newFileType === 'string') return newFile !== oldFile;
-  return newFile.file?.lastModified !== oldFile.file?.lastModified;
+  return ((_newFile$file = newFile.file) === null || _newFile$file === void 0 ? void 0 : _newFile$file.lastModified) !== ((_oldFile$file = oldFile.file) === null || _oldFile$file === void 0 ? void 0 : _oldFile$file.lastModified);
 };
 exports.isNewFile = isNewFile;