@widergy/energy-ui 3.172.1 → 3.172.3

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

@@ -1,150 +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, { memo, useState } from 'react';
-import { arrayOf, bool, elementType, func, number, object, objectOf, oneOf, oneOfType, shape, string } from 'prop-types';
-import { isEmpty } from '@widergy/web-utils/lib/array';
-import { objectIsEmpty } from '@widergy/web-utils/lib/object';
-import UTTouchableWithoutFeedback from '../UTTouchableWithoutFeedback';
-import BottomActions from './components/BottomActions';
-import AdditionalMessage from './components/AdditionalMessage';
-import Header from './components/Header';
-import { ACTION_TYPES, HEADER_ACTIONS_VARIANTS, PLACE_SELF_TYPES, SIZES } from './constants';
-import styles from './styles.module.scss';
-const UTActionCard = _ref => {
-  let {
-    additionalMessage,
-    adornment,
-    BackgroundImage,
-    bottomActions,
-    bottomActionsVariant,
-    children,
-    classNames = {},
-    description,
-    descriptionProps = {},
-    headerActions,
-    headerActionsProps = {
-      variant: HEADER_ACTIONS_VARIANTS.DEFAULT
-    },
-    hideHeader = false,
-    mainAction,
-    size = SIZES.MEDIUM,
-    status,
-    statusAlignment,
-    statusLabel,
-    testIds = {},
-    title,
-    titleProps = {},
-    withBodyPadding = true
-  } = _ref;
-  const [mainActionHoverVisible, setMainActionHoverVisible] = useState(true);
-  const {
-    backgroundDataTestId,
-    containerDataTestId,
-    statusDataTestId
-  } = testIds;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.cardContainer, " ").concat(classNames.container)
-  }, /*#__PURE__*/React.createElement(UTTouchableWithoutFeedback, {
-    className: "".concat(styles.innerContainer, " ").concat(classNames.innerContainer, " ").concat(!mainAction ? styles.withoutMainAction : "".concat(styles.withMainAction, " ").concat(mainActionHoverVisible && "".concat(styles.mainActionHover, " ").concat(classNames.mainActionHover))),
-    dataTestId: containerDataTestId,
-    onClick: () => mainAction === null || mainAction === void 0 ? void 0 : mainAction()
-  }, BackgroundImage && /*#__PURE__*/React.createElement(BackgroundImage, {
-    className: "".concat(styles.backgroundImage, " ").concat(classNames.backgroundImage),
-    "data-testid": backgroundDataTestId
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.headerAndChildrenContainer, " ").concat(classNames.headerAndChildrenContainer)
-  }, !hideHeader && /*#__PURE__*/React.createElement(Header, {
-    adornment,
-    classNames,
-    description,
-    descriptionProps,
-    headerActions,
-    headerActionsProps,
-    mainAction,
-    setMainActionHoverVisible,
-    size,
-    status,
-    statusAlignment,
-    statusDataTestId,
-    statusLabel,
-    title,
-    titleProps
-  }), children && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(hideHeader ? styles.withoutHeader : '', " ").concat(withBodyPadding ? styles["bodyPadding-".concat(size)] : styles["withoutBodyPadding-".concat(size)])
-  }, children))), !objectIsEmpty(additionalMessage) && /*#__PURE__*/React.createElement(AdditionalMessage, _extends({}, additionalMessage, {
-    size: size
-  })), !isEmpty(bottomActions) && /*#__PURE__*/React.createElement(BottomActions, {
-    actions: bottomActions,
-    bottomActionsVariant: bottomActionsVariant,
-    size: size
-  }));
-};
-UTActionCard.propTypes = {
-  additionalMessage: shape({
-    Icon: elementType,
-    iconProps: shape({
-      colorTheme: string,
-      size: string
-    }),
-    labelProps: shape({
-      colorTheme: string,
-      variant: string
-    }),
-    message: string
-  }),
-  adornment: shape({
-    alignment: oneOf([PLACE_SELF_TYPES.CENTER, PLACE_SELF_TYPES.END, PLACE_SELF_TYPES.START]),
-    position: string,
-    props: object,
-    type: string
-  }),
-  BackgroundImage: elementType,
-  bottomActions: arrayOf(shape({
-    colorTheme: string,
-    disabled: bool,
-    Icon: elementType,
-    label: string,
-    loading: bool,
-    onClick: func
-  })),
-  bottomActionsVariant: oneOf([ACTION_TYPES.DEFAULT, ACTION_TYPES.REDIRECTION]),
-  classNames: objectOf(string),
-  description: string,
-  descriptionProps: shape({
-    colorTheme: string,
-    variant: string
-  }),
-  headerActions: arrayOf(shape({
-    Icon: oneOfType([elementType, string]),
-    iconProps: string,
-    id: oneOfType([number, string]),
-    label: string,
-    loading: bool,
-    onClick: func
-  })),
-  headerActionsProps: shape({
-    alignment: oneOf([PLACE_SELF_TYPES.CENTER, PLACE_SELF_TYPES.END, PLACE_SELF_TYPES.START]),
-    buttonGroupProps: shape({
-      colorTheme: string,
-      shape: string
-    }),
-    variant: oneOf([HEADER_ACTIONS_VARIANTS.DEFAULT, HEADER_ACTIONS_VARIANTS.BUTTON_GROUP])
-  }),
-  hideHeader: bool,
-  mainAction: func,
-  size: oneOf([SIZES.MEDIUM, SIZES.SMALL]),
-  status: string,
-  statusLabel: string,
-  statusAlignment: oneOf([PLACE_SELF_TYPES.CENTER, PLACE_SELF_TYPES.END, PLACE_SELF_TYPES.START]),
-  testIds: shape({
-    backgroundDataTestId: string,
-    containerDataTestId: string,
-    statusDataTestId: string
-  }),
-  title: string,
-  titleProps: shape({
-    variant: string,
-    weight: string
-  }),
-  withBodyPadding: bool
-};
-export default /*#__PURE__*/memo(UTActionCard);
+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,{memo,useState}from"react";import{arrayOf,bool,elementType,func,number,object,objectOf,oneOf,oneOfType,shape,string}from"prop-types";import{isEmpty}from"@widergy/web-utils/lib/array";import{objectIsEmpty}from"@widergy/web-utils/lib/object";import UTTouchableWithoutFeedback from"../UTTouchableWithoutFeedback";import BottomActions from"./components/BottomActions";import AdditionalMessage from"./components/AdditionalMessage";import Header from"./components/Header";import{ACTION_TYPES,HEADER_ACTIONS_VARIANTS,PLACE_SELF_TYPES,SIZES}from"./constants";import styles from"./styles.module.scss";const UTActionCard=_ref=>{let{additionalMessage:additionalMessage,adornment:adornment,BackgroundImage:BackgroundImage,bottomActions:bottomActions,bottomActionsVariant:bottomActionsVariant,children:children,classNames:classNames={},description:description,descriptionProps:descriptionProps={},headerActions:headerActions,headerActionsProps:headerActionsProps={variant:HEADER_ACTIONS_VARIANTS.DEFAULT},hideHeader:hideHeader=!1,mainAction:mainAction,size:size=SIZES.MEDIUM,status:status,statusAlignment:statusAlignment,statusLabel:statusLabel,testIds:testIds={},title:title,titleProps:titleProps={},withBodyPadding:withBodyPadding=!0}=_ref;const[mainActionHoverVisible,setMainActionHoverVisible]=useState(!0),{backgroundDataTestId:backgroundDataTestId,containerDataTestId:containerDataTestId,statusDataTestId:statusDataTestId}=testIds;return React.createElement("div",{className:"".concat(styles.cardContainer," ").concat(classNames.container)},React.createElement(UTTouchableWithoutFeedback,{className:"".concat(styles.innerContainer," ").concat(classNames.innerContainer," ").concat(mainAction?"".concat(styles.withMainAction," ").concat(mainActionHoverVisible&&"".concat(styles.mainActionHover," ").concat(classNames.mainActionHover)):styles.withoutMainAction),dataTestId:containerDataTestId,onClick:()=>null==mainAction?void 0:mainAction()},BackgroundImage&&React.createElement(BackgroundImage,{className:"".concat(styles.backgroundImage," ").concat(classNames.backgroundImage),"data-testid":backgroundDataTestId}),React.createElement("div",{className:"".concat(styles.headerAndChildrenContainer," ").concat(classNames.headerAndChildrenContainer)},!hideHeader&&React.createElement(Header,{adornment:adornment,classNames:classNames,description:description,descriptionProps:descriptionProps,headerActions:headerActions,headerActionsProps:headerActionsProps,mainAction:mainAction,setMainActionHoverVisible:setMainActionHoverVisible,size:size,status:status,statusAlignment:statusAlignment,statusDataTestId:statusDataTestId,statusLabel:statusLabel,title:title,titleProps:titleProps}),children&&React.createElement("div",{className:"".concat(hideHeader?styles.withoutHeader:""," ").concat(withBodyPadding?styles["bodyPadding-".concat(size)]:styles["withoutBodyPadding-".concat(size)])},children))),!objectIsEmpty(additionalMessage)&&React.createElement(AdditionalMessage,_extends({},additionalMessage,{size:size})),!isEmpty(bottomActions)&&React.createElement(BottomActions,{actions:bottomActions,bottomActionsVariant:bottomActionsVariant,size:size}))};UTActionCard.propTypes={additionalMessage:shape({Icon:elementType,iconProps:shape({colorTheme:string,size:string}),labelProps:shape({colorTheme:string,variant:string}),message:string}),adornment:shape({alignment:oneOf([PLACE_SELF_TYPES.CENTER,PLACE_SELF_TYPES.END,PLACE_SELF_TYPES.START]),position:string,props:object,type:string}),BackgroundImage:elementType,bottomActions:arrayOf(shape({colorTheme:string,disabled:bool,Icon:elementType,label:string,loading:bool,onClick:func})),bottomActionsVariant:oneOf([ACTION_TYPES.DEFAULT,ACTION_TYPES.REDIRECTION]),classNames:objectOf(string),description:string,descriptionProps:shape({colorTheme:string,variant:string}),headerActions:arrayOf(shape({Icon:oneOfType([elementType,string]),iconProps:string,id:oneOfType([number,string]),label:string,loading:bool,onClick:func})),headerActionsProps:shape({alignment:oneOf([PLACE_SELF_TYPES.CENTER,PLACE_SELF_TYPES.END,PLACE_SELF_TYPES.START]),buttonGroupProps:shape({colorTheme:string,shape:string}),variant:oneOf([HEADER_ACTIONS_VARIANTS.DEFAULT,HEADER_ACTIONS_VARIANTS.BUTTON_GROUP])}),hideHeader:bool,mainAction:func,size:oneOf([SIZES.MEDIUM,SIZES.SMALL]),status:string,statusLabel:string,statusAlignment:oneOf([PLACE_SELF_TYPES.CENTER,PLACE_SELF_TYPES.END,PLACE_SELF_TYPES.START]),testIds:shape({backgroundDataTestId:string,containerDataTestId:string,statusDataTestId:string}),title:string,titleProps:shape({variant:string,weight:string}),withBodyPadding:bool};export default memo(UTActionCard);

