@widergy/energy-ui 3.173.2 → 3.173.4

package/dist/components/UTMenu/index.js

@@ -1,198 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _ClickAwayListener = _interopRequireDefault(require("@material-ui/core/ClickAwayListener"));
-var _Grow = _interopRequireDefault(require("@material-ui/core/Grow"));
-var _Fade = _interopRequireDefault(require("@material-ui/core/Fade"));
-var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
-var _Popper = _interopRequireDefault(require("@material-ui/core/Popper"));
-var _MenuList = _interopRequireDefault(require("@material-ui/core/MenuList"));
-var _reactPerfectScrollbar = _interopRequireDefault(require("react-perfect-scrollbar"));
-require("react-perfect-scrollbar/dist/css/styles.css");
-var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
-var _array = require("@widergy/web-utils/lib/array");
-var _commonTypes = require("../../types/commonTypes");
-var _classesUtils = require("../../utils/classesUtils");
-var _UTLabel = _interopRequireDefault(require("../UTLabel"));
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
-var _theme = require("./theme");
-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 UTMenu = _ref => {
-  let {
-    anchor,
-    animation,
-    animatorProps,
-    arrowProps,
-    classes: themeClasses,
-    classNames,
-    clickAwayListenerProps,
-    contextData = {},
-    elevation,
-    iconBefore,
-    ItemComponent,
-    itemIconProps,
-    itemProps,
-    items,
-    LastItem,
-    lockScreenEnabled,
-    menuItemProps,
-    menuListProps,
-    menuPlacement,
-    modifiers,
-    onClickItem,
-    onClose,
-    paperProps,
-    popperProps,
-    scrollBarProps,
-    withArrow,
-    withDivider,
-    withMenuItem
-  } = _ref;
-  const blockerRef = (0, _react.useRef)(null);
-  const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
-  const [arrowRef, setArrowRef] = (0, _react.useState)(null);
-  const [open, handleOpenState] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
-    const shouldOpen = !!anchor && !(0, _array.isEmpty)(items);
-    handleOpenState(shouldOpen);
-    if (lockScreenEnabled && anchor) (0, _utils.lockScreen)(blockerRef, true);
-    return () => {
-      document.body.style.overflow = 'unset';
-      return lockScreenEnabled && (0, _utils.lockScreen)(blockerRef, false);
-    };
-  }, [anchor, items]);
-  const popperModifiers = Object.assign({
-    arrow: {
-      enabled: true,
-      element: arrowRef
-    }
-  }, modifiers);
-  const Animator = animation === 'grow' ? _Grow.default : _Fade.default;
-  const handleScrollbarSync = ps => setTimeout(() => ps.update(), 350);
-  const lastItem = items.length - 1;
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, anchor && /*#__PURE__*/_react.default.createElement(_Popper.default, _extends({
-    anchorEl: anchor,
-    open: open,
-    transition: true,
-    placement: menuPlacement,
-    modifiers: popperModifiers,
-    className: classes.popper
-  }, popperProps), _ref2 => {
-    let {
-      TransitionProps,
-      placement
-    } = _ref2;
-    return /*#__PURE__*/_react.default.createElement(Animator, _extends({
-      in: open
-    }, TransitionProps, {
-      style: {
-        transformOrigin: (0, _utils.getTransitionOrigin)(placement)
-      }
-    }, animatorProps), /*#__PURE__*/_react.default.createElement("div", null, withArrow && /*#__PURE__*/_react.default.createElement("div", _extends({
-      className: _stylesModule.default.arrow,
-      ref: setArrowRef
-    }, arrowProps)), /*#__PURE__*/_react.default.createElement(_Paper.default, _extends({
-      elevation: elevation,
-      className: classes.paper
-    }, paperProps), /*#__PURE__*/_react.default.createElement(_ClickAwayListener.default, _extends({
-      onClickAway: onClose
-    }, clickAwayListenerProps), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_MenuList.default, _extends({
-      autoFocusItem: open,
-      className: classes.menuList
-    }, menuListProps), /*#__PURE__*/_react.default.createElement(_reactPerfectScrollbar.default, _extends({
-      onSync: handleScrollbarSync,
-      className: classes.scrollBar
-    }, scrollBarProps), items === null || items === void 0 ? void 0 : items.map((item, index) => {
-      const handleClick = event => {
-        if (item.onClick) item.onClick(event, contextData, onClose);else if (onClickItem) onClickItem(event, contextData);
-        if (contextData.clickCallback) contextData.clickCallback();
-      };
-      return ItemComponent ? withMenuItem ? /*#__PURE__*/_react.default.createElement(_MenuItem.default, _extends({
-        className: "".concat(classes.menuItemContainer, " ").concat(item.menuItemClassName),
-        "data-testid": item.dataTestId,
-        disabled: item.disabled,
-        divider: withDivider && index < lastItem,
-        key: item.key,
-        onClick: handleClick
-      }, menuItemProps), /*#__PURE__*/_react.default.createElement(ItemComponent, _extends({
-        className: classes.menuItem
-      }, itemProps, item))) : /*#__PURE__*/_react.default.createElement(ItemComponent, _extends({
-        className: classes.menuItem
-      }, itemProps, item)) : /*#__PURE__*/_react.default.createElement(_MenuItem.default, _extends({
-        className: "".concat(classes.menuItemContainer, " ").concat(item.menuItemClassName),
-        "data-testid": item.dataTestId,
-        disabled: item.disabled,
-        divider: withDivider && index < lastItem,
-        key: item.key,
-        onClick: handleClick
-      }, menuItemProps), iconBefore && item.Icon && /*#__PURE__*/_react.default.createElement(item.Icon, _extends({
-        className: classes.menuItemIcon
-      }, itemIconProps, item.iconProps)), /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
-        className: classes.menuItem
-      }, itemProps, item.labelProps), item.label), !iconBefore && item.Icon && /*#__PURE__*/_react.default.createElement(item.Icon, _extends({
-        className: classes.menuItemIcon
-      }, itemIconProps, item.iconProps)));
-    }))), LastItem && /*#__PURE__*/_react.default.createElement(LastItem, null))))));
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    ref: blockerRef,
-    className: _stylesModule.default.scrollBlocker
-  }));
-};
-UTMenu.defaultProps = {
-  animation: 'grow',
-  animatorProps: {},
-  arrowProps: {},
-  clickAwayListenerProps: {},
-  elevation: 5,
-  iconBefore: false,
-  lockScreenEnabled: false,
-  menuItemProps: {},
-  menuListProps: {},
-  menuPlacement: 'bottom',
-  onClickItem: undefined,
-  paperProps: {},
-  popperProps: {},
-  scrollBarProps: {},
-  withArrow: false
-};
-UTMenu.propTypes = {
-  anchor: (0, _propTypes.oneOfType)([_commonTypes.refType, _propTypes.elementType]),
-  animation: _propTypes.string,
-  animatorProps: _propTypes.object,
-  arrowProps: _propTypes.object,
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  clickAwayListenerProps: _propTypes.object,
-  contextData: _propTypes.object,
-  elevation: _propTypes.number,
-  iconBefore: _propTypes.bool,
-  ItemComponent: _propTypes.elementType,
-  itemIconProps: _propTypes.object,
-  itemProps: _propTypes.object,
-  items: _propTypes.array,
-  LastItem: _propTypes.elementType,
-  lockScreenEnabled: _propTypes.bool,
-  MenuItemClassName: _propTypes.string,
-  menuItemProps: _propTypes.object,
-  menuListProps: _propTypes.object,
-  menuPlacement: _propTypes.string,
-  modifiers: (0, _propTypes.objectOf)(_propTypes.string),
-  onClickItem: _propTypes.func,
-  onClose: _propTypes.func.isRequired,
-  paperProps: _propTypes.object,
-  popperProps: _propTypes.object,
-  scrollBarProps: _propTypes.object,
-  withArrow: _propTypes.bool,
-  withDivider: _propTypes.bool,
-  withMenuItem: _propTypes.bool
-};
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle, _theme.retrieveMuiTheme)(UTMenu);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_ClickAwayListener=_interopRequireDefault(require("@material-ui/core/ClickAwayListener")),_Grow=_interopRequireDefault(require("@material-ui/core/Grow")),_Fade=_interopRequireDefault(require("@material-ui/core/Fade")),_Paper=_interopRequireDefault(require("@material-ui/core/Paper")),_Popper=_interopRequireDefault(require("@material-ui/core/Popper")),_MenuList=_interopRequireDefault(require("@material-ui/core/MenuList")),_reactPerfectScrollbar=_interopRequireDefault(require("react-perfect-scrollbar"));require("react-perfect-scrollbar/dist/css/styles.css");var _MenuItem=_interopRequireDefault(require("@material-ui/core/MenuItem")),_array=require("@widergy/web-utils/lib/array"),_commonTypes=require("../../types/commonTypes"),_classesUtils=require("../../utils/classesUtils"),_UTLabel=_interopRequireDefault(require("../UTLabel")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_theme=require("./theme"),_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,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,s,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(o=t?a:r){if(o.has(e))return o.get(e);o.set(e,n)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((s=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(s.get||s.set)?o(n,t,s):n[t]=e[t]);return n})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const UTMenu=e=>{let{anchor:t,animation:r,animatorProps:a,arrowProps:o,classes:s,classNames:n,clickAwayListenerProps:l,contextData:p={},elevation:i,iconBefore:c,ItemComponent:u,itemIconProps:m,itemProps:_,items:d,LastItem:f,lockScreenEnabled:y,menuItemProps:T,menuListProps:b,menuPlacement:P,modifiers:I,onClickItem:q,onClose:w,paperProps:k,popperProps:v,scrollBarProps:h,withArrow:E,withDivider:M,withMenuItem:C}=e;const g=(0,_react.useRef)(null),x=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(s,n),[n]),[j,L]=(0,_react.useState)(null),[N,D]=(0,_react.useState)(!1);(0,_react.useEffect)(()=>{const e=!!t&&!(0,_array.isEmpty)(d);return D(e),y&&t&&(0,_utils.lockScreen)(g,!0),()=>(document.body.style.overflow="unset",y&&(0,_utils.lockScreen)(g,!1))},[t,d]);const R=Object.assign({arrow:{enabled:!0,element:j}},I),O="grow"===r?_Grow.default:_Fade.default,S=e=>setTimeout(()=>e.update(),350),A=d.length-1;return _react.default.createElement(_react.Fragment,null,t&&_react.default.createElement(_Popper.default,_extends({anchorEl:t,open:N,transition:!0,placement:P,modifiers:R,className:x.popper},v),e=>{let{TransitionProps:t,placement:r}=e;return _react.default.createElement(O,_extends({in:N},t,{style:{transformOrigin:(0,_utils.getTransitionOrigin)(r)}},a),_react.default.createElement("div",null,E&&_react.default.createElement("div",_extends({className:_stylesModule.default.arrow,ref:L},o)),_react.default.createElement(_Paper.default,_extends({elevation:i,className:x.paper},k),_react.default.createElement(_ClickAwayListener.default,_extends({onClickAway:w},l),_react.default.createElement("div",null,_react.default.createElement(_MenuList.default,_extends({autoFocusItem:N,className:x.menuList},b),_react.default.createElement(_reactPerfectScrollbar.default,_extends({onSync:S,className:x.scrollBar},h),null==d?void 0:d.map((e,t)=>{const r=t=>{e.onClick?e.onClick(t,p,w):q&&q(t,p),p.clickCallback&&p.clickCallback()};return u?C?_react.default.createElement(_MenuItem.default,_extends({className:"".concat(x.menuItemContainer," ").concat(e.menuItemClassName),"data-testid":e.dataTestId,disabled:e.disabled,divider:M&&t<A,key:e.key,onClick:r},T),_react.default.createElement(u,_extends({className:x.menuItem},_,e))):_react.default.createElement(u,_extends({className:x.menuItem},_,e)):_react.default.createElement(_MenuItem.default,_extends({className:"".concat(x.menuItemContainer," ").concat(e.menuItemClassName),"data-testid":e.dataTestId,disabled:e.disabled,divider:M&&t<A,key:e.key,onClick:r},T),c&&e.Icon&&_react.default.createElement(e.Icon,_extends({className:x.menuItemIcon},m,e.iconProps)),_react.default.createElement(_UTLabel.default,_extends({className:x.menuItem},_,e.labelProps),e.label),!c&&e.Icon&&_react.default.createElement(e.Icon,_extends({className:x.menuItemIcon},m,e.iconProps)))}))),f&&_react.default.createElement(f,null))))))}),_react.default.createElement("div",{ref:g,className:_stylesModule.default.scrollBlocker}))};UTMenu.defaultProps={animation:"grow",animatorProps:{},arrowProps:{},clickAwayListenerProps:{},elevation:5,iconBefore:!1,lockScreenEnabled:!1,menuItemProps:{},menuListProps:{},menuPlacement:"bottom",onClickItem:void 0,paperProps:{},popperProps:{},scrollBarProps:{},withArrow:!1},UTMenu.propTypes={anchor:(0,_propTypes.oneOfType)([_commonTypes.refType,_propTypes.elementType]),animation:_propTypes.string,animatorProps:_propTypes.object,arrowProps:_propTypes.object,classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:(0,_propTypes.objectOf)(_propTypes.string),clickAwayListenerProps:_propTypes.object,contextData:_propTypes.object,elevation:_propTypes.number,iconBefore:_propTypes.bool,ItemComponent:_propTypes.elementType,itemIconProps:_propTypes.object,itemProps:_propTypes.object,items:_propTypes.array,LastItem:_propTypes.elementType,lockScreenEnabled:_propTypes.bool,MenuItemClassName:_propTypes.string,menuItemProps:_propTypes.object,menuListProps:_propTypes.object,menuPlacement:_propTypes.string,modifiers:(0,_propTypes.objectOf)(_propTypes.string),onClickItem:_propTypes.func,onClose:_propTypes.func.isRequired,paperProps:_propTypes.object,popperProps:_propTypes.object,scrollBarProps:_propTypes.object,withArrow:_propTypes.bool,withDivider:_propTypes.bool,withMenuItem:_propTypes.bool};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle,_theme.retrieveMuiTheme)(UTMenu);

