@widergy/energy-ui 3.172.1 → 3.172.3

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

@@ -1,129 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-var _propTypes = require("prop-types");
-var _UTButton = _interopRequireDefault(require("../../../UTButton"));
-var _UTButtonGroup = _interopRequireDefault(require("../../../UTButtonGroup"));
-var _UTMenu = _interopRequireDefault(require("../../../UTMenu"));
-var _UTTooltip = _interopRequireDefault(require("../../../UTTooltip"));
-var _constants = require("../../constants");
-var _utils = require("./utils");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-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 HeaderActions = _ref => {
-  var _headerActions$find, _secondaryActions$;
-  let {
-    headerActions,
-    headerActionsProps,
-    setMainActionHoverVisible
-  } = _ref;
-  const [menu, setMenu] = (0, _react.useState)();
-  const [selectedAction, setSelectedAction] = (0, _react.useState)((_headerActions$find = headerActions.find(_ref2 => {
-    let {
-      selectedDefault
-    } = _ref2;
-    return selectedDefault;
-  })) === null || _headerActions$find === void 0 ? void 0 : _headerActions$find.id);
-  const showButtonGroup = headerActionsProps.variant === _constants.HEADER_ACTIONS_VARIANTS.BUTTON_GROUP;
-  const {
-    colorTheme: buttonGroupColorTheme = 'secondary',
-    shape: buttonGroupShape
-  } = (headerActionsProps === null || headerActionsProps === void 0 ? void 0 : headerActionsProps.buttonGroupProps) || {};
-  const handleSetMainActionHoverVisible = () => setMainActionHoverVisible(true);
-  const handleSetMainActionHoverHidden = () => setMainActionHoverVisible(false);
-  const openMenu = event => setMenu(event.currentTarget);
-  const closeMenu = () => {
-    handleSetMainActionHoverVisible();
-    setMenu();
-  };
-  const {
-    primaryActions,
-    secondaryActions
-  } = (0, _utils.processActions)(headerActions, !showButtonGroup ? closeMenu : null);
-  const buttonSize = (headerActionsProps === null || headerActionsProps === void 0 ? void 0 : headerActionsProps.buttonSize) || 'medium';
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.headerActionsContainer, " ").concat(_stylesModule.default["placeSelf-".concat(headerActionsProps.alignment)]),
-    onClick: e => e.stopPropagation(),
-    onMouseEnter: handleSetMainActionHoverHidden,
-    onMouseLeave: handleSetMainActionHoverVisible
-  }, primaryActions.map(buttonProps => /*#__PURE__*/_react.default.createElement(_UTTooltip.default, {
-    tippyProps: {
-      appendTo: () => document.body,
-      interactive: false
-    },
-    content: buttonProps.label && /*#__PURE__*/_react.default.createElement("span", null, buttonProps.label)
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({}, buttonProps, {
-    classNames: {
-      root: _stylesModule.default.zIndex
-    },
-    size: buttonSize,
-    variant: "text"
-  }), buttonProps.title)))), !(0, _isEmpty.default)(secondaryActions) && (!showButtonGroup ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_UTMenu.default, {
-    anchor: menu,
-    iconBefore: true,
-    items: secondaryActions,
-    menuPlacement: "bottom-end",
-    onClose: closeMenu,
-    scrollBarProps: {
-      options: {
-        suppressScrollY: true,
-        suppressScrollX: true
-      }
-    }
-  }), /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    classNames: {
-      root: _stylesModule.default.zIndex
-    },
-    Icon: "IconDots",
-    onClick: e => {
-      e.stopPropagation();
-      if (menu) {
-        setMenu();
-      } else {
-        openMenu(e);
-      }
-    },
-    size: "medium",
-    variant: "text"
-  })) : /*#__PURE__*/_react.default.createElement(_UTButtonGroup.default, {
-    actions: secondaryActions.map(action => ({
-      ...action,
-      onClick: () => {
-        setSelectedAction(action.id);
-        action.onClick();
-      }
-    })),
-    colorTheme: buttonGroupColorTheme,
-    selected: selectedAction || ((_secondaryActions$ = secondaryActions[0]) === null || _secondaryActions$ === void 0 ? void 0 : _secondaryActions$.id),
-    shape: buttonGroupShape
-  })));
-};
-HeaderActions.propTypes = {
-  headerActions: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-    Icon: (0, _propTypes.oneOfType)([_propTypes.elementType, _propTypes.string]),
-    id: (0, _propTypes.oneOfType)([_propTypes.number, _propTypes.string]),
-    isPrimary: _propTypes.bool,
-    title: _propTypes.string,
-    label: _propTypes.string,
-    loading: _propTypes.bool,
-    onClick: _propTypes.func,
-    selectedDefault: _propTypes.bool
-  })),
-  headerActionsProps: (0, _propTypes.shape)({
-    alignment: (0, _propTypes.oneOf)([_constants.PLACE_SELF_TYPES.CENTER, _constants.PLACE_SELF_TYPES.END, _constants.PLACE_SELF_TYPES.START]),
-    buttonGroupProps: (0, _propTypes.shape)({
-      colorTheme: _propTypes.string,
-      shape: _propTypes.string
-    }),
-    variant: (0, _propTypes.oneOf)([_constants.HEADER_ACTIONS_VARIANTS.DEFAULT, _constants.HEADER_ACTIONS_VARIANTS.BUTTON_GROUP])
-  }),
-  setMainActionHoverVisible: _propTypes.func
-};
-var _default = exports.default = /*#__PURE__*/(0, _react.memo)(HeaderActions);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_propTypes=require("prop-types"),_UTButton=_interopRequireDefault(require("../../../UTButton")),_UTButtonGroup=_interopRequireDefault(require("../../../UTButtonGroup")),_UTMenu=_interopRequireDefault(require("../../../UTMenu")),_UTTooltip=_interopRequireDefault(require("../../../UTTooltip")),_constants=require("../../constants"),_utils=require("./utils"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}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 HeaderActions=_ref=>{var _headerActions$find,_secondaryActions$;let{headerActions:headerActions,headerActionsProps:headerActionsProps,setMainActionHoverVisible:setMainActionHoverVisible}=_ref;const[menu,setMenu]=(0,_react.useState)(),[selectedAction,setSelectedAction]=(0,_react.useState)(null===(_headerActions$find=headerActions.find(_ref2=>{let{selectedDefault:selectedDefault}=_ref2;return selectedDefault}))||void 0===_headerActions$find?void 0:_headerActions$find.id),showButtonGroup=headerActionsProps.variant===_constants.HEADER_ACTIONS_VARIANTS.BUTTON_GROUP,{colorTheme:buttonGroupColorTheme="secondary",shape:buttonGroupShape}=(null==headerActionsProps?void 0:headerActionsProps.buttonGroupProps)||{},handleSetMainActionHoverVisible=()=>setMainActionHoverVisible(!0),closeMenu=()=>{handleSetMainActionHoverVisible(),setMenu()},{primaryActions:primaryActions,secondaryActions:secondaryActions}=(0,_utils.processActions)(headerActions,showButtonGroup?null:closeMenu),buttonSize=(null==headerActionsProps?void 0:headerActionsProps.buttonSize)||"medium";return _react.default.createElement("div",{className:"".concat(_stylesModule.default.headerActionsContainer," ").concat(_stylesModule.default["placeSelf-".concat(headerActionsProps.alignment)]),onClick:e=>e.stopPropagation(),onMouseEnter:()=>setMainActionHoverVisible(!1),onMouseLeave:handleSetMainActionHoverVisible},primaryActions.map(buttonProps=>_react.default.createElement(_UTTooltip.default,{tippyProps:{appendTo:()=>document.body,interactive:!1},content:buttonProps.label&&_react.default.createElement("span",null,buttonProps.label)},_react.default.createElement("div",null,_react.default.createElement(_UTButton.default,_extends({},buttonProps,{classNames:{root:_stylesModule.default.zIndex},size:buttonSize,variant:"text"}),buttonProps.title)))),!(0,_isEmpty.default)(secondaryActions)&&(showButtonGroup?_react.default.createElement(_UTButtonGroup.default,{actions:secondaryActions.map(action=>({...action,onClick:()=>{setSelectedAction(action.id),action.onClick()}})),colorTheme:buttonGroupColorTheme,selected:selectedAction||(null===(_secondaryActions$=secondaryActions[0])||void 0===_secondaryActions$?void 0:_secondaryActions$.id),shape:buttonGroupShape}):_react.default.createElement(_react.Fragment,null,_react.default.createElement(_UTMenu.default,{anchor:menu,iconBefore:!0,items:secondaryActions,menuPlacement:"bottom-end",onClose:closeMenu,scrollBarProps:{options:{suppressScrollY:!0,suppressScrollX:!0}}}),_react.default.createElement(_UTButton.default,{classNames:{root:_stylesModule.default.zIndex},Icon:"IconDots",onClick:e=>{e.stopPropagation(),menu?setMenu():setMenu(e.currentTarget)},size:"medium",variant:"text"}))))};HeaderActions.propTypes={headerActions:(0,_propTypes.arrayOf)((0,_propTypes.shape)({Icon:(0,_propTypes.oneOfType)([_propTypes.elementType,_propTypes.string]),id:(0,_propTypes.oneOfType)([_propTypes.number,_propTypes.string]),isPrimary:_propTypes.bool,title:_propTypes.string,label:_propTypes.string,loading:_propTypes.bool,onClick:_propTypes.func,selectedDefault:_propTypes.bool})),headerActionsProps:(0,_propTypes.shape)({alignment:(0,_propTypes.oneOf)([_constants.PLACE_SELF_TYPES.CENTER,_constants.PLACE_SELF_TYPES.END,_constants.PLACE_SELF_TYPES.START]),buttonGroupProps:(0,_propTypes.shape)({colorTheme:_propTypes.string,shape:_propTypes.string}),variant:(0,_propTypes.oneOf)([_constants.HEADER_ACTIONS_VARIANTS.DEFAULT,_constants.HEADER_ACTIONS_VARIANTS.BUTTON_GROUP])}),setMainActionHoverVisible:_propTypes.func};var _default=exports.default=(0,_react.memo)(HeaderActions);

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