package/dist/esm/components/UTAlert/AlertHandler.js

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

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

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

package/dist/esm/components/UTAlert/stories/storiesConstants.js

@@ -1,101 +1 @@
-import { joinArgTypes } from 'stories/utils';
-export const ALERT_TYPES = ['error', 'info', 'success', 'warning'];
-export const ARG_TYPES = {
-  closeDataTestId: {
-    control: false,
-    description: 'Identificador de test para el botón de cierre.',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'string'
-      }
-    }
-  },
-  labelDataTestId: {
-    control: false,
-    description: 'Identificador de test para el label del mensaje.',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'string'
-      }
-    }
-  },
-  message: {
-    control: 'text',
-    description: 'Mensaje a mostrar en la alerta. Pertenece al objeto `content`. Soporta markdown.',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'string'
-      }
-    }
-  },
-  open: {
-    control: 'boolean',
-    description: 'Controla si la alerta está visible. Pertenece al objeto `content`.',
-    table: {
-      defaultValue: {
-        summary: 'false'
-      },
-      type: {
-        summary: 'boolean'
-      }
-    }
-  },
-  timeDuration: {
-    control: 'number',
-    description: 'Duración en milisegundos antes del cierre automático. Pertenece al objeto `content`.',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'number'
-      }
-    }
-  },
-  topRight: {
-    control: 'boolean',
-    description: 'Si es `true`, la alerta aparece en la esquina superior derecha. Si es `false`, en la inferior izquierda. Pertenece al objeto `content`.',
-    table: {
-      defaultValue: {
-        summary: 'false'
-      },
-      type: {
-        summary: 'boolean'
-      }
-    }
-  },
-  type: {
-    control: 'select',
-    description: 'Tipo de alerta. Determina el ícono y el color. Pertenece al objeto `content`.',
-    options: ALERT_TYPES,
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: joinArgTypes(ALERT_TYPES)
-      }
-    }
-  },
-  withoutIcon: {
-    control: 'boolean',
-    description: 'Si es `true`, oculta el ícono del tipo de alerta.',
-    table: {
-      defaultValue: {
-        summary: 'undefined'
-      },
-      type: {
-        summary: 'boolean'
-      }
-    }
-  }
-};
+import{joinArgTypes}from"stories/utils";export const ALERT_TYPES=["error","info","success","warning"];export const ARG_TYPES={closeDataTestId:{control:!1,description:"Identificador de test para el botón de cierre.",table:{defaultValue:{summary:"undefined"},type:{summary:"string"}}},labelDataTestId:{control:!1,description:"Identificador de test para el label del mensaje.",table:{defaultValue:{summary:"undefined"},type:{summary:"string"}}},message:{control:"text",description:"Mensaje a mostrar en la alerta. Pertenece al objeto `content`. Soporta markdown.",table:{defaultValue:{summary:"undefined"},type:{summary:"string"}}},open:{control:"boolean",description:"Controla si la alerta está visible. Pertenece al objeto `content`.",table:{defaultValue:{summary:"false"},type:{summary:"boolean"}}},timeDuration:{control:"number",description:"Duración en milisegundos antes del cierre automático. Pertenece al objeto `content`.",table:{defaultValue:{summary:"undefined"},type:{summary:"number"}}},topRight:{control:"boolean",description:"Si es `true`, la alerta aparece en la esquina superior derecha. Si es `false`, en la inferior izquierda. Pertenece al objeto `content`.",table:{defaultValue:{summary:"false"},type:{summary:"boolean"}}},type:{control:"select",description:"Tipo de alerta. Determina el ícono y el color. Pertenece al objeto `content`.",options:ALERT_TYPES,table:{defaultValue:{summary:"undefined"},type:{summary:joinArgTypes(ALERT_TYPES)}}},withoutIcon:{control:"boolean",description:"Si es `true`, oculta el ícono del tipo de alerta.",table:{defaultValue:{summary:"undefined"},type:{summary:"boolean"}}}};

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

