npm - @widergy/energy-ui - Versions diffs - 3.172.3 → 3.173.0 - Mend

@widergy/energy-ui 3.172.3 → 3.173.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1476) hide show

package/dist/components/UTMenu/index.js CHANGED Viewed

@@ -1 +1,198 @@
-"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,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:anchor,animation:animation,animatorProps:animatorProps,arrowProps:arrowProps,classes:themeClasses,classNames:classNames,clickAwayListenerProps:clickAwayListenerProps,contextData:contextData={},elevation:elevation,iconBefore:iconBefore,ItemComponent:ItemComponent,itemIconProps:itemIconProps,itemProps:itemProps,items:items,LastItem:LastItem,lockScreenEnabled:lockScreenEnabled,menuItemProps:menuItemProps,menuListProps:menuListProps,menuPlacement:menuPlacement,modifiers:modifiers,onClickItem:onClickItem,onClose:onClose,paperProps:paperProps,popperProps:popperProps,scrollBarProps:scrollBarProps,withArrow:withArrow,withDivider:withDivider,withMenuItem:withMenuItem}=_ref;const blockerRef=(0,_react.useRef)(null),classes=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(themeClasses,classNames),[classNames]),[arrowRef,setArrowRef]=(0,_react.useState)(null),[open,handleOpenState]=(0,_react.useState)(!1);(0,_react.useEffect)(()=>{const shouldOpen=!!anchor&&!(0,_array.isEmpty)(items);return handleOpenState(shouldOpen),lockScreenEnabled&&anchor&&(0,_utils.lockScreen)(blockerRef,!0),()=>(document.body.style.overflow="unset",lockScreenEnabled&&(0,_utils.lockScreen)(blockerRef,!1))},[anchor,items]);const popperModifiers=Object.assign({arrow:{enabled:!0,element:arrowRef}},modifiers),Animator="grow"===animation?_Grow.default:_Fade.default,handleScrollbarSync=ps=>setTimeout(()=>ps.update(),350),lastItem=items.length-1;return _react.default.createElement(_react.Fragment,null,anchor&&_react.default.createElement(_Popper.default,_extends({anchorEl:anchor,open:open,transition:!0,placement:menuPlacement,modifiers:popperModifiers,className:classes.popper},popperProps),_ref2=>{let{TransitionProps:TransitionProps,placement:placement}=_ref2;return _react.default.createElement(Animator,_extends({in:open},TransitionProps,{style:{transformOrigin:(0,_utils.getTransitionOrigin)(placement)}},animatorProps),_react.default.createElement("div",null,withArrow&&_react.default.createElement("div",_extends({className:_stylesModule.default.arrow,ref:setArrowRef},arrowProps)),_react.default.createElement(_Paper.default,_extends({elevation:elevation,className:classes.paper},paperProps),_react.default.createElement(_ClickAwayListener.default,_extends({onClickAway:onClose},clickAwayListenerProps),_react.default.createElement("div",null,_react.default.createElement(_MenuList.default,_extends({autoFocusItem:open,className:classes.menuList},menuListProps),_react.default.createElement(_reactPerfectScrollbar.default,_extends({onSync:handleScrollbarSync,className:classes.scrollBar},scrollBarProps),null==items?void 0:items.map((item,index)=>{const handleClick=event=>{item.onClick?item.onClick(event,contextData,onClose):onClickItem&&onClickItem(event,contextData),contextData.clickCallback&&contextData.clickCallback()};return ItemComponent?withMenuItem?_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),_react.default.createElement(ItemComponent,_extends({className:classes.menuItem},itemProps,item))):_react.default.createElement(ItemComponent,_extends({className:classes.menuItem},itemProps,item)):_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&&_react.default.createElement(item.Icon,_extends({className:classes.menuItemIcon},itemIconProps,item.iconProps)),_react.default.createElement(_UTLabel.default,_extends({className:classes.menuItem},itemProps,item.labelProps),item.label),!iconBefore&&item.Icon&&_react.default.createElement(item.Icon,_extends({className:classes.menuItemIcon},itemIconProps,item.iconProps)))}))),LastItem&&_react.default.createElement(LastItem,null))))))}),_react.default.createElement("div",{ref:blockerRef,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);
+"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);

