@widergy/energy-ui 3.173.2 → 3.173.4

package/dist/esm/components/UTMap/types.js

@@ -1,31 +1 @@
-import { any, number, bool, func, shape, arrayOf, oneOfType } from 'prop-types';
-const coordinatePropType = oneOfType([number, func]);
-export const GoogleMapsPropTypes = {
-  onMapClick: func.isRequired,
-  onMarkerRightClick: func.isRequired,
-  center: shape({
-    lat: coordinatePropType,
-    lng: coordinatePropType
-  }),
-  markers: arrayOf(shape({
-    position: shape({
-      lat: coordinatePropType,
-      lng: coordinatePropType
-    }).isRequired,
-    key: number,
-    defaultAnimation: number
-  })),
-  onMapMounted: func.isRequired,
-  onSearchBoxMounted: func.isRequired,
-  onPlacesChanged: func.isRequired,
-  usePolygon: bool,
-  polygonPath: arrayOf(shape({
-    lat: number,
-    lng: number
-  })),
-  bounds: any,
-  onSearchChange: func,
-  searchValue: any,
-  zoom: number,
-  showOnlyMap: bool
-};
+import{any,number,bool,func,shape,arrayOf,oneOfType}from"prop-types";const coordinatePropType=oneOfType([number,func]);export const GoogleMapsPropTypes={onMapClick:func.isRequired,onMarkerRightClick:func.isRequired,center:shape({lat:coordinatePropType,lng:coordinatePropType}),markers:arrayOf(shape({position:shape({lat:coordinatePropType,lng:coordinatePropType}).isRequired,key:number,defaultAnimation:number})),onMapMounted:func.isRequired,onSearchBoxMounted:func.isRequired,onPlacesChanged:func.isRequired,usePolygon:bool,polygonPath:arrayOf(shape({lat:number,lng:number})),bounds:any,onSearchChange:func,searchValue:any,zoom:number,showOnlyMap:bool};

package/dist/esm/components/UTMap/utils.js