@@ -1,69 +1 @@
-import { getIn } from 'seamless-immutable';
-import { createTheme } from '@material-ui/core/styles';
-import Colors from '../../scss/variables/colors.module.scss';
-export const retrieveStyle = _ref => {
-  var _theme$Palette, _theme$Palette2, _theme$Palette3, _theme$Palette4;
-  let {
-    theme
-  } = _ref;
-  return {
-    error: {
-      backgroundColor: ((_theme$Palette = theme.Palette) === null || _theme$Palette === void 0 ? void 0 : _theme$Palette.error['04']) || Colors.notificationError
-    },
-    info: {
-      backgroundColor: ((_theme$Palette2 = theme.Palette) === null || _theme$Palette2 === void 0 ? void 0 : _theme$Palette2.information['04']) || Colors.notificationInfo
-    },
-    success: {
-      backgroundColor: ((_theme$Palette3 = theme.Palette) === null || _theme$Palette3 === void 0 ? void 0 : _theme$Palette3.success['04']) || Colors.notificationSuccess
-    },
-    warning: {
-      backgroundColor: ((_theme$Palette4 = theme.Palette) === null || _theme$Palette4 === void 0 ? void 0 : _theme$Palette4.warning['04']) || Colors.notificationWarning
-    },
-    action: {
-      padding: getIn(theme, ['UTAlert', 'action', 'padding']),
-      margin: getIn(theme, ['UTAlert', 'action', 'margin'])
-    },
-    snackbarContent: {
-      minWidth: getIn(theme, ['UTAlert', 'content', 'minWidth'])
-    },
-    content: {
-      fontSize: getIn(theme, ['UTAlert', 'content', 'fontSize']),
-      fontWeight: getIn(theme, ['UTAlert', 'content', 'fontWeight'])
-    }
-  };
-};
-export const retrieveMuiTheme = theme => createTheme({
-  typography: {
-    fontFamily: getIn(theme, ['Fonts', 'fontFamily'])
-  },
-  overrides: {
-    MuiSnackbarContent: {
-      root: {
-        minWidth: 288,
-        maxWidth: 568,
-        '@media (max-width : 767px)': {
-          borderRadius: 0,
-          width: '100%',
-          maxWidth: 'initial'
-        }
-      }
-    },
-    MuiSnackbar: {
-      root: {
-        '@media (max-width : 767px)': {
-          maxWidth: 'initial',
-          width: '100%',
-          left: 0,
-          right: 0
-        }
-      },
-      anchorOriginBottomLeft: {
-        bottom: 0,
-        '@media (max-width : 767px)': {
-          bottom: 0,
-          left: 0
-        }
-      }
-    }
-  }
-});
+import{getIn}from"seamless-immutable";import{createTheme}from"@material-ui/core/styles";import Colors from"../../scss/variables/colors.module.scss";export const retrieveStyle=_ref=>{var _theme$Palette,_theme$Palette2,_theme$Palette3,_theme$Palette4;let{theme:theme}=_ref;return{error:{backgroundColor:(null===(_theme$Palette=theme.Palette)||void 0===_theme$Palette?void 0:_theme$Palette.error["04"])||Colors.notificationError},info:{backgroundColor:(null===(_theme$Palette2=theme.Palette)||void 0===_theme$Palette2?void 0:_theme$Palette2.information["04"])||Colors.notificationInfo},success:{backgroundColor:(null===(_theme$Palette3=theme.Palette)||void 0===_theme$Palette3?void 0:_theme$Palette3.success["04"])||Colors.notificationSuccess},warning:{backgroundColor:(null===(_theme$Palette4=theme.Palette)||void 0===_theme$Palette4?void 0:_theme$Palette4.warning["04"])||Colors.notificationWarning},action:{padding:getIn(theme,["UTAlert","action","padding"]),margin:getIn(theme,["UTAlert","action","margin"])},snackbarContent:{minWidth:getIn(theme,["UTAlert","content","minWidth"])},content:{fontSize:getIn(theme,["UTAlert","content","fontSize"]),fontWeight:getIn(theme,["UTAlert","content","fontWeight"])}}};export const retrieveMuiTheme=theme=>createTheme({typography:{fontFamily:getIn(theme,["Fonts","fontFamily"])},overrides:{MuiSnackbarContent:{root:{minWidth:288,maxWidth:568,"@media (max-width : 767px)":{borderRadius:0,width:"100%",maxWidth:"initial"}}},MuiSnackbar:{root:{"@media (max-width : 767px)":{maxWidth:"initial",width:"100%",left:0,right:0}},anchorOriginBottomLeft:{bottom:0,"@media (max-width : 767px)":{bottom:0,left:0}}}}});