package/dist/components/UTMenu/theme.js CHANGED Viewed

@@ -1 +1,64 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),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:theme}=_ref;return{paper:{padding:null==theme||null===(_theme$UTMenu=theme.UTMenu)||void 0===_theme$UTMenu||null===(_theme$UTMenu=_theme$UTMenu.paper)||void 0===_theme$UTMenu?void 0:_theme$UTMenu.padding,borderRadius:null==theme||null===(_theme$UTMenu2=theme.UTMenu)||void 0===_theme$UTMenu2||null===(_theme$UTMenu2=_theme$UTMenu2.paper)||void 0===_theme$UTMenu2?void 0:_theme$UTMenu2.borderRadius,boxShadow:null==theme||null===(_theme$UTMenu3=theme.UTMenu)||void 0===_theme$UTMenu3||null===(_theme$UTMenu3=_theme$UTMenu3.paper)||void 0===_theme$UTMenu3?void 0:_theme$UTMenu3.boxShadow},menuList:{borderRadius:null==theme||null===(_theme$UTMenu4=theme.UTMenu)||void 0===_theme$UTMenu4||null===(_theme$UTMenu4=_theme$UTMenu4.menuList)||void 0===_theme$UTMenu4?void 0:_theme$UTMenu4.borderRadius,padding:null==theme||null===(_theme$UTMenu5=theme.UTMenu)||void 0===_theme$UTMenu5||null===(_theme$UTMenu5=_theme$UTMenu5.menuList)||void 0===_theme$UTMenu5?void 0:_theme$UTMenu5.padding,outline:null==theme||null===(_theme$UTMenu6=theme.UTMenu)||void 0===_theme$UTMenu6||null===(_theme$UTMenu6=_theme$UTMenu6.menuList)||void 0===_theme$UTMenu6?void 0:_theme$UTMenu6.outline,width:null==theme||null===(_theme$UTMenu7=theme.UTMenu)||void 0===_theme$UTMenu7||null===(_theme$UTMenu7=_theme$UTMenu7.menuList)||void 0===_theme$UTMenu7?void 0:_theme$UTMenu7.width},menuItem:{fontSize:null==theme||null===(_theme$UTMenu8=theme.UTMenu)||void 0===_theme$UTMenu8||null===(_theme$UTMenu8=_theme$UTMenu8.menuItem)||void 0===_theme$UTMenu8?void 0:_theme$UTMenu8.fontSize,color:null==theme||null===(_theme$UTMenu9=theme.UTMenu)||void 0===_theme$UTMenu9||null===(_theme$UTMenu9=_theme$UTMenu9.menuItem)||void 0===_theme$UTMenu9?void 0:_theme$UTMenu9.color,backgroundColor:null==theme||null===(_theme$UTMenu0=theme.UTMenu)||void 0===_theme$UTMenu0||null===(_theme$UTMenu0=_theme$UTMenu0.menuItem)||void 0===_theme$UTMenu0?void 0:_theme$UTMenu0.backgroundColor},popper:{zIndex:9999,margin:null==theme||null===(_theme$UTMenu1=theme.UTMenu)||void 0===_theme$UTMenu1||null===(_theme$UTMenu1=_theme$UTMenu1.popper)||void 0===_theme$UTMenu1?void 0:_theme$UTMenu1.margin},menuItemIcon:{height:null==theme||null===(_theme$UTMenu10=theme.UTMenu)||void 0===_theme$UTMenu10||null===(_theme$UTMenu10=_theme$UTMenu10.menuItemIcon)||void 0===_theme$UTMenu10?void 0:_theme$UTMenu10.height,color:null==theme||null===(_theme$UTMenu11=theme.UTMenu)||void 0===_theme$UTMenu11||null===(_theme$UTMenu11=_theme$UTMenu11.menuItemIcon)||void 0===_theme$UTMenu11?void 0:_theme$UTMenu11.color,fontSize:null==theme||null===(_theme$UTMenu12=theme.UTMenu)||void 0===_theme$UTMenu12||null===(_theme$UTMenu12=_theme$UTMenu12.menuItemIcon)||void 0===_theme$UTMenu12?void 0:_theme$UTMenu12.fontSize,margin:null==theme||null===(_theme$UTMenu13=theme.UTMenu)||void 0===_theme$UTMenu13||null===(_theme$UTMenu13=_theme$UTMenu13.menuItemIcon)||void 0===_theme$UTMenu13?void 0:_theme$UTMenu13.margin,width:null==theme||null===(_theme$UTMenu14=theme.UTMenu)||void 0===_theme$UTMenu14||null===(_theme$UTMenu14=_theme$UTMenu14.menuItemIcon)||void 0===_theme$UTMenu14?void 0:_theme$UTMenu14.width},menuItemContainer:{padding:null==theme||null===(_theme$UTMenu15=theme.UTMenu)||void 0===_theme$UTMenu15||null===(_theme$UTMenu15=_theme$UTMenu15.menuItemContainer)||void 0===_theme$UTMenu15?void 0:_theme$UTMenu15.padding,position:null==theme||null===(_theme$UTMenu16=theme.UTMenu)||void 0===_theme$UTMenu16||null===(_theme$UTMenu16=_theme$UTMenu16.menuItemContainer)||void 0===_theme$UTMenu16?void 0:_theme$UTMenu16.position},scrollBar:{maxHeight:null==theme||null===(_theme$UTMenu17=theme.UTMenu)||void 0===_theme$UTMenu17||null===(_theme$UTMenu17=_theme$UTMenu17.scrollBar)||void 0===_theme$UTMenu17?void 0:_theme$UTMenu17.maxHeight}}};exports.retrieveStyle=retrieveStyle;const retrieveMuiTheme=theme=>{var _theme$UTMenu18,_theme$UTMenu19;return(0,_styles.createTheme)({overrides:{MuiListItem:{divider:{borderBottomColor:null==theme||null===(_theme$UTMenu18=theme.UTMenu)||void 0===_theme$UTMenu18||null===(_theme$UTMenu18=_theme$UTMenu18.divider)||void 0===_theme$UTMenu18?void 0:_theme$UTMenu18.color,borderBottomWidth:null==theme||null===(_theme$UTMenu19=theme.UTMenu)||void 0===_theme$UTMenu19||null===(_theme$UTMenu19=_theme$UTMenu19.divider)||void 0===_theme$UTMenu19?void 0:_theme$UTMenu19.width}}}})};exports.retrieveMuiTheme=retrieveMuiTheme;
+"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;