package/dist/components/UTMenu/theme.js

@@ -1,64 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = exports.retrieveMuiTheme = void 0;
-var _styles = require("@material-ui/core/styles");
-const retrieveStyle = _ref => {
-  var _theme$UTMenu, _theme$UTMenu2, _theme$UTMenu3, _theme$UTMenu4, _theme$UTMenu5, _theme$UTMenu6, _theme$UTMenu7, _theme$UTMenu8, _theme$UTMenu9, _theme$UTMenu0, _theme$UTMenu1, _theme$UTMenu10, _theme$UTMenu11, _theme$UTMenu12, _theme$UTMenu13, _theme$UTMenu14, _theme$UTMenu15, _theme$UTMenu16, _theme$UTMenu17;
-  let {
-    theme
-  } = _ref;
-  return {
-    paper: {
-      padding: theme === null || theme === void 0 || (_theme$UTMenu = theme.UTMenu) === null || _theme$UTMenu === void 0 || (_theme$UTMenu = _theme$UTMenu.paper) === null || _theme$UTMenu === void 0 ? void 0 : _theme$UTMenu.padding,
-      borderRadius: theme === null || theme === void 0 || (_theme$UTMenu2 = theme.UTMenu) === null || _theme$UTMenu2 === void 0 || (_theme$UTMenu2 = _theme$UTMenu2.paper) === null || _theme$UTMenu2 === void 0 ? void 0 : _theme$UTMenu2.borderRadius,
-      boxShadow: theme === null || theme === void 0 || (_theme$UTMenu3 = theme.UTMenu) === null || _theme$UTMenu3 === void 0 || (_theme$UTMenu3 = _theme$UTMenu3.paper) === null || _theme$UTMenu3 === void 0 ? void 0 : _theme$UTMenu3.boxShadow
-    },
-    menuList: {
-      borderRadius: theme === null || theme === void 0 || (_theme$UTMenu4 = theme.UTMenu) === null || _theme$UTMenu4 === void 0 || (_theme$UTMenu4 = _theme$UTMenu4.menuList) === null || _theme$UTMenu4 === void 0 ? void 0 : _theme$UTMenu4.borderRadius,
-      padding: theme === null || theme === void 0 || (_theme$UTMenu5 = theme.UTMenu) === null || _theme$UTMenu5 === void 0 || (_theme$UTMenu5 = _theme$UTMenu5.menuList) === null || _theme$UTMenu5 === void 0 ? void 0 : _theme$UTMenu5.padding,
-      outline: theme === null || theme === void 0 || (_theme$UTMenu6 = theme.UTMenu) === null || _theme$UTMenu6 === void 0 || (_theme$UTMenu6 = _theme$UTMenu6.menuList) === null || _theme$UTMenu6 === void 0 ? void 0 : _theme$UTMenu6.outline,
-      width: theme === null || theme === void 0 || (_theme$UTMenu7 = theme.UTMenu) === null || _theme$UTMenu7 === void 0 || (_theme$UTMenu7 = _theme$UTMenu7.menuList) === null || _theme$UTMenu7 === void 0 ? void 0 : _theme$UTMenu7.width
-    },
-    menuItem: {
-      fontSize: theme === null || theme === void 0 || (_theme$UTMenu8 = theme.UTMenu) === null || _theme$UTMenu8 === void 0 || (_theme$UTMenu8 = _theme$UTMenu8.menuItem) === null || _theme$UTMenu8 === void 0 ? void 0 : _theme$UTMenu8.fontSize,
-      color: theme === null || theme === void 0 || (_theme$UTMenu9 = theme.UTMenu) === null || _theme$UTMenu9 === void 0 || (_theme$UTMenu9 = _theme$UTMenu9.menuItem) === null || _theme$UTMenu9 === void 0 ? void 0 : _theme$UTMenu9.color,
-      backgroundColor: theme === null || theme === void 0 || (_theme$UTMenu0 = theme.UTMenu) === null || _theme$UTMenu0 === void 0 || (_theme$UTMenu0 = _theme$UTMenu0.menuItem) === null || _theme$UTMenu0 === void 0 ? void 0 : _theme$UTMenu0.backgroundColor
-    },
-    popper: {
-      zIndex: 9999,
-      margin: theme === null || theme === void 0 || (_theme$UTMenu1 = theme.UTMenu) === null || _theme$UTMenu1 === void 0 || (_theme$UTMenu1 = _theme$UTMenu1.popper) === null || _theme$UTMenu1 === void 0 ? void 0 : _theme$UTMenu1.margin
-    },
-    menuItemIcon: {
-      height: theme === null || theme === void 0 || (_theme$UTMenu10 = theme.UTMenu) === null || _theme$UTMenu10 === void 0 || (_theme$UTMenu10 = _theme$UTMenu10.menuItemIcon) === null || _theme$UTMenu10 === void 0 ? void 0 : _theme$UTMenu10.height,
-      color: theme === null || theme === void 0 || (_theme$UTMenu11 = theme.UTMenu) === null || _theme$UTMenu11 === void 0 || (_theme$UTMenu11 = _theme$UTMenu11.menuItemIcon) === null || _theme$UTMenu11 === void 0 ? void 0 : _theme$UTMenu11.color,
-      fontSize: theme === null || theme === void 0 || (_theme$UTMenu12 = theme.UTMenu) === null || _theme$UTMenu12 === void 0 || (_theme$UTMenu12 = _theme$UTMenu12.menuItemIcon) === null || _theme$UTMenu12 === void 0 ? void 0 : _theme$UTMenu12.fontSize,
-      margin: theme === null || theme === void 0 || (_theme$UTMenu13 = theme.UTMenu) === null || _theme$UTMenu13 === void 0 || (_theme$UTMenu13 = _theme$UTMenu13.menuItemIcon) === null || _theme$UTMenu13 === void 0 ? void 0 : _theme$UTMenu13.margin,
-      width: theme === null || theme === void 0 || (_theme$UTMenu14 = theme.UTMenu) === null || _theme$UTMenu14 === void 0 || (_theme$UTMenu14 = _theme$UTMenu14.menuItemIcon) === null || _theme$UTMenu14 === void 0 ? void 0 : _theme$UTMenu14.width
-    },
-    menuItemContainer: {
-      padding: theme === null || theme === void 0 || (_theme$UTMenu15 = theme.UTMenu) === null || _theme$UTMenu15 === void 0 || (_theme$UTMenu15 = _theme$UTMenu15.menuItemContainer) === null || _theme$UTMenu15 === void 0 ? void 0 : _theme$UTMenu15.padding,
-      position: theme === null || theme === void 0 || (_theme$UTMenu16 = theme.UTMenu) === null || _theme$UTMenu16 === void 0 || (_theme$UTMenu16 = _theme$UTMenu16.menuItemContainer) === null || _theme$UTMenu16 === void 0 ? void 0 : _theme$UTMenu16.position
-    },
-    scrollBar: {
-      maxHeight: theme === null || theme === void 0 || (_theme$UTMenu17 = theme.UTMenu) === null || _theme$UTMenu17 === void 0 || (_theme$UTMenu17 = _theme$UTMenu17.scrollBar) === null || _theme$UTMenu17 === void 0 ? void 0 : _theme$UTMenu17.maxHeight
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
-const retrieveMuiTheme = theme => {
-  var _theme$UTMenu18, _theme$UTMenu19;
-  return (0, _styles.createTheme)({
-    overrides: {
-      MuiListItem: {
-        divider: {
-          borderBottomColor: theme === null || theme === void 0 || (_theme$UTMenu18 = theme.UTMenu) === null || _theme$UTMenu18 === void 0 || (_theme$UTMenu18 = _theme$UTMenu18.divider) === null || _theme$UTMenu18 === void 0 ? void 0 : _theme$UTMenu18.color,
-          borderBottomWidth: theme === null || theme === void 0 || (_theme$UTMenu19 = theme.UTMenu) === null || _theme$UTMenu19 === void 0 || (_theme$UTMenu19 = _theme$UTMenu19.divider) === null || _theme$UTMenu19 === void 0 ? void 0 : _theme$UTMenu19.width
-        }
-      }
-    }
-  });
-};
-exports.retrieveMuiTheme = retrieveMuiTheme;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=exports.retrieveMuiTheme=void 0;var _styles=require("@material-ui/core/styles");const retrieveStyle=l=>{var e,n,i,o,u,d,r,v,t,m,a,s,p,M,T,c,I,U,h;let{theme:g}=l;return{paper:{padding:null==g||null===(e=g.UTMenu)||void 0===e||null===(e=e.paper)||void 0===e?void 0:e.padding,borderRadius:null==g||null===(n=g.UTMenu)||void 0===n||null===(n=n.paper)||void 0===n?void 0:n.borderRadius,boxShadow:null==g||null===(i=g.UTMenu)||void 0===i||null===(i=i.paper)||void 0===i?void 0:i.boxShadow},menuList:{borderRadius:null==g||null===(o=g.UTMenu)||void 0===o||null===(o=o.menuList)||void 0===o?void 0:o.borderRadius,padding:null==g||null===(u=g.UTMenu)||void 0===u||null===(u=u.menuList)||void 0===u?void 0:u.padding,outline:null==g||null===(d=g.UTMenu)||void 0===d||null===(d=d.menuList)||void 0===d?void 0:d.outline,width:null==g||null===(r=g.UTMenu)||void 0===r||null===(r=r.menuList)||void 0===r?void 0:r.width},menuItem:{fontSize:null==g||null===(v=g.UTMenu)||void 0===v||null===(v=v.menuItem)||void 0===v?void 0:v.fontSize,color:null==g||null===(t=g.UTMenu)||void 0===t||null===(t=t.menuItem)||void 0===t?void 0:t.color,backgroundColor:null==g||null===(m=g.UTMenu)||void 0===m||null===(m=m.menuItem)||void 0===m?void 0:m.backgroundColor},popper:{zIndex:9999,margin:null==g||null===(a=g.UTMenu)||void 0===a||null===(a=a.popper)||void 0===a?void 0:a.margin},menuItemIcon:{height:null==g||null===(s=g.UTMenu)||void 0===s||null===(s=s.menuItemIcon)||void 0===s?void 0:s.height,color:null==g||null===(p=g.UTMenu)||void 0===p||null===(p=p.menuItemIcon)||void 0===p?void 0:p.color,fontSize:null==g||null===(M=g.UTMenu)||void 0===M||null===(M=M.menuItemIcon)||void 0===M?void 0:M.fontSize,margin:null==g||null===(T=g.UTMenu)||void 0===T||null===(T=T.menuItemIcon)||void 0===T?void 0:T.margin,width:null==g||null===(c=g.UTMenu)||void 0===c||null===(c=c.menuItemIcon)||void 0===c?void 0:c.width},menuItemContainer:{padding:null==g||null===(I=g.UTMenu)||void 0===I||null===(I=I.menuItemContainer)||void 0===I?void 0:I.padding,position:null==g||null===(U=g.UTMenu)||void 0===U||null===(U=U.menuItemContainer)||void 0===U?void 0:U.position},scrollBar:{maxHeight:null==g||null===(h=g.UTMenu)||void 0===h||null===(h=h.scrollBar)||void 0===h?void 0:h.maxHeight}}};exports.retrieveStyle=retrieveStyle;const retrieveMuiTheme=l=>{var e,n;return(0,_styles.createTheme)({overrides:{MuiListItem:{divider:{borderBottomColor:null==l||null===(e=l.UTMenu)||void 0===e||null===(e=e.divider)||void 0===e?void 0:e.color,borderBottomWidth:null==l||null===(n=l.UTMenu)||void 0===n||null===(n=n.divider)||void 0===n?void 0:n.width}}}})};exports.retrieveMuiTheme=retrieveMuiTheme;

package/dist/components/UTMenu/utils.js

@@ -1,20 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.lockScreen = exports.getTransitionOrigin = exports.getScrollbarWidth = exports.bodyHasScroll = void 0;
-var _browser = require("@widergy/web-utils/lib/browser");
-const getTransitionOrigin = placement => placement.search('bottom') >= 0 ? placement.replace('bottom', 'top') : placement.search('top') >= 0 ? placement.replace('top', 'bottom') : placement;
-exports.getTransitionOrigin = getTransitionOrigin;
-const bodyHasScroll = () => document.body && document.body.scrollHeight && window.innerHeight ? document.body.scrollHeight > window.innerHeight : false;
-exports.bodyHasScroll = bodyHasScroll;
-const getScrollbarWidth = () => document.body && document.body.clientWidth && window.innerWidth ? window.innerWidth - document.body.clientWidth : 0;
-exports.getScrollbarWidth = getScrollbarWidth;
-const lockScreen = (blocker, lock) => {
-  const body = document.getElementsByTagName('body')[0];
-  body.style.paddingRight = lock && (0, _browser.isDesktop)(1024) && bodyHasScroll() ? "".concat(getScrollbarWidth(), "px") : '';
-  body.style.overflow = lock ? 'hidden' : '';
-  blocker.current.style.display = lock ? 'initial' : '';
-};
-exports.lockScreen = lockScreen;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.lockScreen=exports.getTransitionOrigin=exports.getScrollbarWidth=exports.bodyHasScroll=void 0;var _browser=require("@widergy/web-utils/lib/browser");const getTransitionOrigin=o=>o.search("bottom")>=0?o.replace("bottom","top"):o.search("top")>=0?o.replace("top","bottom"):o;exports.getTransitionOrigin=getTransitionOrigin;const bodyHasScroll=()=>!!(document.body&&document.body.scrollHeight&&window.innerHeight)&&document.body.scrollHeight>window.innerHeight;exports.bodyHasScroll=bodyHasScroll;const getScrollbarWidth=()=>document.body&&document.body.clientWidth&&window.innerWidth?window.innerWidth-document.body.clientWidth:0;exports.getScrollbarWidth=getScrollbarWidth;const lockScreen=(o,e)=>{const t=document.getElementsByTagName("body")[0];t.style.paddingRight=e&&(0,_browser.isDesktop)(1024)&&bodyHasScroll()?"".concat(getScrollbarWidth(),"px"):"",t.style.overflow=e?"hidden":"",o.current.style.display=e?"initial":""};exports.lockScreen=lockScreen;

package/dist/components/UTModal/constants.js

@@ -1,82 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.STATUS_ICONS = exports.STATUSES = exports.CANCEL_BUTTON_TEXT = exports.ACCEPT_BUTTON_TEXT = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var InfoIcon = function InfoIcon(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M14 3.333C8.109 3.333 3.333 8.11 3.333 14S8.11 24.667 14 24.667 24.667 19.89 24.667 14 19.89 3.333 14 3.333ZM.667 14C.667 6.636 6.637.667 14 .667c7.364 0 13.333 5.97 13.333 13.333 0 7.364-5.97 13.333-13.333 13.333C6.636 27.333.667 21.363.667 14Zm12-5.333c0-.737.597-1.334 1.333-1.334h.013a1.333 1.333 0 1 1 0 2.667H14a1.333 1.333 0 0 1-1.333-1.333ZM11.333 14c0-.736.597-1.333 1.334-1.333H14c.736 0 1.333.597 1.333 1.333v4a1.333 1.333 0 1 1 0 2.667H14a1.333 1.333 0 0 1-1.333-1.334v-4A1.333 1.333 0 0 1 11.333 14Z",
-    fill: "#037DB4"
-  }));
-};
-InfoIcon.defaultProps = {
-  width: "28",
-  height: "28",
-  viewBox: "0 0 28 28",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var WarningIcon = function WarningIcon(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M13.955 3.179a4 4 0 0 1 5.525 1.496l9.46 16.323c.032.054.06.11.083.169a3.999 3.999 0 0 1-3.68 5.5H6.667l-.073-.002a1.358 1.358 0 0 1-.143 0 3.999 3.999 0 0 1-3.5-5.5c.024-.057.051-.113.082-.167l9.46-16.323a4 4 0 0 1 1.462-1.496ZM6.593 24.002 6.667 24h18.66a1.332 1.332 0 0 0 1.25-1.76l-9.41-16.238-.014-.023a1.333 1.333 0 0 0-2.333 0l-.013.023-9.412 16.239A1.333 1.333 0 0 0 6.59 24l.004.001ZM16 10.667c.736 0 1.333.597 1.333 1.333v2.667a1.333 1.333 0 0 1-2.666 0V12c0-.736.597-1.333 1.333-1.333Zm0 8c.736 0 1.333.597 1.333 1.333v.013a1.333 1.333 0 0 1-2.666 0V20c0-.736.597-1.333 1.333-1.333Z",
-    fill: "#A86600"
-  }));
-};
-WarningIcon.defaultProps = {
-  width: "32",
-  height: "32",
-  viewBox: "0 0 32 32",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var SuccessIcon = function SuccessIcon(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M16 5.333C10.109 5.333 5.333 10.11 5.333 16S10.11 26.667 16 26.667 26.667 21.89 26.667 16 21.89 5.333 16 5.333ZM2.667 16C2.667 8.636 8.637 2.667 16 2.667c7.364 0 13.333 5.97 13.333 13.333 0 7.364-5.97 13.333-13.333 13.333-7.364 0-13.333-5.97-13.333-13.333Zm18.276-3.61c.52.521.52 1.365 0 1.886l-5.334 5.334c-.52.52-1.364.52-1.885 0l-2.667-2.667a1.333 1.333 0 1 1 1.886-1.886l1.724 1.724 4.39-4.39c.52-.521 1.365-.521 1.886 0Z",
-    fill: "#118460"
-  }));
-};
-SuccessIcon.defaultProps = {
-  width: "32",
-  height: "32",
-  viewBox: "0 0 32 32",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var ErrorIcon = function ErrorIcon(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M16 5.333C10.109 5.333 5.333 10.11 5.333 16S10.11 26.667 16 26.667 26.667 21.89 26.667 16 21.89 5.333 16 5.333ZM2.667 16C2.667 8.636 8.637 2.667 16 2.667c7.364 0 13.333 5.97 13.333 13.333 0 7.364-5.97 13.333-13.333 13.333-7.364 0-13.333-5.97-13.333-13.333Zm9.723-3.61c.521-.52 1.365-.52 1.886 0L16 14.114l1.724-1.724a1.333 1.333 0 1 1 1.885 1.886L17.886 16l1.723 1.724a1.333 1.333 0 1 1-1.885 1.886L16 17.886l-1.724 1.724a1.333 1.333 0 1 1-1.886-1.886L14.114 16l-1.724-1.724a1.333 1.333 0 0 1 0-1.886Z",
-    fill: "#E80C2C"
-  }));
-};
-ErrorIcon.defaultProps = {
-  width: "32",
-  height: "32",
-  viewBox: "0 0 32 32",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-const STATUSES = exports.STATUSES = {
-  INFO: 'info',
-  WARNING: 'warning',
-  SUCCESS: 'success',
-  ERROR: 'error'
-};
-const STATUS_ICONS = exports.STATUS_ICONS = {
-  [STATUSES.INFO]: InfoIcon,
-  [STATUSES.WARNING]: WarningIcon,
-  [STATUSES.SUCCESS]: SuccessIcon,
-  [STATUSES.ERROR]: ErrorIcon
-};
-const CANCEL_BUTTON_TEXT = exports.CANCEL_BUTTON_TEXT = 'Cancelar';
-const ACCEPT_BUTTON_TEXT = exports.ACCEPT_BUTTON_TEXT = 'Aceptar';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.STATUS_ICONS=exports.STATUSES=exports.CANCEL_BUTTON_TEXT=exports.ACCEPT_BUTTON_TEXT=void 0;var _react=_interopRequireDefault(require("react"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var InfoIcon=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14 3.333C8.109 3.333 3.333 8.11 3.333 14S8.11 24.667 14 24.667 24.667 19.89 24.667 14 19.89 3.333 14 3.333ZM.667 14C.667 6.636 6.637.667 14 .667c7.364 0 13.333 5.97 13.333 13.333 0 7.364-5.97 13.333-13.333 13.333C6.636 27.333.667 21.363.667 14Zm12-5.333c0-.737.597-1.334 1.333-1.334h.013a1.333 1.333 0 1 1 0 2.667H14a1.333 1.333 0 0 1-1.333-1.333ZM11.333 14c0-.736.597-1.333 1.334-1.333H14c.736 0 1.333.597 1.333 1.333v4a1.333 1.333 0 1 1 0 2.667H14a1.333 1.333 0 0 1-1.333-1.334v-4A1.333 1.333 0 0 1 11.333 14Z",fill:"#037DB4"}))};InfoIcon.defaultProps={width:"28",height:"28",viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg"};var WarningIcon=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.955 3.179a4 4 0 0 1 5.525 1.496l9.46 16.323c.032.054.06.11.083.169a3.999 3.999 0 0 1-3.68 5.5H6.667l-.073-.002a1.358 1.358 0 0 1-.143 0 3.999 3.999 0 0 1-3.5-5.5c.024-.057.051-.113.082-.167l9.46-16.323a4 4 0 0 1 1.462-1.496ZM6.593 24.002 6.667 24h18.66a1.332 1.332 0 0 0 1.25-1.76l-9.41-16.238-.014-.023a1.333 1.333 0 0 0-2.333 0l-.013.023-9.412 16.239A1.333 1.333 0 0 0 6.59 24l.004.001ZM16 10.667c.736 0 1.333.597 1.333 1.333v2.667a1.333 1.333 0 0 1-2.666 0V12c0-.736.597-1.333 1.333-1.333Zm0 8c.736 0 1.333.597 1.333 1.333v.013a1.333 1.333 0 0 1-2.666 0V20c0-.736.597-1.333 1.333-1.333Z",fill:"#A86600"}))};WarningIcon.defaultProps={width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"};var SuccessIcon=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 5.333C10.109 5.333 5.333 10.11 5.333 16S10.11 26.667 16 26.667 26.667 21.89 26.667 16 21.89 5.333 16 5.333ZM2.667 16C2.667 8.636 8.637 2.667 16 2.667c7.364 0 13.333 5.97 13.333 13.333 0 7.364-5.97 13.333-13.333 13.333-7.364 0-13.333-5.97-13.333-13.333Zm18.276-3.61c.52.521.52 1.365 0 1.886l-5.334 5.334c-.52.52-1.364.52-1.885 0l-2.667-2.667a1.333 1.333 0 1 1 1.886-1.886l1.724 1.724 4.39-4.39c.52-.521 1.365-.521 1.886 0Z",fill:"#118460"}))};SuccessIcon.defaultProps={width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"};var ErrorIcon=function(e){return _react.default.createElement("svg",e,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 5.333C10.109 5.333 5.333 10.11 5.333 16S10.11 26.667 16 26.667 26.667 21.89 26.667 16 21.89 5.333 16 5.333ZM2.667 16C2.667 8.636 8.637 2.667 16 2.667c7.364 0 13.333 5.97 13.333 13.333 0 7.364-5.97 13.333-13.333 13.333-7.364 0-13.333-5.97-13.333-13.333Zm9.723-3.61c.521-.52 1.365-.52 1.886 0L16 14.114l1.724-1.724a1.333 1.333 0 1 1 1.885 1.886L17.886 16l1.723 1.724a1.333 1.333 0 1 1-1.885 1.886L16 17.886l-1.724 1.724a1.333 1.333 0 1 1-1.886-1.886L14.114 16l-1.724-1.724a1.333 1.333 0 0 1 0-1.886Z",fill:"#E80C2C"}))};ErrorIcon.defaultProps={width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"};const STATUSES=exports.STATUSES={INFO:"info",WARNING:"warning",SUCCESS:"success",ERROR:"error"},STATUS_ICONS=exports.STATUS_ICONS={[STATUSES.INFO]:InfoIcon,[STATUSES.WARNING]:WarningIcon,[STATUSES.SUCCESS]:SuccessIcon,[STATUSES.ERROR]:ErrorIcon},CANCEL_BUTTON_TEXT=exports.CANCEL_BUTTON_TEXT="Cancelar",ACCEPT_BUTTON_TEXT=exports.ACCEPT_BUTTON_TEXT="Aceptar";

package/dist/components/UTModal/index.js

@@ -1,104 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _object = require("@widergy/web-utils/lib/object");
-var _componentUtils = require("../../utils/componentUtils");
-var _classesUtils = require("../../utils/classesUtils");
-var _UTButton = _interopRequireDefault(require("../UTButton"));
-var _UTLabel = _interopRequireDefault(require("../UTLabel"));
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
-var _theme = require("./theme");
-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 UTModal = _ref => {
-  let {
-    cancelAction,
-    children,
-    classes: themeClasses,
-    classNames,
-    description,
-    descriptionProps = {},
-    handleClickAway,
-    isOpen,
-    primaryAction,
-    removeBodyPadding,
-    secondaryAction,
-    SecondaryActionComponent,
-    size,
-    status,
-    title
-  } = _ref;
-  const dialogRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(() => {
-    if (isOpen) dialogRef.current.showModal();else dialogRef.current.close();
-  }, [isOpen]);
-  const onClickDialog = event => handleClickAway && event.target.tagName === 'DIALOG' && handleClickAway();
-  const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
-  const StatusIcon = _constants.STATUS_ICONS[status];
-  const withSecondaryActions = !(0, _object.objectIsEmpty)(secondaryAction) || SecondaryActionComponent;
-  return /*#__PURE__*/_react.default.createElement("dialog", {
-    className: "".concat(_stylesModule.default.container, " ").concat(classes.container, " ").concat(size ? _stylesModule.default["container".concat((0, _componentUtils.capitalize)(size))] : _stylesModule.default.containerM),
-    onClick: onClickDialog,
-    ref: dialogRef
-  }, /*#__PURE__*/_react.default.createElement("div", null, StatusIcon && /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.status, " ").concat(classes["status".concat((0, _componentUtils.capitalize)(status))])
-  }, /*#__PURE__*/_react.default.createElement(StatusIcon, {
-    className: "".concat(_stylesModule.default.icon, " ").concat(classes["icon".concat((0, _componentUtils.capitalize)(status))])
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.header
-  }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    variant: "title3",
-    weight: "medium"
-  }, title), description && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
-    colorTheme: "gray"
-  }, descriptionProps), description)), children && /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.body, " ").concat(!removeBodyPadding && _stylesModule.default.bodyPadding)
-  }, children), /*#__PURE__*/_react.default.createElement("div", {
-    className: "\n            ".concat(_stylesModule.default.actions, "\n            ").concat(classes.actions, "\n            ").concat(withSecondaryActions && _stylesModule.default.withSecondaryActions, "\n          ")
-  }, withSecondaryActions && /*#__PURE__*/_react.default.createElement("div", null, SecondaryActionComponent ? /*#__PURE__*/_react.default.createElement(SecondaryActionComponent, null) : /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
-    colorTheme: "secondary",
-    variant: "semitransparent"
-  }, secondaryAction), secondaryAction.label)), /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.defaultActions
-  }, !(0, _object.objectIsEmpty)(cancelAction) && /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
-    colorTheme: "secondary",
-    variant: "text"
-  }, cancelAction), cancelAction.label || _constants.CANCEL_BUTTON_TEXT), !(0, _object.objectIsEmpty)(primaryAction) && /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
-    colorTheme: "primary",
-    variant: "filled"
-  }, primaryAction), primaryAction.label || _constants.ACCEPT_BUTTON_TEXT)))));
-};
-UTModal.propTypes = {
-  cancelAction: (0, _propTypes.shape)({
-    label: _propTypes.string,
-    onClick: _propTypes.func
-  }),
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  description: _propTypes.string,
-  descriptionProps: _propTypes.object,
-  handleClickAway: _propTypes.func,
-  isOpen: _propTypes.bool,
-  primaryAction: (0, _propTypes.shape)({
-    label: _propTypes.string,
-    onClick: _propTypes.func
-  }),
-  removeBodyPadding: _propTypes.bool,
-  secondaryAction: (0, _propTypes.shape)({
-    label: _propTypes.string,
-    onClick: _propTypes.func
-  }),
-  SecondaryActionComponent: _propTypes.elementType,
-  size: _propTypes.string,
-  status: _propTypes.string,
-  title: _propTypes.string
-};
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTModal);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_object=require("@widergy/web-utils/lib/object"),_componentUtils=require("../../utils/componentUtils"),_classesUtils=require("../../utils/classesUtils"),_UTButton=_interopRequireDefault(require("../UTButton")),_UTLabel=_interopRequireDefault(require("../UTLabel")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_theme=require("./theme"),_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 a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,o,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(n=t?r:a){if(n.has(e))return n.get(e);n.set(e,s)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?n(s,t,o):s[t]=e[t]);return s})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}const UTModal=e=>{let{cancelAction:t,children:a,classes:r,classNames:n,description:o,descriptionProps:s={},handleClickAway:l,isOpen:c,primaryAction:i,removeBodyPadding:p,secondaryAction:u,SecondaryActionComponent:d,size:_,status:f,title:y}=e;const m=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{c?m.current.showModal():m.current.close()},[c]);const T=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(r,n),[n]),b=_constants.STATUS_ICONS[f],h=!(0,_object.objectIsEmpty)(u)||d;return _react.default.createElement("dialog",{className:"".concat(_stylesModule.default.container," ").concat(T.container," ").concat(_?_stylesModule.default["container".concat((0,_componentUtils.capitalize)(_))]:_stylesModule.default.containerM),onClick:e=>l&&"DIALOG"===e.target.tagName&&l(),ref:m},_react.default.createElement("div",null,b&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.status," ").concat(T["status".concat((0,_componentUtils.capitalize)(f))])},_react.default.createElement(b,{className:"".concat(_stylesModule.default.icon," ").concat(T["icon".concat((0,_componentUtils.capitalize)(f))])})),_react.default.createElement("div",{className:_stylesModule.default.header},_react.default.createElement(_UTLabel.default,{variant:"title3",weight:"medium"},y),o&&_react.default.createElement(_UTLabel.default,_extends({colorTheme:"gray"},s),o)),a&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.body," ").concat(!p&&_stylesModule.default.bodyPadding)},a),_react.default.createElement("div",{className:"\n            ".concat(_stylesModule.default.actions,"\n            ").concat(T.actions,"\n            ").concat(h&&_stylesModule.default.withSecondaryActions,"\n          ")},h&&_react.default.createElement("div",null,d?_react.default.createElement(d,null):_react.default.createElement(_UTButton.default,_extends({colorTheme:"secondary",variant:"semitransparent"},u),u.label)),_react.default.createElement("div",{className:_stylesModule.default.defaultActions},!(0,_object.objectIsEmpty)(t)&&_react.default.createElement(_UTButton.default,_extends({colorTheme:"secondary",variant:"text"},t),t.label||_constants.CANCEL_BUTTON_TEXT),!(0,_object.objectIsEmpty)(i)&&_react.default.createElement(_UTButton.default,_extends({colorTheme:"primary",variant:"filled"},i),i.label||_constants.ACCEPT_BUTTON_TEXT)))))};UTModal.propTypes={cancelAction:(0,_propTypes.shape)({label:_propTypes.string,onClick:_propTypes.func}),classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:(0,_propTypes.objectOf)(_propTypes.string),description:_propTypes.string,descriptionProps:_propTypes.object,handleClickAway:_propTypes.func,isOpen:_propTypes.bool,primaryAction:(0,_propTypes.shape)({label:_propTypes.string,onClick:_propTypes.func}),removeBodyPadding:_propTypes.bool,secondaryAction:(0,_propTypes.shape)({label:_propTypes.string,onClick:_propTypes.func}),SecondaryActionComponent:_propTypes.elementType,size:_propTypes.string,status:_propTypes.string,title:_propTypes.string};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTModal);