package/dist/esm/components/UTAttachmentList/components/Preview/index.js

@@ -1,44 +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, { memo } from 'react';
-import { string, shape, func, objectOf } from 'prop-types';
-import UTTouchableWithoutFeedback from '../../../UTTouchableWithoutFeedback';
-import { isAudio, isImage, isPDF, isVideo } from '../../utils';
-import { ICON_SIZE, previewPropType } from '../../constants';
-import UTIcon from '../../../UTIcon';
-import styles from './styles.module.scss';
-const Preview = _ref => {
-  let {
-    openPreviewModal,
-    preview,
-    previewProps = {}
-  } = _ref;
-  return isPDF(preview) ? /*#__PURE__*/React.createElement(UTIcon, {
-    name: "IconFiles",
-    colorTheme: "accent",
-    size: ICON_SIZE
-  }) : /*#__PURE__*/React.createElement(UTTouchableWithoutFeedback, {
-    onClick: () => openPreviewModal(preview)
-  }, isImage(preview) && /*#__PURE__*/React.createElement("img", _extends({
-    src: preview.src,
-    className: styles.previewImage,
-    alt: ""
-  }, previewProps === null || previewProps === void 0 ? void 0 : previewProps.image)), isAudio(preview) && /*#__PURE__*/React.createElement(UTIcon, {
-    name: "IconVolume",
-    colorTheme: "accent",
-    size: ICON_SIZE
-  }), isVideo(preview) && /*#__PURE__*/React.createElement(UTIcon, {
-    name: "IconVideo",
-    colorTheme: "accent",
-    size: ICON_SIZE
-  }));
-};
-Preview.propTypes = {
-  classes: objectOf(string),
-  openPreviewModal: func,
-  previewProps: previewPropType,
-  preview: shape({
-    src: string,
-    type: string
-  })
-};
-export default /*#__PURE__*/memo(Preview);
+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,{memo}from"react";import{string,shape,func,objectOf}from"prop-types";import UTTouchableWithoutFeedback from"../../../UTTouchableWithoutFeedback";import{isAudio,isImage,isPDF,isVideo}from"../../utils";import{ICON_SIZE,previewPropType}from"../../constants";import UTIcon from"../../../UTIcon";import styles from"./styles.module.scss";const Preview=_ref=>{let{openPreviewModal:openPreviewModal,preview:preview,previewProps:previewProps={}}=_ref;return isPDF(preview)?React.createElement(UTIcon,{name:"IconFiles",colorTheme:"accent",size:ICON_SIZE}):React.createElement(UTTouchableWithoutFeedback,{onClick:()=>openPreviewModal(preview)},isImage(preview)&&React.createElement("img",_extends({src:preview.src,className:styles.previewImage,alt:""},null==previewProps?void 0:previewProps.image)),isAudio(preview)&&React.createElement(UTIcon,{name:"IconVolume",colorTheme:"accent",size:ICON_SIZE}),isVideo(preview)&&React.createElement(UTIcon,{name:"IconVideo",colorTheme:"accent",size:ICON_SIZE}))};Preview.propTypes={classes:objectOf(string),openPreviewModal:func,previewProps:previewPropType,preview:shape({src:string,type:string})};export default memo(Preview);