@@ -1,31 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),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;null==e||e.stopPropagation(),onClickHandler&&onClickHandler(),null==action||null===(_action$onClick=action.onClick)||void 0===_action$onClick||_action$onClick.call(action)}}),processActions=(headerActions,onClickHandler)=>headerActions.reduce((final,current)=>current.isPrimary&&(0,_isEmpty.default)(final.primaryActions)?{...final,primaryActions:[current]}:{...final,secondaryActions:[...final.secondaryActions,mapAction(current,onClickHandler)]},{primaryActions:[],secondaryActions:[]});exports.processActions=processActions;

package/dist/components/UTActionCard/constants.js

@@ -1,23 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SIZES = exports.PLACE_SELF_TYPES = exports.HEADER_ACTIONS_VARIANTS = exports.ACTION_TYPES = void 0;
-const SIZES = exports.SIZES = {
-  MEDIUM: 'medium',
-  SMALL: 'small'
-};
-const ACTION_TYPES = exports.ACTION_TYPES = {
-  DEFAULT: 'default',
-  REDIRECTION: 'redirection'
-};
-const HEADER_ACTIONS_VARIANTS = exports.HEADER_ACTIONS_VARIANTS = {
-  BUTTON_GROUP: 'buttonGroup',
-  DEFAULT: 'default'
-};
-const PLACE_SELF_TYPES = exports.PLACE_SELF_TYPES = {
-  CENTER: 'center',
-  END: 'end',
-  START: 'start'
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SIZES=exports.PLACE_SELF_TYPES=exports.HEADER_ACTIONS_VARIANTS=exports.ACTION_TYPES=void 0;const SIZES=exports.SIZES={MEDIUM:"medium",SMALL:"small"},ACTION_TYPES=exports.ACTION_TYPES={DEFAULT:"default",REDIRECTION:"redirection"},HEADER_ACTIONS_VARIANTS=exports.HEADER_ACTIONS_VARIANTS={BUTTON_GROUP:"buttonGroup",DEFAULT:"default"},PLACE_SELF_TYPES=exports.PLACE_SELF_TYPES={CENTER:"center",END:"end",START:"start"};

package/dist/components/UTActionCard/index.js

@@ -1,158 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _array = require("@widergy/web-utils/lib/array");
-var _object = require("@widergy/web-utils/lib/object");
-var _UTTouchableWithoutFeedback = _interopRequireDefault(require("../UTTouchableWithoutFeedback"));
-var _BottomActions = _interopRequireDefault(require("./components/BottomActions"));
-var _AdditionalMessage = _interopRequireDefault(require("./components/AdditionalMessage"));
-var _Header = _interopRequireDefault(require("./components/Header"));
-var _constants = require("./constants");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-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,
-    adornment,
-    BackgroundImage,
-    bottomActions,
-    bottomActionsVariant,
-    children,
-    classNames = {},
-    description,
-    descriptionProps = {},
-    headerActions,
-    headerActionsProps = {
-      variant: _constants.HEADER_ACTIONS_VARIANTS.DEFAULT
-    },
-    hideHeader = false,
-    mainAction,
-    size = _constants.SIZES.MEDIUM,
-    status,
-    statusAlignment,
-    statusLabel,
-    testIds = {},
-    title,
-    titleProps = {},
-    withBodyPadding = true
-  } = _ref;
-  const [mainActionHoverVisible, setMainActionHoverVisible] = (0, _react.useState)(true);
-  const {
-    backgroundDataTestId,
-    containerDataTestId,
-    statusDataTestId
-  } = testIds;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.cardContainer, " ").concat(classNames.container)
-  }, /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
-    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))),
-    dataTestId: containerDataTestId,
-    onClick: () => mainAction === null || mainAction === void 0 ? void 0 : mainAction()
-  }, BackgroundImage && /*#__PURE__*/_react.default.createElement(BackgroundImage, {
-    className: "".concat(_stylesModule.default.backgroundImage, " ").concat(classNames.backgroundImage),
-    "data-testid": backgroundDataTestId
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.headerAndChildrenContainer, " ").concat(classNames.headerAndChildrenContainer)
-  }, !hideHeader && /*#__PURE__*/_react.default.createElement(_Header.default, {
-    adornment,
-    classNames,
-    description,
-    descriptionProps,
-    headerActions,
-    headerActionsProps,
-    mainAction,
-    setMainActionHoverVisible,
-    size,
-    status,
-    statusAlignment,
-    statusDataTestId,
-    statusLabel,
-    title,
-    titleProps
-  }), children && /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(hideHeader ? _stylesModule.default.withoutHeader : '', " ").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, {
-    actions: bottomActions,
-    bottomActionsVariant: bottomActionsVariant,
-    size: size
-  }));
-};
-UTActionCard.propTypes = {
-  additionalMessage: (0, _propTypes.shape)({
-    Icon: _propTypes.elementType,
-    iconProps: (0, _propTypes.shape)({
-      colorTheme: _propTypes.string,
-      size: _propTypes.string
-    }),
-    labelProps: (0, _propTypes.shape)({
-      colorTheme: _propTypes.string,
-      variant: _propTypes.string
-    }),
-    message: _propTypes.string
-  }),
-  adornment: (0, _propTypes.shape)({
-    alignment: (0, _propTypes.oneOf)([_constants.PLACE_SELF_TYPES.CENTER, _constants.PLACE_SELF_TYPES.END, _constants.PLACE_SELF_TYPES.START]),
-    position: _propTypes.string,
-    props: _propTypes.object,
-    type: _propTypes.string
-  }),
-  BackgroundImage: _propTypes.elementType,
-  bottomActions: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-    colorTheme: _propTypes.string,
-    disabled: _propTypes.bool,
-    Icon: _propTypes.elementType,
-    label: _propTypes.string,
-    loading: _propTypes.bool,
-    onClick: _propTypes.func
-  })),
-  bottomActionsVariant: (0, _propTypes.oneOf)([_constants.ACTION_TYPES.DEFAULT, _constants.ACTION_TYPES.REDIRECTION]),
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  description: _propTypes.string,
-  descriptionProps: (0, _propTypes.shape)({
-    colorTheme: _propTypes.string,
-    variant: _propTypes.string
-  }),
-  headerActions: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-    Icon: (0, _propTypes.oneOfType)([_propTypes.elementType, _propTypes.string]),
-    iconProps: _propTypes.string,
-    id: (0, _propTypes.oneOfType)([_propTypes.number, _propTypes.string]),
-    label: _propTypes.string,
-    loading: _propTypes.bool,
-    onClick: _propTypes.func
-  })),
-  headerActionsProps: (0, _propTypes.shape)({
-    alignment: (0, _propTypes.oneOf)([_constants.PLACE_SELF_TYPES.CENTER, _constants.PLACE_SELF_TYPES.END, _constants.PLACE_SELF_TYPES.START]),
-    buttonGroupProps: (0, _propTypes.shape)({
-      colorTheme: _propTypes.string,
-      shape: _propTypes.string
-    }),
-    variant: (0, _propTypes.oneOf)([_constants.HEADER_ACTIONS_VARIANTS.DEFAULT, _constants.HEADER_ACTIONS_VARIANTS.BUTTON_GROUP])
-  }),
-  hideHeader: _propTypes.bool,
-  mainAction: _propTypes.func,
-  size: (0, _propTypes.oneOf)([_constants.SIZES.MEDIUM, _constants.SIZES.SMALL]),
-  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]),
-  testIds: (0, _propTypes.shape)({
-    backgroundDataTestId: _propTypes.string,
-    containerDataTestId: _propTypes.string,
-    statusDataTestId: _propTypes.string
-  }),
-  title: _propTypes.string,
-  titleProps: (0, _propTypes.shape)({
-    variant: _propTypes.string,
-    weight: _propTypes.string
-  }),
-  withBodyPadding: _propTypes.bool
-};
-var _default = exports.default = /*#__PURE__*/(0, _react.memo)(UTActionCard);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_array=require("@widergy/web-utils/lib/array"),_object=require("@widergy/web-utils/lib/object"),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../UTTouchableWithoutFeedback")),_BottomActions=_interopRequireDefault(require("./components/BottomActions")),_AdditionalMessage=_interopRequireDefault(require("./components/AdditionalMessage")),_Header=_interopRequireDefault(require("./components/Header")),_constants=require("./constants"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}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:additionalMessage,adornment:adornment,BackgroundImage:BackgroundImage,bottomActions:bottomActions,bottomActionsVariant:bottomActionsVariant,children:children,classNames:classNames={},description:description,descriptionProps:descriptionProps={},headerActions:headerActions,headerActionsProps:headerActionsProps={variant:_constants.HEADER_ACTIONS_VARIANTS.DEFAULT},hideHeader:hideHeader=!1,mainAction:mainAction,size:size=_constants.SIZES.MEDIUM,status:status,statusAlignment:statusAlignment,statusLabel:statusLabel,testIds:testIds={},title:title,titleProps:titleProps={},withBodyPadding:withBodyPadding=!0}=_ref;const[mainActionHoverVisible,setMainActionHoverVisible]=(0,_react.useState)(!0),{backgroundDataTestId:backgroundDataTestId,containerDataTestId:containerDataTestId,statusDataTestId:statusDataTestId}=testIds;return _react.default.createElement("div",{className:"".concat(_stylesModule.default.cardContainer," ").concat(classNames.container)},_react.default.createElement(_UTTouchableWithoutFeedback.default,{className:"".concat(_stylesModule.default.innerContainer," ").concat(classNames.innerContainer," ").concat(mainAction?"".concat(_stylesModule.default.withMainAction," ").concat(mainActionHoverVisible&&"".concat(_stylesModule.default.mainActionHover," ").concat(classNames.mainActionHover)):_stylesModule.default.withoutMainAction),dataTestId:containerDataTestId,onClick:()=>null==mainAction?void 0:mainAction()},BackgroundImage&&_react.default.createElement(BackgroundImage,{className:"".concat(_stylesModule.default.backgroundImage," ").concat(classNames.backgroundImage),"data-testid":backgroundDataTestId}),_react.default.createElement("div",{className:"".concat(_stylesModule.default.headerAndChildrenContainer," ").concat(classNames.headerAndChildrenContainer)},!hideHeader&&_react.default.createElement(_Header.default,{adornment:adornment,classNames:classNames,description:description,descriptionProps:descriptionProps,headerActions:headerActions,headerActionsProps:headerActionsProps,mainAction:mainAction,setMainActionHoverVisible:setMainActionHoverVisible,size:size,status:status,statusAlignment:statusAlignment,statusDataTestId:statusDataTestId,statusLabel:statusLabel,title:title,titleProps:titleProps}),children&&_react.default.createElement("div",{className:"".concat(hideHeader?_stylesModule.default.withoutHeader:""," ").concat(withBodyPadding?_stylesModule.default["bodyPadding-".concat(size)]:_stylesModule.default["withoutBodyPadding-".concat(size)])},children))),!(0,_object.objectIsEmpty)(additionalMessage)&&_react.default.createElement(_AdditionalMessage.default,_extends({},additionalMessage,{size:size})),!(0,_array.isEmpty)(bottomActions)&&_react.default.createElement(_BottomActions.default,{actions:bottomActions,bottomActionsVariant:bottomActionsVariant,size:size}))};UTActionCard.propTypes={additionalMessage:(0,_propTypes.shape)({Icon:_propTypes.elementType,iconProps:(0,_propTypes.shape)({colorTheme:_propTypes.string,size:_propTypes.string}),labelProps:(0,_propTypes.shape)({colorTheme:_propTypes.string,variant:_propTypes.string}),message:_propTypes.string}),adornment:(0,_propTypes.shape)({alignment:(0,_propTypes.oneOf)([_constants.PLACE_SELF_TYPES.CENTER,_constants.PLACE_SELF_TYPES.END,_constants.PLACE_SELF_TYPES.START]),position:_propTypes.string,props:_propTypes.object,type:_propTypes.string}),BackgroundImage:_propTypes.elementType,bottomActions:(0,_propTypes.arrayOf)((0,_propTypes.shape)({colorTheme:_propTypes.string,disabled:_propTypes.bool,Icon:_propTypes.elementType,label:_propTypes.string,loading:_propTypes.bool,onClick:_propTypes.func})),bottomActionsVariant:(0,_propTypes.oneOf)([_constants.ACTION_TYPES.DEFAULT,_constants.ACTION_TYPES.REDIRECTION]),classNames:(0,_propTypes.objectOf)(_propTypes.string),description:_propTypes.string,descriptionProps:(0,_propTypes.shape)({colorTheme:_propTypes.string,variant:_propTypes.string}),headerActions:(0,_propTypes.arrayOf)((0,_propTypes.shape)({Icon:(0,_propTypes.oneOfType)([_propTypes.elementType,_propTypes.string]),iconProps:_propTypes.string,id:(0,_propTypes.oneOfType)([_propTypes.number,_propTypes.string]),label:_propTypes.string,loading:_propTypes.bool,onClick:_propTypes.func})),headerActionsProps:(0,_propTypes.shape)({alignment:(0,_propTypes.oneOf)([_constants.PLACE_SELF_TYPES.CENTER,_constants.PLACE_SELF_TYPES.END,_constants.PLACE_SELF_TYPES.START]),buttonGroupProps:(0,_propTypes.shape)({colorTheme:_propTypes.string,shape:_propTypes.string}),variant:(0,_propTypes.oneOf)([_constants.HEADER_ACTIONS_VARIANTS.DEFAULT,_constants.HEADER_ACTIONS_VARIANTS.BUTTON_GROUP])}),hideHeader:_propTypes.bool,mainAction:_propTypes.func,size:(0,_propTypes.oneOf)([_constants.SIZES.MEDIUM,_constants.SIZES.SMALL]),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]),testIds:(0,_propTypes.shape)({backgroundDataTestId:_propTypes.string,containerDataTestId:_propTypes.string,statusDataTestId:_propTypes.string}),title:_propTypes.string,titleProps:(0,_propTypes.shape)({variant:_propTypes.string,weight:_propTypes.string}),withBodyPadding:_propTypes.bool};var _default=exports.default=(0,_react.memo)(UTActionCard);