package/dist/components/UTMenu/utils.js CHANGED Viewed

@@ -1 +1,20 @@
-"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=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;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: 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;

package/dist/components/UTModal/constants.js CHANGED Viewed

@@ -1 +1,82 @@
-"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(props){return _react.default.createElement("svg",props,_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(props){return _react.default.createElement("svg",props,_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(props){return _react.default.createElement("svg",props,_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(props){return _react.default.createElement("svg",props,_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";
+"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';

package/dist/components/UTModal/index.js CHANGED Viewed

@@ -1 +1,104 @@
-"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 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:cancelAction,children:children,classes:themeClasses,classNames:classNames,description:description,descriptionProps:descriptionProps={},handleClickAway:handleClickAway,isOpen:isOpen,primaryAction:primaryAction,removeBodyPadding:removeBodyPadding,secondaryAction:secondaryAction,SecondaryActionComponent:SecondaryActionComponent,size:size,status:status,title:title}=_ref;const dialogRef=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{isOpen?dialogRef.current.showModal():dialogRef.current.close()},[isOpen]);const classes=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(themeClasses,classNames),[classNames]),StatusIcon=_constants.STATUS_ICONS[status],withSecondaryActions=!(0,_object.objectIsEmpty)(secondaryAction)||SecondaryActionComponent;return _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:event=>handleClickAway&&"DIALOG"===event.target.tagName&&handleClickAway(),ref:dialogRef},_react.default.createElement("div",null,StatusIcon&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.status," ").concat(classes["status".concat((0,_componentUtils.capitalize)(status))])},_react.default.createElement(StatusIcon,{className:"".concat(_stylesModule.default.icon," ").concat(classes["icon".concat((0,_componentUtils.capitalize)(status))])})),_react.default.createElement("div",{className:_stylesModule.default.header},_react.default.createElement(_UTLabel.default,{variant:"title3",weight:"medium"},title),description&&_react.default.createElement(_UTLabel.default,_extends({colorTheme:"gray"},descriptionProps),description)),children&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.body," ").concat(!removeBodyPadding&&_stylesModule.default.bodyPadding)},children),_react.default.createElement("div",{className:"\n            ".concat(_stylesModule.default.actions,"\n            ").concat(classes.actions,"\n            ").concat(withSecondaryActions&&_stylesModule.default.withSecondaryActions,"\n          ")},withSecondaryActions&&_react.default.createElement("div",null,SecondaryActionComponent?_react.default.createElement(SecondaryActionComponent,null):_react.default.createElement(_UTButton.default,_extends({colorTheme:"secondary",variant:"semitransparent"},secondaryAction),secondaryAction.label)),_react.default.createElement("div",{className:_stylesModule.default.defaultActions},!(0,_object.objectIsEmpty)(cancelAction)&&_react.default.createElement(_UTButton.default,_extends({colorTheme:"secondary",variant:"text"},cancelAction),cancelAction.label||_constants.CANCEL_BUTTON_TEXT),!(0,_object.objectIsEmpty)(primaryAction)&&_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: 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);