@@ -1,62 +1 @@
-import { isEmpty } from '@widergy/web-utils/lib/array';
-import { GMAP_PARAMS, LOCATION_TYPES, ADDRESS_TYPES } from './constants';
-export const geolocation = message => navigator.geolocation ? navigator.geolocation : {
-  getCurrentPosition(success, failure) {
-    failure(message);
-  }
-};
-export const checkAddressIsValid = (latLng, usePolygon, polygon) => {
-  // Check if a position is included on Utility polygon or if utility hasn't setted a polygon
-  // To set map in this position
-  const utilityPolygon = new window.google.maps.Polygon({
-    paths: polygon
-  });
-  return !usePolygon || window.google.maps.geometry.poly.containsLocation(latLng, utilityPolygon);
-};
-export const retrieveAddressByCoords = (_ref, onAddressFoundCallback) => {
-  let {
-    location,
-    address
-  } = _ref;
-  const geocoder = new window.google.maps.Geocoder();
-  const parameters = address ? {
-    address
-  } : {
-    location
-  };
-  geocoder.geocode(parameters, (results, status) => {
-    if (status === 'OK') {
-      const addressResults = results.filter(result => result.types.some(type => type === ADDRESS_TYPES.street || type === ADDRESS_TYPES.route));
-      let finalAddress;
-      if (!isEmpty(addressResults)) {
-        finalAddress = addressResults.find(elem => elem.geometry.location_type === LOCATION_TYPES.rooftop) || addressResults.find(elem => elem.geometry.location_type === LOCATION_TYPES.rangeInterpolated) || addressResults.find(elem => elem.geometry.location_type === LOCATION_TYPES.geometricCenter);
-      } else if (!isEmpty(results)) {
-        finalAddress = {
-          ...results[0],
-          ...(address ? {
-            formatted_address: address
-          } : {})
-        };
-      }
-      if (finalAddress) onAddressFoundCallback(finalAddress);
-    }
-  });
-};
-export const findAddressComponent = (address, component) => {
-  const addrComponent = address.address_components.find(attribute => attribute.types.includes(component));
-  return addrComponent && addrComponent.long_name;
-};
-export const getValue = (address, latLng, paramName) => {
-  switch (paramName) {
-    case GMAP_PARAMS.latitude:
-      return latLng.lat();
-    case GMAP_PARAMS.longitude:
-      return latLng.lng();
-    case GMAP_PARAMS.formattedAddress:
-      return address.formatted_address;
-    default:
-      return findAddressComponent(address, paramName);
-  }
-};
-// configuration.address_components
-export const isValidConfiguration = field => field && field.configuration && field.configuration.address_components && field.configuration.address_components[GMAP_PARAMS.latitude] && field.configuration.address_components[GMAP_PARAMS.longitude] && field.configuration.address_components[GMAP_PARAMS.formattedAddress];
+import{isEmpty}from"@widergy/web-utils/lib/array";import{GMAP_PARAMS,LOCATION_TYPES,ADDRESS_TYPES}from"./constants";export const geolocation=o=>navigator.geolocation?navigator.geolocation:{getCurrentPosition(t,e){e(o)}};export const checkAddressIsValid=(o,t,e)=>{const n=new window.google.maps.Polygon({paths:e});return!t||window.google.maps.geometry.poly.containsLocation(o,n)};export const retrieveAddressByCoords=(o,t)=>{let{location:e,address:n}=o;const r=new window.google.maps.Geocoder,s=n?{address:n}:{location:e};r.geocode(s,(o,e)=>{if("OK"===e){const e=o.filter(o=>o.types.some(o=>o===ADDRESS_TYPES.street||o===ADDRESS_TYPES.route));let r;isEmpty(e)?isEmpty(o)||(r={...o[0],...n?{formatted_address:n}:{}}):r=e.find(o=>o.geometry.location_type===LOCATION_TYPES.rooftop)||e.find(o=>o.geometry.location_type===LOCATION_TYPES.rangeInterpolated)||e.find(o=>o.geometry.location_type===LOCATION_TYPES.geometricCenter),r&&t(r)}})};export const findAddressComponent=(o,t)=>{const e=o.address_components.find(o=>o.types.includes(t));return e&&e.long_name};export const getValue=(o,t,e)=>{switch(e){case GMAP_PARAMS.latitude:return t.lat();case GMAP_PARAMS.longitude:return t.lng();case GMAP_PARAMS.formattedAddress:return o.formatted_address;default:return findAddressComponent(o,e)}};export const isValidConfiguration=o=>o&&o.configuration&&o.configuration.address_components&&o.configuration.address_components[GMAP_PARAMS.latitude]&&o.configuration.address_components[GMAP_PARAMS.longitude]&&o.configuration.address_components[GMAP_PARAMS.formattedAddress];

package/dist/esm/components/UTMenu/index.js