package/dist/components/UTAlert/AlertHandler.js

@@ -1,88 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const sendAlert = (setState, parameters) => setTimeout(() => setState({
-  ...parameters,
-  open: true
-}), 300);
-const defaultState = {
-  open: false,
-  type: 'info',
-  message: '',
-  topRight: false,
-  timeDuration: 0
-};
-let currentAlert;
-const close = setState => setState({
-  ...currentAlert,
-  open: false
-});
-class AlertHandler {
-  init(_ref) {
-    let {
-      setState,
-      duration = 5000
-    } = _ref;
-    this.setState = setState;
-    defaultState.timeDuration = duration;
-    defaultState.onClose = () => close(setState);
-    currentAlert = defaultState;
-    this.setState(defaultState);
-  }
-  success(message) {
-    let topRight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultState.topRight;
-    let timeDuration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultState.timeDuration;
-    close(this.setState);
-    currentAlert = {
-      ...currentAlert,
-      message,
-      type: 'success',
-      topRight,
-      timeDuration
-    };
-    sendAlert(this.setState, currentAlert);
-  }
-  error(message) {
-    let topRight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultState.topRight;
-    let timeDuration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultState.timeDuration;
-    close(this.setState);
-    currentAlert = {
-      ...currentAlert,
-      message,
-      type: 'error',
-      topRight,
-      timeDuration
-    };
-    sendAlert(this.setState, currentAlert);
-  }
-  info(message) {
-    let topRight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultState.topRight;
-    let timeDuration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultState.timeDuration;
-    close(this.setState);
-    currentAlert = {
-      ...currentAlert,
-      message,
-      type: 'info',
-      topRight,
-      timeDuration
-    };
-    sendAlert(this.setState, currentAlert);
-  }
-  warning(message) {
-    let topRight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultState.topRight;
-    let timeDuration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultState.timeDuration;
-    close(this.setState);
-    currentAlert = {
-      ...currentAlert,
-      message,
-      type: 'warning',
-      topRight,
-      timeDuration
-    };
-    sendAlert(this.setState, currentAlert);
-  }
-}
-var _default = exports.default = new AlertHandler();
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;const sendAlert=(setState,parameters)=>setTimeout(()=>setState({...parameters,open:!0}),300),defaultState={open:!1,type:"info",message:"",topRight:!1,timeDuration:0};let currentAlert;const close=setState=>setState({...currentAlert,open:!1});class AlertHandler{init(_ref){let{setState:setState,duration:duration=5e3}=_ref;this.setState=setState,defaultState.timeDuration=duration,defaultState.onClose=()=>close(setState),currentAlert=defaultState,this.setState(defaultState)}success(message){let topRight=arguments.length>1&&void 0!==arguments[1]?arguments[1]:defaultState.topRight,timeDuration=arguments.length>2&&void 0!==arguments[2]?arguments[2]:defaultState.timeDuration;close(this.setState),currentAlert={...currentAlert,message:message,type:"success",topRight:topRight,timeDuration:timeDuration},sendAlert(this.setState,currentAlert)}error(message){let topRight=arguments.length>1&&void 0!==arguments[1]?arguments[1]:defaultState.topRight,timeDuration=arguments.length>2&&void 0!==arguments[2]?arguments[2]:defaultState.timeDuration;close(this.setState),currentAlert={...currentAlert,message:message,type:"error",topRight:topRight,timeDuration:timeDuration},sendAlert(this.setState,currentAlert)}info(message){let topRight=arguments.length>1&&void 0!==arguments[1]?arguments[1]:defaultState.topRight,timeDuration=arguments.length>2&&void 0!==arguments[2]?arguments[2]:defaultState.timeDuration;close(this.setState),currentAlert={...currentAlert,message:message,type:"info",topRight:topRight,timeDuration:timeDuration},sendAlert(this.setState,currentAlert)}warning(message){let topRight=arguments.length>1&&void 0!==arguments[1]?arguments[1]:defaultState.topRight,timeDuration=arguments.length>2&&void 0!==arguments[2]?arguments[2]:defaultState.timeDuration;close(this.setState),currentAlert={...currentAlert,message:message,type:"warning",topRight:topRight,timeDuration:timeDuration},sendAlert(this.setState,currentAlert)}}var _default=exports.default=new AlertHandler;