package/dist/components/UTModal/theme.js

@@ -1,55 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = void 0;
-var _classesUtils = require("../../utils/classesUtils");
-var _shadowUtils = require("../../utils/shadowUtils");
-const retrieveStyle = _ref => {
-  var _theme$Palette$shadow;
-  let {
-    theme
-  } = _ref;
-  return {
-    container: {
-      backgroundColor: theme.Palette.light['01'],
-      boxShadow: (0, _shadowUtils.getShadow)({
-        color: (_theme$Palette$shadow = theme.Palette.shadows) === null || _theme$Palette$shadow === void 0 ? void 0 : _theme$Palette$shadow.grayscale,
-        level: 2
-      }),
-      '&::backdrop': {
-        backgroundColor: (0, _classesUtils.resolveCssValue)(theme.Palette.dark['05']),
-        opacity: '0.25'
-      }
-    },
-    statusInfo: {
-      backgroundColor: theme.Palette.information['04']
-    },
-    statusWarning: {
-      backgroundColor: theme.Palette.warning['04']
-    },
-    statusSuccess: {
-      backgroundColor: theme.Palette.success['04']
-    },
-    statusError: {
-      backgroundColor: theme.Palette.error['04']
-    },
-    iconInfo: {
-      backgroundColor: theme.Palette.information['02']
-    },
-    iconWarning: {
-      backgroundColor: theme.Palette.warning['02']
-    },
-    iconSuccess: {
-      backgroundColor: theme.Palette.success['02']
-    },
-    iconError: {
-      backgroundColor: theme.Palette.error['02']
-    },
-    actions: {
-      borderTopColor: theme.Palette.light['04']
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _classesUtils=require("../../utils/classesUtils"),_shadowUtils=require("../../utils/shadowUtils");const retrieveStyle=e=>{var o;let{theme:r}=e;return{container:{backgroundColor:r.Palette.light["01"],boxShadow:(0,_shadowUtils.getShadow)({color:null===(o=r.Palette.shadows)||void 0===o?void 0:o.grayscale,level:2}),"&::backdrop":{backgroundColor:(0,_classesUtils.resolveCssValue)(r.Palette.dark["05"]),opacity:"0.25"}},statusInfo:{backgroundColor:r.Palette.information["04"]},statusWarning:{backgroundColor:r.Palette.warning["04"]},statusSuccess:{backgroundColor:r.Palette.success["04"]},statusError:{backgroundColor:r.Palette.error["04"]},iconInfo:{backgroundColor:r.Palette.information["02"]},iconWarning:{backgroundColor:r.Palette.warning["02"]},iconSuccess:{backgroundColor:r.Palette.success["02"]},iconError:{backgroundColor:r.Palette.error["02"]},actions:{borderTopColor:r.Palette.light["04"]}}};exports.retrieveStyle=retrieveStyle;

package/dist/components/UTOnboarding/components/OnboardingStep/index.js

@@ -1,45 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-require("intro.js/introjs.css");
-var _propTypes = require("prop-types");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const OnboardingStep = _ref => {
-  let {
-    currentStep,
-    descriptionDataTestId,
-    hideFooter = false,
-    step,
-    totalSteps,
-    variant
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h3", {
-    className: "".concat(_stylesModule.default.description, " ").concat(_stylesModule.default["".concat(variant, "Description")]),
-    "data-testid": descriptionDataTestId
-  }, step.description), step.vectorImage ? /*#__PURE__*/_react.default.createElement(step.vectorImage, {
-    alt: "",
-    className: _stylesModule.default.wizardImage
-  }) : step.image && /*#__PURE__*/_react.default.createElement("img", {
-    alt: "",
-    className: _stylesModule.default.wizardImage,
-    src: step.image
-  }), !hideFooter && /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.footer
-  }, /*#__PURE__*/_react.default.createElement("h3", {
-    className: "".concat(_stylesModule.default.counterSteps, " ").concat(_stylesModule.default["".concat(variant, "CounterSteps")])
-  }, currentStep + 1, " de ", totalSteps)));
-};
-OnboardingStep.propTypes = {
-  currentStep: _propTypes.number,
-  descriptionDataTestId: _propTypes.string,
-  hideFooter: _propTypes.bool,
-  step: _propTypes.object,
-  totalSteps: _propTypes.number,
-  variant: _propTypes.string
-};
-var _default = exports.default = OnboardingStep;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react"));require("intro.js/introjs.css");var _propTypes=require("prop-types"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const OnboardingStep=e=>{let{currentStep:t,descriptionDataTestId:r,hideFooter:a=!1,step:s,totalSteps:o,variant:l}=e;return _react.default.createElement("div",null,_react.default.createElement("h3",{className:"".concat(_stylesModule.default.description," ").concat(_stylesModule.default["".concat(l,"Description")]),"data-testid":r},s.description),s.vectorImage?_react.default.createElement(s.vectorImage,{alt:"",className:_stylesModule.default.wizardImage}):s.image&&_react.default.createElement("img",{alt:"",className:_stylesModule.default.wizardImage,src:s.image}),!a&&_react.default.createElement("div",{className:_stylesModule.default.footer},_react.default.createElement("h3",{className:"".concat(_stylesModule.default.counterSteps," ").concat(_stylesModule.default["".concat(l,"CounterSteps")])},t+1," de ",o)))};OnboardingStep.propTypes={currentStep:_propTypes.number,descriptionDataTestId:_propTypes.string,hideFooter:_propTypes.bool,step:_propTypes.object,totalSteps:_propTypes.number,variant:_propTypes.string};var _default=exports.default=OnboardingStep;