package/dist/components/UTModal/theme.js CHANGED Viewed

@@ -1 +1,55 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _classesUtils=require("../../utils/classesUtils"),_shadowUtils=require("../../utils/shadowUtils");const retrieveStyle=_ref=>{var _theme$Palette$shadow;let{theme:theme}=_ref;return{container:{backgroundColor:theme.Palette.light["01"],boxShadow:(0,_shadowUtils.getShadow)({color:null===(_theme$Palette$shadow=theme.Palette.shadows)||void 0===_theme$Palette$shadow?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: 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;

package/dist/components/UTOnboarding/README.md ADDED Viewed

@@ -0,0 +1,49 @@
+# UTOnboarding
+### Description
+Onboarding component.
+### Variants
+- Default: variant = 'dark'
+- Information: variant = 'information'
+- Light: variant = 'light'
+### Props
+- handleOnClose: function --> optional, se ejecutara cuando se cierra el onboarding
+- handleComplete: function --> optional, se ejecutara cuando se completa el onboarding
+- options: object | Espera recibir un objeto propio de la libreria de intro react js. Ejemplo de valores posibles
+  - nextLabel: string --> Next button label
+  - prevLabel: string --> Previous button label
+  - options: objeto --> Ejemplo de lo que se puede pasar:
+    {{ positionPrecedence: ['right'] }} (posicion del onboarding)
+- steps: array of object --> requerido
+  - Cada objeto espera recibir:
+    ` {
+    title: '¡Bienvenido a tu oficina virtual!',
+    element: '.step_1',
+    image: '',
+    description:
+      'Inicia el tutorial de introducción y descubrí todas las gestiones que podés realizar en tus cuentas.'
+}`
+  - title: Titulo del onboarding
+  - element: string | CSS selector to use for the step
+  - position: string | Position of the tooltip
+  - intro : string | The tooltip content
+  - description: string | si quiero agregar una imagen voy a tener que pasarle una description en lugar del intro
+  - image: imagen de tipo png
+  - vectorImage: imagen de tipo svg
+  - hideFooter: bool | oculta los botones y los steps
+  - highlightClass: CSS class of the helperLayer.
+  - tooltipClass: CSS class of the tooltip
+  - isSuggestion: bool | si es el primer paso y no quiero que tenga tooltip puedo dejarlo en true
+  -  closeButtonDataTestId: string | data-testid para el botón de cerrar
+  -  descriptionDataTestId: string | data-testid para la descripción
+  -  nextButtonDataTestId: string | data-testid para el botón de siguiente
+  -  prevButtonDataTestId: string | data-testid para el botón de atrás
+  -  titleDataTestId: string | data-testid para el título