package/dist/components/UTAlert/index.js

@@ -1,150 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _CheckCircle = _interopRequireDefault(require("@material-ui/icons/CheckCircle"));
-var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
-var _Error = _interopRequireDefault(require("@material-ui/icons/Error"));
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-var _Info = _interopRequireDefault(require("@material-ui/icons/Info"));
-var _react = _interopRequireWildcard(require("react"));
-var _Slide = _interopRequireDefault(require("@material-ui/core/Slide"));
-var _Snackbar = _interopRequireDefault(require("@material-ui/core/Snackbar"));
-var _Warning = _interopRequireDefault(require("@material-ui/icons/Warning"));
-var _propTypes = require("prop-types");
-var _UTLabel = _interopRequireDefault(require("../UTLabel"));
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
-var _testIds = require("../../constants/testIds");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-var _theme = require("./theme");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const {
-  snackBar
-} = _testIds.TEST_IDS;
-const variantIcon = {
-  error: _Error.default,
-  info: _Info.default,
-  success: _CheckCircle.default,
-  warning: _Warning.default
-};
-class UTAlert extends _react.PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "handleClose", (_, reason) => {
-      // In case you don't want to dismiss notification clicking away
-      if (reason === 'clickaway') {
-        return;
-      }
-      const {
-        content: alert
-      } = this.props;
-      return alert.onClose && alert.onClose();
-    });
-    _defineProperty(this, "selectAlertType", () => {
-      const {
-        content: alert,
-        classes
-      } = this.props;
-      switch (alert.type) {
-        case 'info':
-          return classes.info;
-        case 'error':
-          return classes.error;
-        case 'warning':
-          return classes.warning;
-        default:
-          return classes.success;
-      }
-    });
-  }
-  render() {
-    const {
-      classes = {},
-      closeDataTestId = snackBar.closeButton,
-      content: alert = {},
-      labelDataTestId = "".concat(snackBar.label, ".").concat(alert.type),
-      withoutIcon
-    } = this.props;
-    const anchor = {
-      horizontal: alert.topRight ? 'right' : 'left',
-      vertical: alert.topRight ? 'top' : 'bottom'
-    };
-    const transition = {
-      direction: alert.topRight ? 'left' : 'up'
-    };
-    const AlertTypeIcon = alert.type && variantIcon[alert.type];
-    return /*#__PURE__*/_react.default.createElement(_Snackbar.default, {
-      action: [/*#__PURE__*/_react.default.createElement(_IconButton.default, {
-        classes: {
-          root: classes.action
-        },
-        color: "inherit",
-        "data-testid": closeDataTestId,
-        key: "close",
-        onClick: this.handleClose
-      }, /*#__PURE__*/_react.default.createElement(_Close.default, null))],
-      anchorOrigin: anchor,
-      autoHideDuration: alert.timeDuration,
-      classes: {
-        root: _stylesModule.default.snackbarRoot
-      },
-      ContentProps: {
-        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: "".concat(_stylesModule.default.content, " ").concat(classes.content)
-      }, !withoutIcon && AlertTypeIcon && /*#__PURE__*/_react.default.createElement(AlertTypeIcon, {
-        classes: {
-          root: _stylesModule.default.alertTypeIcon
-        }
-      }), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-        colorTheme: "light",
-        withMarkdown: true,
-        dataTestId: labelDataTestId
-      }, alert.message)),
-      onClose: this.handleClose,
-      open: alert.open,
-      TransitionComponent: _Slide.default,
-      TransitionProps: transition
-    });
-  }
-}
-UTAlert.propTypes = {
-  content: (0, _propTypes.shape)({
-    message: _propTypes.string,
-    onClose: _propTypes.func,
-    open: _propTypes.bool,
-    timeDuration: _propTypes.number,
-    topRight: _propTypes.bool,
-    type: _propTypes.string
-  }),
-  classes: (0, _propTypes.shape)({
-    error: _propTypes.string,
-    info: _propTypes.string,
-    success: _propTypes.string
-  }),
-  closeDataTestId: _propTypes.string,
-  labelDataTestId: _propTypes.string,
-  withoutIcon: _propTypes.bool
-};
-UTAlert.defaultProps = {
-  content: {
-    message: undefined,
-    open: false,
-    timeDuration: undefined,
-    topRight: undefined,
-    type: undefined
-  },
-  classes: {}
-};
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle, _theme.retrieveMuiTheme)(UTAlert);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _CheckCircle=_interopRequireDefault(require("@material-ui/icons/CheckCircle")),_Close=_interopRequireDefault(require("@material-ui/icons/Close")),_Error=_interopRequireDefault(require("@material-ui/icons/Error")),_IconButton=_interopRequireDefault(require("@material-ui/core/IconButton")),_Info=_interopRequireDefault(require("@material-ui/icons/Info")),_react=_interopRequireWildcard(require("react")),_Slide=_interopRequireDefault(require("@material-ui/core/Slide")),_Snackbar=_interopRequireDefault(require("@material-ui/core/Snackbar")),_Warning=_interopRequireDefault(require("@material-ui/icons/Warning")),_propTypes=require("prop-types"),_UTLabel=_interopRequireDefault(require("../UTLabel")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_testIds=require("../../constants/testIds"),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_theme=require("./theme");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==typeof i?i:i+""}function _toPrimitive(t,r){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}const{snackBar:snackBar}=_testIds.TEST_IDS,variantIcon={error:_Error.default,info:_Info.default,success:_CheckCircle.default,warning:_Warning.default};class UTAlert extends _react.PureComponent{constructor(){super(...arguments),_defineProperty(this,"handleClose",(_,reason)=>{if("clickaway"===reason)return;const{content:alert}=this.props;return alert.onClose&&alert.onClose()}),_defineProperty(this,"selectAlertType",()=>{const{content:alert,classes:classes}=this.props;switch(alert.type){case"info":return classes.info;case"error":return classes.error;case"warning":return classes.warning;default:return classes.success}})}render(){const{classes:classes={},closeDataTestId:closeDataTestId=snackBar.closeButton,content:alert={},labelDataTestId:labelDataTestId="".concat(snackBar.label,".").concat(alert.type),withoutIcon:withoutIcon}=this.props,anchor={horizontal:alert.topRight?"right":"left",vertical:alert.topRight?"top":"bottom"},transition={direction:alert.topRight?"left":"up"},AlertTypeIcon=alert.type&&variantIcon[alert.type];return _react.default.createElement(_Snackbar.default,{action:[_react.default.createElement(_IconButton.default,{classes:{root:classes.action},color:"inherit","data-testid":closeDataTestId,key:"close",onClick:this.handleClose},_react.default.createElement(_Close.default,null))],anchorOrigin:anchor,autoHideDuration:alert.timeDuration,classes:{root:_stylesModule.default.snackbarRoot},ContentProps:{className:"".concat(_stylesModule.default.snackbarContent," ").concat(classes.snackbarContent," ").concat(this.selectAlertType()),classes:{action:_stylesModule.default.action,message:_stylesModule.default.message}},message:_react.default.createElement("div",{className:"".concat(_stylesModule.default.content," ").concat(classes.content)},!withoutIcon&&AlertTypeIcon&&_react.default.createElement(AlertTypeIcon,{classes:{root:_stylesModule.default.alertTypeIcon}}),_react.default.createElement(_UTLabel.default,{colorTheme:"light",withMarkdown:!0,dataTestId:labelDataTestId},alert.message)),onClose:this.handleClose,open:alert.open,TransitionComponent:_Slide.default,TransitionProps:transition})}}UTAlert.propTypes={content:(0,_propTypes.shape)({message:_propTypes.string,onClose:_propTypes.func,open:_propTypes.bool,timeDuration:_propTypes.number,topRight:_propTypes.bool,type:_propTypes.string}),classes:(0,_propTypes.shape)({error:_propTypes.string,info:_propTypes.string,success:_propTypes.string}),closeDataTestId:_propTypes.string,labelDataTestId:_propTypes.string,withoutIcon:_propTypes.bool},UTAlert.defaultProps={content:{message:void 0,open:!1,timeDuration:void 0,topRight:void 0,type:void 0},classes:{}};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle,_theme.retrieveMuiTheme)(UTAlert);