@@ -1,190 +1 @@
-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); }
-import React, { useState, useEffect, Fragment, useRef, useMemo } from 'react';
-import { string, elementType, func, array, object, objectOf, number, bool, oneOfType } from 'prop-types';
-import ClickAwayListener from '@material-ui/core/ClickAwayListener';
-import Grow from '@material-ui/core/Grow';
-import Fade from '@material-ui/core/Fade';
-import Paper from '@material-ui/core/Paper';
-import Popper from '@material-ui/core/Popper';
-import MenuList from '@material-ui/core/MenuList';
-import ScrollBar from 'react-perfect-scrollbar';
-import 'react-perfect-scrollbar/dist/css/styles.css';
-import MenuItem from '@material-ui/core/MenuItem';
-import { isEmpty } from '@widergy/web-utils/lib/array';
-import { refType } from '../../types/commonTypes';
-import { mergeClasses } from '../../utils/classesUtils';
-import UTLabel from '../UTLabel';
-import WithTheme from '../WithTheme';
-import { retrieveStyle, retrieveMuiTheme } from './theme';
-import { getTransitionOrigin, lockScreen } from './utils';
-import styles from './styles.module.scss';
-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 = useRef(null);
-  const classes = useMemo(() => mergeClasses(themeClasses, classNames), [classNames]);
-  const [arrowRef, setArrowRef] = useState(null);
-  const [open, handleOpenState] = useState(false);
-  useEffect(() => {
-    const shouldOpen = !!anchor && !isEmpty(items);
-    handleOpenState(shouldOpen);
-    if (lockScreenEnabled && anchor) lockScreen(blockerRef, true);
-    return () => {
-      document.body.style.overflow = 'unset';
-      return lockScreenEnabled && lockScreen(blockerRef, false);
-    };
-  }, [anchor, items]);
-  const popperModifiers = Object.assign({
-    arrow: {
-      enabled: true,
-      element: arrowRef
-    }
-  }, modifiers);
-  const Animator = animation === 'grow' ? Grow : Fade;
-  const handleScrollbarSync = ps => setTimeout(() => ps.update(), 350);
-  const lastItem = items.length - 1;
-  return /*#__PURE__*/React.createElement(Fragment, null, anchor && /*#__PURE__*/React.createElement(Popper, _extends({
-    anchorEl: anchor,
-    open: open,
-    transition: true,
-    placement: menuPlacement,
-    modifiers: popperModifiers,
-    className: classes.popper
-  }, popperProps), _ref2 => {
-    let {
-      TransitionProps,
-      placement
-    } = _ref2;
-    return /*#__PURE__*/React.createElement(Animator, _extends({
-      in: open
-    }, TransitionProps, {
-      style: {
-        transformOrigin: getTransitionOrigin(placement)
-      }
-    }, animatorProps), /*#__PURE__*/React.createElement("div", null, withArrow && /*#__PURE__*/React.createElement("div", _extends({
-      className: styles.arrow,
-      ref: setArrowRef
-    }, arrowProps)), /*#__PURE__*/React.createElement(Paper, _extends({
-      elevation: elevation,
-      className: classes.paper
-    }, paperProps), /*#__PURE__*/React.createElement(ClickAwayListener, _extends({
-      onClickAway: onClose
-    }, clickAwayListenerProps), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(MenuList, _extends({
-      autoFocusItem: open,
-      className: classes.menuList
-    }, menuListProps), /*#__PURE__*/React.createElement(ScrollBar, _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.createElement(MenuItem, _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.createElement(ItemComponent, _extends({
-        className: classes.menuItem
-      }, itemProps, item))) : /*#__PURE__*/React.createElement(ItemComponent, _extends({
-        className: classes.menuItem
-      }, itemProps, item)) : /*#__PURE__*/React.createElement(MenuItem, _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.createElement(item.Icon, _extends({
-        className: classes.menuItemIcon
-      }, itemIconProps, item.iconProps)), /*#__PURE__*/React.createElement(UTLabel, _extends({
-        className: classes.menuItem
-      }, itemProps, item.labelProps), item.label), !iconBefore && item.Icon && /*#__PURE__*/React.createElement(item.Icon, _extends({
-        className: classes.menuItemIcon
-      }, itemIconProps, item.iconProps)));
-    }))), LastItem && /*#__PURE__*/React.createElement(LastItem, null))))));
-  }), /*#__PURE__*/React.createElement("div", {
-    ref: blockerRef,
-    className: styles.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: oneOfType([refType, elementType]),
-  animation: string,
-  animatorProps: object,
-  arrowProps: object,
-  classes: objectOf(string),
-  classNames: objectOf(string),
-  clickAwayListenerProps: object,
-  contextData: object,
-  elevation: number,
-  iconBefore: bool,
-  ItemComponent: elementType,
-  itemIconProps: object,
-  itemProps: object,
-  items: array,
-  LastItem: elementType,
-  lockScreenEnabled: bool,
-  MenuItemClassName: string,
-  menuItemProps: object,
-  menuListProps: object,
-  menuPlacement: string,
-  modifiers: objectOf(string),
-  onClickItem: func,
-  onClose: func.isRequired,
-  paperProps: object,
-  popperProps: object,
-  scrollBarProps: object,
-  withArrow: bool,
-  withDivider: bool,
-  withMenuItem: bool
-};
-export default WithTheme(retrieveStyle, retrieveMuiTheme)(UTMenu);
+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 o in r)({}).hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},_extends.apply(null,arguments)}import React,{useState,useEffect,Fragment,useRef,useMemo}from"react";import{string,elementType,func,array,object,objectOf,number,bool,oneOfType}from"prop-types";import ClickAwayListener from"@material-ui/core/ClickAwayListener";import Grow from"@material-ui/core/Grow";import Fade from"@material-ui/core/Fade";import Paper from"@material-ui/core/Paper";import Popper from"@material-ui/core/Popper";import MenuList from"@material-ui/core/MenuList";import ScrollBar from"react-perfect-scrollbar";import"react-perfect-scrollbar/dist/css/styles.css";import MenuItem from"@material-ui/core/MenuItem";import{isEmpty}from"@widergy/web-utils/lib/array";import{refType}from"../../types/commonTypes";import{mergeClasses}from"../../utils/classesUtils";import UTLabel from"../UTLabel";import WithTheme from"../WithTheme";import{retrieveStyle,retrieveMuiTheme}from"./theme";import{getTransitionOrigin,lockScreen}from"./utils";import styles from"./styles.module.scss";const UTMenu=e=>{let{anchor:t,animation:r,animatorProps:o,arrowProps:a,classes:n,classNames:s,clickAwayListenerProps:c,contextData:m={},elevation:l,iconBefore:i,ItemComponent:p,itemIconProps:u,itemProps:d,items:f,LastItem:b,lockScreenEnabled:P,menuItemProps:y,menuListProps:I,menuPlacement:w,modifiers:k,onClickItem:T,onClose:E,paperProps:g,popperProps:C,scrollBarProps:R,withArrow:h,withDivider:v,withMenuItem:x}=e;const j=useRef(null),L=useMemo(()=>mergeClasses(n,s),[s]),[M,N]=useState(null),[_,S]=useState(!1);useEffect(()=>{const e=!!t&&!isEmpty(f);return S(e),P&&t&&lockScreen(j,!0),()=>(document.body.style.overflow="unset",P&&lockScreen(j,!1))},[t,f]);const O=Object.assign({arrow:{enabled:!0,element:M}},k),A="grow"===r?Grow:Fade,B=e=>setTimeout(()=>e.update(),350),U=f.length-1;return React.createElement(Fragment,null,t&&React.createElement(Popper,_extends({anchorEl:t,open:_,transition:!0,placement:w,modifiers:O,className:L.popper},C),e=>{let{TransitionProps:t,placement:r}=e;return React.createElement(A,_extends({in:_},t,{style:{transformOrigin:getTransitionOrigin(r)}},o),React.createElement("div",null,h&&React.createElement("div",_extends({className:styles.arrow,ref:N},a)),React.createElement(Paper,_extends({elevation:l,className:L.paper},g),React.createElement(ClickAwayListener,_extends({onClickAway:E},c),React.createElement("div",null,React.createElement(MenuList,_extends({autoFocusItem:_,className:L.menuList},I),React.createElement(ScrollBar,_extends({onSync:B,className:L.scrollBar},R),null==f?void 0:f.map((e,t)=>{const r=t=>{e.onClick?e.onClick(t,m,E):T&&T(t,m),m.clickCallback&&m.clickCallback()};return p?x?React.createElement(MenuItem,_extends({className:"".concat(L.menuItemContainer," ").concat(e.menuItemClassName),"data-testid":e.dataTestId,disabled:e.disabled,divider:v&&t<U,key:e.key,onClick:r},y),React.createElement(p,_extends({className:L.menuItem},d,e))):React.createElement(p,_extends({className:L.menuItem},d,e)):React.createElement(MenuItem,_extends({className:"".concat(L.menuItemContainer," ").concat(e.menuItemClassName),"data-testid":e.dataTestId,disabled:e.disabled,divider:v&&t<U,key:e.key,onClick:r},y),i&&e.Icon&&React.createElement(e.Icon,_extends({className:L.menuItemIcon},u,e.iconProps)),React.createElement(UTLabel,_extends({className:L.menuItem},d,e.labelProps),e.label),!i&&e.Icon&&React.createElement(e.Icon,_extends({className:L.menuItemIcon},u,e.iconProps)))}))),b&&React.createElement(b,null))))))}),React.createElement("div",{ref:j,className:styles.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:oneOfType([refType,elementType]),animation:string,animatorProps:object,arrowProps:object,classes:objectOf(string),classNames:objectOf(string),clickAwayListenerProps:object,contextData:object,elevation:number,iconBefore:bool,ItemComponent:elementType,itemIconProps:object,itemProps:object,items:array,LastItem:elementType,lockScreenEnabled:bool,MenuItemClassName:string,menuItemProps:object,menuListProps:object,menuPlacement:string,modifiers:objectOf(string),onClickItem:func,onClose:func.isRequired,paperProps:object,popperProps:object,scrollBarProps:object,withArrow:bool,withDivider:bool,withMenuItem:bool};export default WithTheme(retrieveStyle,retrieveMuiTheme)(UTMenu);

package/dist/esm/components/UTMenu/theme.js

@@ -1,56 +1 @@
-import { createTheme } from '@material-ui/core/styles';
-export 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
-    }
-  };
-};
-export const retrieveMuiTheme = theme => {
-  var _theme$UTMenu18, _theme$UTMenu19;
-  return 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
-        }
-      }
-    }
-  });
-};
+import{createTheme}from"@material-ui/core/styles";export const retrieveStyle=l=>{var n,o,i,u,e,d,v,r,t,m,a,p,T,M,I,U,c,s,h;let{theme:g}=l;return{paper:{padding:null==g||null===(n=g.UTMenu)||void 0===n||null===(n=n.paper)||void 0===n?void 0:n.padding,borderRadius:null==g||null===(o=g.UTMenu)||void 0===o||null===(o=o.paper)||void 0===o?void 0:o.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===(u=g.UTMenu)||void 0===u||null===(u=u.menuList)||void 0===u?void 0:u.borderRadius,padding:null==g||null===(e=g.UTMenu)||void 0===e||null===(e=e.menuList)||void 0===e?void 0:e.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===(v=g.UTMenu)||void 0===v||null===(v=v.menuList)||void 0===v?void 0:v.width},menuItem:{fontSize:null==g||null===(r=g.UTMenu)||void 0===r||null===(r=r.menuItem)||void 0===r?void 0:r.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===(p=g.UTMenu)||void 0===p||null===(p=p.menuItemIcon)||void 0===p?void 0:p.height,color:null==g||null===(T=g.UTMenu)||void 0===T||null===(T=T.menuItemIcon)||void 0===T?void 0:T.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===(I=g.UTMenu)||void 0===I||null===(I=I.menuItemIcon)||void 0===I?void 0:I.margin,width:null==g||null===(U=g.UTMenu)||void 0===U||null===(U=U.menuItemIcon)||void 0===U?void 0:U.width},menuItemContainer:{padding:null==g||null===(c=g.UTMenu)||void 0===c||null===(c=c.menuItemContainer)||void 0===c?void 0:c.padding,position:null==g||null===(s=g.UTMenu)||void 0===s||null===(s=s.menuItemContainer)||void 0===s?void 0:s.position},scrollBar:{maxHeight:null==g||null===(h=g.UTMenu)||void 0===h||null===(h=h.scrollBar)||void 0===h?void 0:h.maxHeight}}};export const retrieveMuiTheme=l=>{var n,o;return createTheme({overrides:{MuiListItem:{divider:{borderBottomColor:null==l||null===(n=l.UTMenu)||void 0===n||null===(n=n.divider)||void 0===n?void 0:n.color,borderBottomWidth:null==l||null===(o=l.UTMenu)||void 0===o||null===(o=o.divider)||void 0===o?void 0:o.width}}}})};

package/dist/esm/components/UTMenu/utils.js

@@ -1,10 +1 @@
-import { isDesktop } from '@widergy/web-utils/lib/browser';
-export const getTransitionOrigin = placement => placement.search('bottom') >= 0 ? placement.replace('bottom', 'top') : placement.search('top') >= 0 ? placement.replace('top', 'bottom') : placement;
-export const bodyHasScroll = () => document.body && document.body.scrollHeight && window.innerHeight ? document.body.scrollHeight > window.innerHeight : false;
-export const getScrollbarWidth = () => document.body && document.body.clientWidth && window.innerWidth ? window.innerWidth - document.body.clientWidth : 0;
-export const lockScreen = (blocker, lock) => {
-  const body = document.getElementsByTagName('body')[0];
-  body.style.paddingRight = lock && isDesktop(1024) && bodyHasScroll() ? "".concat(getScrollbarWidth(), "px") : '';
-  body.style.overflow = lock ? 'hidden' : '';
-  blocker.current.style.display = lock ? 'initial' : '';
-};
+import{isDesktop}from"@widergy/web-utils/lib/browser";export const getTransitionOrigin=o=>o.search("bottom")>=0?o.replace("bottom","top"):o.search("top")>=0?o.replace("top","bottom"):o;export const bodyHasScroll=()=>!!(document.body&&document.body.scrollHeight&&window.innerHeight)&&document.body.scrollHeight>window.innerHeight;export const getScrollbarWidth=()=>document.body&&document.body.clientWidth&&window.innerWidth?window.innerWidth-document.body.clientWidth:0;export const lockScreen=(o,t)=>{const e=document.getElementsByTagName("body")[0];e.style.paddingRight=t&&isDesktop(1024)&&bodyHasScroll()?"".concat(getScrollbarWidth(),"px"):"",e.style.overflow=t?"hidden":"",o.current.style.display=t?"initial":""};

package/dist/esm/components/UTModal/constants.js

@@ -1,75 +1 @@
-import React from "react";
-var InfoIcon = function InfoIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.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.createElement("svg", props, /*#__PURE__*/React.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.createElement("svg", props, /*#__PURE__*/React.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.createElement("svg", props, /*#__PURE__*/React.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"
-};
-export const STATUSES = {
-  INFO: 'info',
-  WARNING: 'warning',
-  SUCCESS: 'success',
-  ERROR: 'error'
-};
-export const STATUS_ICONS = {
-  [STATUSES.INFO]: InfoIcon,
-  [STATUSES.WARNING]: WarningIcon,
-  [STATUSES.SUCCESS]: SuccessIcon,
-  [STATUSES.ERROR]: ErrorIcon
-};
-export const CANCEL_BUTTON_TEXT = 'Cancelar';
-export const ACCEPT_BUTTON_TEXT = 'Aceptar';
+import React from"react";var InfoIcon=function(e){return React.createElement("svg",e,React.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.createElement("svg",e,React.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.createElement("svg",e,React.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.createElement("svg",e,React.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"};export const STATUSES={INFO:"info",WARNING:"warning",SUCCESS:"success",ERROR:"error"};export const STATUS_ICONS={[STATUSES.INFO]:InfoIcon,[STATUSES.WARNING]:WarningIcon,[STATUSES.SUCCESS]:SuccessIcon,[STATUSES.ERROR]:ErrorIcon};export const CANCEL_BUTTON_TEXT="Cancelar";export const ACCEPT_BUTTON_TEXT="Aceptar";

package/dist/esm/components/UTModal/index.js

@@ -1,96 +1 @@
-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); }
-import React, { useEffect, useMemo, useRef } from 'react';
-import { bool, elementType, func, object, objectOf, shape, string } from 'prop-types';
-import { objectIsEmpty } from '@widergy/web-utils/lib/object';
-import { capitalize } from '../../utils/componentUtils';
-import { mergeClasses } from '../../utils/classesUtils';
-import UTButton from '../UTButton';
-import UTLabel from '../UTLabel';
-import WithTheme from '../WithTheme';
-import { retrieveStyle } from './theme';
-import { ACCEPT_BUTTON_TEXT, CANCEL_BUTTON_TEXT, STATUS_ICONS } from './constants';
-import styles from './styles.module.scss';
-const UTModal = _ref => {
-  let {
-    cancelAction,
-    children,
-    classes: themeClasses,
-    classNames,
-    description,
-    descriptionProps = {},
-    handleClickAway,
-    isOpen,
-    primaryAction,
-    removeBodyPadding,
-    secondaryAction,
-    SecondaryActionComponent,
-    size,
-    status,
-    title
-  } = _ref;
-  const dialogRef = useRef(null);
-  useEffect(() => {
-    if (isOpen) dialogRef.current.showModal();else dialogRef.current.close();
-  }, [isOpen]);
-  const onClickDialog = event => handleClickAway && event.target.tagName === 'DIALOG' && handleClickAway();
-  const classes = useMemo(() => mergeClasses(themeClasses, classNames), [classNames]);
-  const StatusIcon = STATUS_ICONS[status];
-  const withSecondaryActions = !objectIsEmpty(secondaryAction) || SecondaryActionComponent;
-  return /*#__PURE__*/React.createElement("dialog", {
-    className: "".concat(styles.container, " ").concat(classes.container, " ").concat(size ? styles["container".concat(capitalize(size))] : styles.containerM),
-    onClick: onClickDialog,
-    ref: dialogRef
-  }, /*#__PURE__*/React.createElement("div", null, StatusIcon && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.status, " ").concat(classes["status".concat(capitalize(status))])
-  }, /*#__PURE__*/React.createElement(StatusIcon, {
-    className: "".concat(styles.icon, " ").concat(classes["icon".concat(capitalize(status))])
-  })), /*#__PURE__*/React.createElement("div", {
-    className: styles.header
-  }, /*#__PURE__*/React.createElement(UTLabel, {
-    variant: "title3",
-    weight: "medium"
-  }, title), description && /*#__PURE__*/React.createElement(UTLabel, _extends({
-    colorTheme: "gray"
-  }, descriptionProps), description)), children && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.body, " ").concat(!removeBodyPadding && styles.bodyPadding)
-  }, children), /*#__PURE__*/React.createElement("div", {
-    className: "\n            ".concat(styles.actions, "\n            ").concat(classes.actions, "\n            ").concat(withSecondaryActions && styles.withSecondaryActions, "\n          ")
-  }, withSecondaryActions && /*#__PURE__*/React.createElement("div", null, SecondaryActionComponent ? /*#__PURE__*/React.createElement(SecondaryActionComponent, null) : /*#__PURE__*/React.createElement(UTButton, _extends({
-    colorTheme: "secondary",
-    variant: "semitransparent"
-  }, secondaryAction), secondaryAction.label)), /*#__PURE__*/React.createElement("div", {
-    className: styles.defaultActions
-  }, !objectIsEmpty(cancelAction) && /*#__PURE__*/React.createElement(UTButton, _extends({
-    colorTheme: "secondary",
-    variant: "text"
-  }, cancelAction), cancelAction.label || CANCEL_BUTTON_TEXT), !objectIsEmpty(primaryAction) && /*#__PURE__*/React.createElement(UTButton, _extends({
-    colorTheme: "primary",
-    variant: "filled"
-  }, primaryAction), primaryAction.label || ACCEPT_BUTTON_TEXT)))));
-};
-UTModal.propTypes = {
-  cancelAction: shape({
-    label: string,
-    onClick: func
-  }),
-  classes: objectOf(string),
-  classNames: objectOf(string),
-  description: string,
-  descriptionProps: object,
-  handleClickAway: func,
-  isOpen: bool,
-  primaryAction: shape({
-    label: string,
-    onClick: func
-  }),
-  removeBodyPadding: bool,
-  secondaryAction: shape({
-    label: string,
-    onClick: func
-  }),
-  SecondaryActionComponent: elementType,
-  size: string,
-  status: string,
-  title: string
-};
-export default WithTheme(retrieveStyle)(UTModal);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var c=arguments[t];for(var a in c)({}).hasOwnProperty.call(c,a)&&(e[a]=c[a])}return e},_extends.apply(null,arguments)}import React,{useEffect,useMemo,useRef}from"react";import{bool,elementType,func,object,objectOf,shape,string}from"prop-types";import{objectIsEmpty}from"@widergy/web-utils/lib/object";import{capitalize}from"../../utils/componentUtils";import{mergeClasses}from"../../utils/classesUtils";import UTButton from"../UTButton";import UTLabel from"../UTLabel";import WithTheme from"../WithTheme";import{retrieveStyle}from"./theme";import{ACCEPT_BUTTON_TEXT,CANCEL_BUTTON_TEXT,STATUS_ICONS}from"./constants";import styles from"./styles.module.scss";const UTModal=e=>{let{cancelAction:t,children:c,classes:a,classNames:n,description:s,descriptionProps:o={},handleClickAway:l,isOpen:r,primaryAction:i,removeBodyPadding:m,secondaryAction:d,SecondaryActionComponent:p,size:T,status:y,title:u}=e;const f=useRef(null);useEffect(()=>{r?f.current.showModal():f.current.close()},[r]);const b=useMemo(()=>mergeClasses(a,n),[n]),E=STATUS_ICONS[y],g=!objectIsEmpty(d)||p;return React.createElement("dialog",{className:"".concat(styles.container," ").concat(b.container," ").concat(T?styles["container".concat(capitalize(T))]:styles.containerM),onClick:e=>l&&"DIALOG"===e.target.tagName&&l(),ref:f},React.createElement("div",null,E&&React.createElement("div",{className:"".concat(styles.status," ").concat(b["status".concat(capitalize(y))])},React.createElement(E,{className:"".concat(styles.icon," ").concat(b["icon".concat(capitalize(y))])})),React.createElement("div",{className:styles.header},React.createElement(UTLabel,{variant:"title3",weight:"medium"},u),s&&React.createElement(UTLabel,_extends({colorTheme:"gray"},o),s)),c&&React.createElement("div",{className:"".concat(styles.body," ").concat(!m&&styles.bodyPadding)},c),React.createElement("div",{className:"\n            ".concat(styles.actions,"\n            ").concat(b.actions,"\n            ").concat(g&&styles.withSecondaryActions,"\n          ")},g&&React.createElement("div",null,p?React.createElement(p,null):React.createElement(UTButton,_extends({colorTheme:"secondary",variant:"semitransparent"},d),d.label)),React.createElement("div",{className:styles.defaultActions},!objectIsEmpty(t)&&React.createElement(UTButton,_extends({colorTheme:"secondary",variant:"text"},t),t.label||CANCEL_BUTTON_TEXT),!objectIsEmpty(i)&&React.createElement(UTButton,_extends({colorTheme:"primary",variant:"filled"},i),i.label||ACCEPT_BUTTON_TEXT)))))};UTModal.propTypes={cancelAction:shape({label:string,onClick:func}),classes:objectOf(string),classNames:objectOf(string),description:string,descriptionProps:object,handleClickAway:func,isOpen:bool,primaryAction:shape({label:string,onClick:func}),removeBodyPadding:bool,secondaryAction:shape({label:string,onClick:func}),SecondaryActionComponent:elementType,size:string,status:string,title:string};export default WithTheme(retrieveStyle)(UTModal);

package/dist/esm/components/UTModal/theme.js

@@ -1,48 +1 @@
-import { resolveCssValue } from '../../utils/classesUtils';
-import { getShadow } from '../../utils/shadowUtils';
-export const retrieveStyle = _ref => {
-  var _theme$Palette$shadow;
-  let {
-    theme
-  } = _ref;
-  return {
-    container: {
-      backgroundColor: theme.Palette.light['01'],
-      boxShadow: getShadow({
-        color: (_theme$Palette$shadow = theme.Palette.shadows) === null || _theme$Palette$shadow === void 0 ? void 0 : _theme$Palette$shadow.grayscale,
-        level: 2
-      }),
-      '&::backdrop': {
-        backgroundColor: 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']
-    }
-  };
-};
+import{resolveCssValue}from"../../utils/classesUtils";import{getShadow}from"../../utils/shadowUtils";export const retrieveStyle=o=>{var r;let{theme:t}=o;return{container:{backgroundColor:t.Palette.light["01"],boxShadow:getShadow({color:null===(r=t.Palette.shadows)||void 0===r?void 0:r.grayscale,level:2}),"&::backdrop":{backgroundColor:resolveCssValue(t.Palette.dark["05"]),opacity:"0.25"}},statusInfo:{backgroundColor:t.Palette.information["04"]},statusWarning:{backgroundColor:t.Palette.warning["04"]},statusSuccess:{backgroundColor:t.Palette.success["04"]},statusError:{backgroundColor:t.Palette.error["04"]},iconInfo:{backgroundColor:t.Palette.information["02"]},iconWarning:{backgroundColor:t.Palette.warning["02"]},iconSuccess:{backgroundColor:t.Palette.success["02"]},iconError:{backgroundColor:t.Palette.error["02"]},actions:{borderTopColor:t.Palette.light["04"]}}};