@widergy/energy-ui 3.172.2 → 3.172.3

package/dist/esm/components/UTCheckbox/versions/V1/theme.js

@@ -1,170 +1 @@
-import { shouldShowErrors } from '@widergy/web-utils/lib/form';
-import { BUTTON_VARIANT, SPACING } from './constants';
-const MEDIUM_SPACING = 16;
-const SMALL_SPACING = 8;
-const baseCheckBoxTheme = theme => ({
-  container: {
-    alignItems: 'center !important',
-    display: 'flex',
-    flexWrap: 'wrap',
-    gap: '0px'
-  },
-  content: {
-    display: 'flex',
-    flexDirection: 'row',
-    alignItems: 'center'
-  },
-  iconContainer: {
-    border: "2px solid ".concat(theme.Palette.gray['04']),
-    borderRadius: 5,
-    display: 'flex',
-    height: 20,
-    placeContent: 'center',
-    placeItems: 'center',
-    width: 20
-  },
-  box: {
-    borderRadius: 25,
-    overflow: 'hidden',
-    padding: 6
-  },
-  validation: {
-    flexBasis: '100%'
-  }
-});
-const conditionalStyles = _ref => {
-  var _theme$Palette$action, _theme$Palette$action2, _theme$Palette$action3, _theme$Palette$action4, _theme$Palette$action5;
-  let {
-    value,
-    indeterminate,
-    reversed,
-    spacing,
-    variant,
-    theme,
-    disabled,
-    error
-  } = _ref;
-  const spacingValue = spacing === SPACING.SMALL ? SMALL_SPACING : MEDIUM_SPACING;
-  return {
-    container: {
-      ...(reversed && {
-        flexDirection: 'row-reverse',
-        justifyContent: 'space-between'
-      }),
-      ...(disabled && {
-        opacity: 0.5
-      }),
-      ...(variant === BUTTON_VARIANT && {
-        borderRadius: '8px',
-        padding: spacing === 'small' ? '8px 12px' : '12px 16px',
-        backgroundColor: error ? theme.Palette.error['01'] : 'transparent',
-        '&:active, &:hover': {
-          transition: 'background-color 0.1s ease-in-out'
-        },
-        '&:active': {
-          backgroundColor: error ? theme.Palette.error['02'] : theme.Palette.light['04']
-        },
-        '&:hover': {
-          backgroundColor: error ? theme.Palette.error['02'] : theme.Palette.light['03']
-        }
-      })
-    },
-    content: {
-      ...(reversed && {
-        flexDirection: 'row-reverse',
-        justifyContent: 'space-between',
-        ...(variant === BUTTON_VARIANT && {
-          width: '100%'
-        })
-      })
-    },
-    iconContainer: {
-      ...(error && {
-        borderColor: theme.Palette.error['04']
-      }),
-      ...((value === true || indeterminate) && {
-        backgroundColor: ((_theme$Palette$action = theme.Palette.actions) === null || _theme$Palette$action === void 0 ? void 0 : _theme$Palette$action.accent['04']) || theme.Palette.accent['04'],
-        borderColor: ((_theme$Palette$action2 = theme.Palette.actions) === null || _theme$Palette$action2 === void 0 ? void 0 : _theme$Palette$action2.accent['04']) || theme.Palette.accent['04']
-      })
-    },
-    boxContainer: {
-      ...(reversed ? {
-        marginLeft: spacingValue,
-        marginRight: 0
-      } : {
-        marginRight: spacingValue
-      }),
-      ...(variant !== BUTTON_VARIANT && {
-        '&:active, &:hover': {
-          '& $box': {
-            borderColor: error ? theme.Palette.error['03'] : ((_theme$Palette$action3 = theme.Palette.actions) === null || _theme$Palette$action3 === void 0 ? void 0 : _theme$Palette$action3.accent['03']) || theme.Palette.accent['03'],
-            borderWidth: 1,
-            overflow: 'hidden',
-            transition: 'background-color 0.1s ease-in-out'
-          }
-        },
-        '&:active': {
-          '& $box': {
-            backgroundColor: error ? theme.Palette.error['02'] : ((_theme$Palette$action4 = theme.Palette.actions) === null || _theme$Palette$action4 === void 0 ? void 0 : _theme$Palette$action4.accent['02']) || theme.Palette.accent['02']
-          }
-        },
-        '&:hover': {
-          '& $box': {
-            backgroundColor: error ? theme.Palette.error['01'] : ((_theme$Palette$action5 = theme.Palette.actions) === null || _theme$Palette$action5 === void 0 ? void 0 : _theme$Palette$action5.accent['01']) || theme.Palette.accent['01']
-          }
-        }
-      })
-    },
-    title: variant === BUTTON_VARIANT && {
-      userSelect: 'none'
-    }
-  };
-};
-export const retrieveStyle = _ref2 => {
-  let {
-    value,
-    disabled,
-    indeterminate,
-    reversed,
-    spacing,
-    theme,
-    variant,
-    meta
-  } = _ref2;
-  const baseThemeStyles = baseCheckBoxTheme(theme);
-  const error = meta && shouldShowErrors(meta);
-  const {
-    container,
-    content,
-    iconContainer,
-    boxContainer,
-    title
-  } = conditionalStyles({
-    value,
-    disabled,
-    indeterminate,
-    reversed,
-    spacing,
-    variant,
-    theme,
-    error
-  });
-  return {
-    box: baseThemeStyles.box,
-    content: {
-      ...baseThemeStyles.content,
-      ...content
-    },
-    container: {
-      ...baseThemeStyles.container,
-      ...container
-    },
-    iconContainer: {
-      ...baseThemeStyles.iconContainer,
-      ...iconContainer
-    },
-    boxContainer,
-    title,
-    validation: baseThemeStyles.validation
-  };
-};
+import{shouldShowErrors}from"@widergy/web-utils/lib/form";import{BUTTON_VARIANT,SPACING}from"./constants";const MEDIUM_SPACING=16,SMALL_SPACING=8,baseCheckBoxTheme=theme=>({container:{alignItems:"center !important",display:"flex",flexWrap:"wrap",gap:"0px"},content:{display:"flex",flexDirection:"row",alignItems:"center"},iconContainer:{border:"2px solid ".concat(theme.Palette.gray["04"]),borderRadius:5,display:"flex",height:20,placeContent:"center",placeItems:"center",width:20},box:{borderRadius:25,overflow:"hidden",padding:6},validation:{flexBasis:"100%"}}),conditionalStyles=_ref=>{var _theme$Palette$action,_theme$Palette$action2,_theme$Palette$action3,_theme$Palette$action4,_theme$Palette$action5;let{value:value,indeterminate:indeterminate,reversed:reversed,spacing:spacing,variant:variant,theme:theme,disabled:disabled,error:error}=_ref;const spacingValue=spacing===SPACING.SMALL?8:16;return{container:{...reversed&&{flexDirection:"row-reverse",justifyContent:"space-between"},...disabled&&{opacity:.5},...variant===BUTTON_VARIANT&&{borderRadius:"8px",padding:"small"===spacing?"8px 12px":"12px 16px",backgroundColor:error?theme.Palette.error["01"]:"transparent","&:active, &:hover":{transition:"background-color 0.1s ease-in-out"},"&:active":{backgroundColor:error?theme.Palette.error["02"]:theme.Palette.light["04"]},"&:hover":{backgroundColor:error?theme.Palette.error["02"]:theme.Palette.light["03"]}}},content:{...reversed&&{flexDirection:"row-reverse",justifyContent:"space-between",...variant===BUTTON_VARIANT&&{width:"100%"}}},iconContainer:{...error&&{borderColor:theme.Palette.error["04"]},...(!0===value||indeterminate)&&{backgroundColor:(null===(_theme$Palette$action=theme.Palette.actions)||void 0===_theme$Palette$action?void 0:_theme$Palette$action.accent["04"])||theme.Palette.accent["04"],borderColor:(null===(_theme$Palette$action2=theme.Palette.actions)||void 0===_theme$Palette$action2?void 0:_theme$Palette$action2.accent["04"])||theme.Palette.accent["04"]}},boxContainer:{...reversed?{marginLeft:spacingValue,marginRight:0}:{marginRight:spacingValue},...variant!==BUTTON_VARIANT&&{"&:active, &:hover":{"& $box":{borderColor:error?theme.Palette.error["03"]:(null===(_theme$Palette$action3=theme.Palette.actions)||void 0===_theme$Palette$action3?void 0:_theme$Palette$action3.accent["03"])||theme.Palette.accent["03"],borderWidth:1,overflow:"hidden",transition:"background-color 0.1s ease-in-out"}},"&:active":{"& $box":{backgroundColor:error?theme.Palette.error["02"]:(null===(_theme$Palette$action4=theme.Palette.actions)||void 0===_theme$Palette$action4?void 0:_theme$Palette$action4.accent["02"])||theme.Palette.accent["02"]}},"&:hover":{"& $box":{backgroundColor:error?theme.Palette.error["01"]:(null===(_theme$Palette$action5=theme.Palette.actions)||void 0===_theme$Palette$action5?void 0:_theme$Palette$action5.accent["01"])||theme.Palette.accent["01"]}}}},title:variant===BUTTON_VARIANT&&{userSelect:"none"}}};export const retrieveStyle=_ref2=>{let{value:value,disabled:disabled,indeterminate:indeterminate,reversed:reversed,spacing:spacing,theme:theme,variant:variant,meta:meta}=_ref2;const baseThemeStyles=baseCheckBoxTheme(theme),error=meta&&shouldShowErrors(meta),{container:container,content:content,iconContainer:iconContainer,boxContainer:boxContainer,title:title}=conditionalStyles({value:value,disabled:disabled,indeterminate:indeterminate,reversed:reversed,spacing:spacing,variant:variant,theme:theme,error:error});return{box:baseThemeStyles.box,content:{...baseThemeStyles.content,...content},container:{...baseThemeStyles.container,...container},iconContainer:{...baseThemeStyles.iconContainer,...iconContainer},boxContainer:boxContainer,title:title,validation:baseThemeStyles.validation}};

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

@@ -1,20 +1 @@
-import UTIcon from '../UTIcon';
-import UTAvatar from '../UTAvatar';
-export const CHIP_VARIANT = {
-  DEFAULT: 'default',
-  OUTLINE: 'outline'
-};
-export const CHIP_SIZES = {
-  MEDIUM: 'medium',
-  SMALL: 'small'
-};
-export const ADORNMENT_TYPES = {
-  ICON: 'icon',
-  AVATAR: 'avatar',
-  IMAGE: 'image'
-};
-export const ADORNMENT_COMPONENT_MAPPER = {
-  [ADORNMENT_TYPES.ICON]: UTIcon,
-  [ADORNMENT_TYPES.AVATAR]: UTAvatar,
-  [ADORNMENT_TYPES.IMAGE]: 'img'
-};
+import UTIcon from"../UTIcon";import UTAvatar from"../UTAvatar";export const CHIP_VARIANT={DEFAULT:"default",OUTLINE:"outline"};export const CHIP_SIZES={MEDIUM:"medium",SMALL:"small"};export const ADORNMENT_TYPES={ICON:"icon",AVATAR:"avatar",IMAGE:"image"};export const ADORNMENT_COMPONENT_MAPPER={[ADORNMENT_TYPES.ICON]:UTIcon,[ADORNMENT_TYPES.AVATAR]:UTAvatar,[ADORNMENT_TYPES.IMAGE]:"img"};

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

@@ -1,66 +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 { bool, func, object, oneOf, shape, string } from 'prop-types';
-import UTButton from '../UTButton';
-import UTLabel from '../UTLabel';
-import { getItemsProps } from './utils';
-import { ADORNMENT_TYPES, CHIP_SIZES, CHIP_VARIANT } from './constants';
-import styles from './styles.module.scss';
-const UTChip = _ref => {
-  let {
-    active,
-    adornment,
-    children,
-    dataTestId,
-    disabled,
-    isDragging,
-    onClick,
-    onClose,
-    size = CHIP_SIZES.MEDIUM,
-    variant = CHIP_VARIANT.DEFAULT
-  } = _ref;
-  const {
-    Adornment,
-    adornmentProps,
-    buttonProps,
-    Container,
-    containerProps,
-    labelProps
-  } = getItemsProps({
-    active,
-    adornment,
-    dataTestId,
-    disabled,
-    isDragging,
-    onClick,
-    size,
-    variant
-  });
-  const handleClose = onClose ? e => {
-    e.stopPropagation();
-    onClose(e);
-  } : undefined;
-  return /*#__PURE__*/React.createElement(Container, _extends({
-    className: "\n        ".concat(styles.chipContainer, "\n        ").concat(styles[size], "\n        ").concat(styles[variant], "\n        ").concat(active ? styles.active : '', "\n        ").concat(disabled ? styles.disabled : '', "\n        ").concat(isDragging ? styles.dragging : '', "\n        ").concat(onClick && !disabled ? styles.interactive : styles.nonInteractive, "\n      ")
-  }, containerProps), Adornment && /*#__PURE__*/React.createElement(Adornment, adornmentProps), /*#__PURE__*/React.createElement(UTLabel, labelProps, children), handleClose && /*#__PURE__*/React.createElement(UTButton, _extends({}, buttonProps, {
-    Icon: "IconX",
-    onClick: handleClose,
-    size: "small",
-    variant: "text"
-  })));
-};
-UTChip.propTypes = {
-  active: bool,
-  adornment: shape({
-    props: object,
-    type: oneOf([ADORNMENT_TYPES.ICON, ADORNMENT_TYPES.AVATAR, ADORNMENT_TYPES.IMAGE])
-  }),
-  dataTestId: string,
-  disabled: bool,
-  isDragging: bool,
-  onClick: func,
-  onClose: func,
-  size: oneOf([CHIP_SIZES.MEDIUM, CHIP_SIZES.SMALL]),
-  variant: oneOf([CHIP_VARIANT.DEFAULT, CHIP_VARIANT.OUTLINE])
-};
-export default /*#__PURE__*/memo(UTChip);
+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{bool,func,object,oneOf,shape,string}from"prop-types";import UTButton from"../UTButton";import UTLabel from"../UTLabel";import{getItemsProps}from"./utils";import{ADORNMENT_TYPES,CHIP_SIZES,CHIP_VARIANT}from"./constants";import styles from"./styles.module.scss";const UTChip=_ref=>{let{active:active,adornment:adornment,children:children,dataTestId:dataTestId,disabled:disabled,isDragging:isDragging,onClick:onClick,onClose:onClose,size:size=CHIP_SIZES.MEDIUM,variant:variant=CHIP_VARIANT.DEFAULT}=_ref;const{Adornment:Adornment,adornmentProps:adornmentProps,buttonProps:buttonProps,Container:Container,containerProps:containerProps,labelProps:labelProps}=getItemsProps({active:active,adornment:adornment,dataTestId:dataTestId,disabled:disabled,isDragging:isDragging,onClick:onClick,size:size,variant:variant}),handleClose=onClose?e=>{e.stopPropagation(),onClose(e)}:void 0;return React.createElement(Container,_extends({className:"\n        ".concat(styles.chipContainer,"\n        ").concat(styles[size],"\n        ").concat(styles[variant],"\n        ").concat(active?styles.active:"","\n        ").concat(disabled?styles.disabled:"","\n        ").concat(isDragging?styles.dragging:"","\n        ").concat(onClick&&!disabled?styles.interactive:styles.nonInteractive,"\n      ")},containerProps),Adornment&&React.createElement(Adornment,adornmentProps),React.createElement(UTLabel,labelProps,children),handleClose&&React.createElement(UTButton,_extends({},buttonProps,{Icon:"IconX",onClick:handleClose,size:"small",variant:"text"})))};UTChip.propTypes={active:bool,adornment:shape({props:object,type:oneOf([ADORNMENT_TYPES.ICON,ADORNMENT_TYPES.AVATAR,ADORNMENT_TYPES.IMAGE])}),dataTestId:string,disabled:bool,isDragging:bool,onClick:func,onClose:func,size:oneOf([CHIP_SIZES.MEDIUM,CHIP_SIZES.SMALL]),variant:oneOf([CHIP_VARIANT.DEFAULT,CHIP_VARIANT.OUTLINE])};export default memo(UTChip);

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

@@ -1,102 +1 @@
-import isEmpty from 'lodash/isEmpty';
-import { COLOR_THEMES } from '../../constants/Palette';
-import { VARIANTS_NAMES } from '../UTLabel/constants';
-import UTTouchableWithoutFeedback from '../UTTouchableWithoutFeedback';
-import { ADORNMENT_COMPONENT_MAPPER, ADORNMENT_TYPES, CHIP_VARIANT, CHIP_SIZES } from './constants';
-import styles from './styles.module.scss';
-export const getTextColorTheme = _ref => {
-  let {
-    active,
-    disabled,
-    isDragging,
-    variant
-  } = _ref;
-  if (active && !disabled && !isDragging) return variant === CHIP_VARIANT.DEFAULT ? COLOR_THEMES.light : COLOR_THEMES.accent;
-  return COLOR_THEMES.gray;
-};
-export const getButtonColorTheme = _ref2 => {
-  let {
-    active,
-    disabled,
-    isDragging,
-    variant
-  } = _ref2;
-  if (active && !disabled && !isDragging) return variant === CHIP_VARIANT.DEFAULT ? COLOR_THEMES.negative : COLOR_THEMES.primary;
-  return COLOR_THEMES.gray;
-};
-export const getTextVariant = size => size === CHIP_SIZES.SMALL ? VARIANTS_NAMES.SMALL : VARIANTS_NAMES.BODY;
-export const getDefaultAdornmentProps = _ref3 => {
-  var _adornment$props;
-  let {
-    active,
-    adornment,
-    disabled,
-    isDragging,
-    variant
-  } = _ref3;
-  if (isEmpty(adornment) || !adornment.type) return {};
-  if (adornment.type === ADORNMENT_TYPES.ICON) return {
-    ...adornment.props,
-    colorTheme: getTextColorTheme({
-      active,
-      disabled,
-      isDragging,
-      variant
-    }),
-    size: 20
-  };
-  if (adornment.type === ADORNMENT_TYPES.AVATAR) return {
-    ...adornment.props,
-    size: 'small'
-  };
-  if (adornment.type === ADORNMENT_TYPES.IMAGE) return {
-    ...adornment.props,
-    className: "".concat(styles.imageAdornment, " ").concat(((_adornment$props = adornment.props) === null || _adornment$props === void 0 ? void 0 : _adornment$props.className) || '')
-  };
-  return {};
-};
-export const getItemsProps = _ref4 => {
-  let {
-    active,
-    adornment,
-    dataTestId,
-    disabled,
-    isDragging,
-    onClick,
-    size,
-    variant
-  } = _ref4;
-  return {
-    Adornment: adornment !== null && adornment !== void 0 && adornment.type ? ADORNMENT_COMPONENT_MAPPER[adornment === null || adornment === void 0 ? void 0 : adornment.type] : null,
-    adornmentProps: getDefaultAdornmentProps({
-      active,
-      adornment,
-      disabled,
-      variant
-    }),
-    Container: onClick && !disabled ? UTTouchableWithoutFeedback : 'div',
-    containerProps: onClick && !disabled ? {
-      onClick,
-      dataTestId
-    } : {
-      'data-testid': dataTestId
-    },
-    labelProps: {
-      colorTheme: getTextColorTheme({
-        active,
-        disabled,
-        isDragging,
-        variant
-      }),
-      variant: getTextVariant(size)
-    },
-    buttonProps: {
-      colorTheme: getButtonColorTheme({
-        active,
-        disabled,
-        isDragging,
-        variant
-      })
-    }
-  };
-};
+import isEmpty from"lodash/isEmpty";import{COLOR_THEMES}from"../../constants/Palette";import{VARIANTS_NAMES}from"../UTLabel/constants";import UTTouchableWithoutFeedback from"../UTTouchableWithoutFeedback";import{ADORNMENT_COMPONENT_MAPPER,ADORNMENT_TYPES,CHIP_VARIANT,CHIP_SIZES}from"./constants";import styles from"./styles.module.scss";export const getTextColorTheme=_ref=>{let{active:active,disabled:disabled,isDragging:isDragging,variant:variant}=_ref;return!active||disabled||isDragging?COLOR_THEMES.gray:variant===CHIP_VARIANT.DEFAULT?COLOR_THEMES.light:COLOR_THEMES.accent};export const getButtonColorTheme=_ref2=>{let{active:active,disabled:disabled,isDragging:isDragging,variant:variant}=_ref2;return!active||disabled||isDragging?COLOR_THEMES.gray:variant===CHIP_VARIANT.DEFAULT?COLOR_THEMES.negative:COLOR_THEMES.primary};export const getTextVariant=size=>size===CHIP_SIZES.SMALL?VARIANTS_NAMES.SMALL:VARIANTS_NAMES.BODY;export const getDefaultAdornmentProps=_ref3=>{var _adornment$props;let{active:active,adornment:adornment,disabled:disabled,isDragging:isDragging,variant:variant}=_ref3;return isEmpty(adornment)||!adornment.type?{}:adornment.type===ADORNMENT_TYPES.ICON?{...adornment.props,colorTheme:getTextColorTheme({active:active,disabled:disabled,isDragging:isDragging,variant:variant}),size:20}:adornment.type===ADORNMENT_TYPES.AVATAR?{...adornment.props,size:"small"}:adornment.type===ADORNMENT_TYPES.IMAGE?{...adornment.props,className:"".concat(styles.imageAdornment," ").concat((null===(_adornment$props=adornment.props)||void 0===_adornment$props?void 0:_adornment$props.className)||"")}:{}};export const getItemsProps=_ref4=>{let{active:active,adornment:adornment,dataTestId:dataTestId,disabled:disabled,isDragging:isDragging,onClick:onClick,size:size,variant:variant}=_ref4;return{Adornment:null!=adornment&&adornment.type?ADORNMENT_COMPONENT_MAPPER[null==adornment?void 0:adornment.type]:null,adornmentProps:getDefaultAdornmentProps({active:active,adornment:adornment,disabled:disabled,variant:variant}),Container:onClick&&!disabled?UTTouchableWithoutFeedback:"div",containerProps:onClick&&!disabled?{onClick:onClick,dataTestId:dataTestId}:{"data-testid":dataTestId},labelProps:{colorTheme:getTextColorTheme({active:active,disabled:disabled,isDragging:isDragging,variant:variant}),variant:getTextVariant(size)},buttonProps:{colorTheme:getButtonColorTheme({active:active,disabled:disabled,isDragging:isDragging,variant:variant})}}};

package/dist/esm/components/UTConsumptionBar/components/ConsumptionBarIndicator/index.js

@@ -1,43 +1 @@
-import React from 'react';
-import numeral from 'numeral';
-import { number, object, string, bool } from 'prop-types';
-import UTLabel from '../../../UTLabel';
-import styles from './styles.module.scss';
-const ConsumptionBarIndicator = _ref => {
-  let {
-    left,
-    value,
-    unit = 'kWh',
-    total,
-    classes,
-    hideAmount
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.indicator,
-    style: {
-      left: "".concat(left, "%")
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.indicatorMarker, " ").concat(classes === null || classes === void 0 ? void 0 : classes.indicatorMarker)
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.indicatorText, " ").concat(classes === null || classes === void 0 ? void 0 : classes.indicatorText)
-  }, /*#__PURE__*/React.createElement(UTLabel, {
-    className: styles.alignCenter,
-    colorTheme: "neutral",
-    shade: "03",
-    weight: "bold"
-  }, "".concat(Math.round(value), " ").concat(unit)), !hideAmount && /*#__PURE__*/React.createElement(UTLabel, {
-    className: styles.lightGray,
-    colorTheme: "gray",
-    weight: "bold"
-  }, numeral(total || 0).format('$ 0,0'))));
-};
-ConsumptionBarIndicator.propTypes = {
-  classes: object,
-  hideAmount: bool,
-  left: number,
-  total: number,
-  unit: string,
-  value: number
-};
-export default ConsumptionBarIndicator;
+import React from"react";import numeral from"numeral";import{number,object,string,bool}from"prop-types";import UTLabel from"../../../UTLabel";import styles from"./styles.module.scss";const ConsumptionBarIndicator=_ref=>{let{left:left,value:value,unit:unit="kWh",total:total,classes:classes,hideAmount:hideAmount}=_ref;return React.createElement("div",{className:styles.indicator,style:{left:"".concat(left,"%")}},React.createElement("div",{className:"".concat(styles.indicatorMarker," ").concat(null==classes?void 0:classes.indicatorMarker)}),React.createElement("div",{className:"".concat(styles.indicatorText," ").concat(null==classes?void 0:classes.indicatorText)},React.createElement(UTLabel,{className:styles.alignCenter,colorTheme:"neutral",shade:"03",weight:"bold"},"".concat(Math.round(value)," ").concat(unit)),!hideAmount&&React.createElement(UTLabel,{className:styles.lightGray,colorTheme:"gray",weight:"bold"},numeral(total||0).format("$ 0,0"))))};ConsumptionBarIndicator.propTypes={classes:object,hideAmount:bool,left:number,total:number,unit:string,value:number};export default ConsumptionBarIndicator;

package/dist/esm/components/UTConsumptionBar/components/ConsumptionBarIndicatorTop/index.js

@@ -1,38 +1 @@
-import React from 'react';
-import { number, object, string } from 'prop-types';
-import UTLabel from '../../../UTLabel';
-import styles from './styles.module.scss';
-const ConsumptionBarIndicatorTop = _ref => {
-  let {
-    left,
-    title,
-    subtitle,
-    classes
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.indicator,
-    style: {
-      left: "".concat(left, "%")
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.indicatorText, " ").concat(classes === null || classes === void 0 ? void 0 : classes.indicatorText)
-  }, /*#__PURE__*/React.createElement(UTLabel, {
-    className: styles.alignCenter,
-    colorTheme: "neutral",
-    shade: "03",
-    weight: "bold"
-  }, title), /*#__PURE__*/React.createElement(UTLabel, {
-    className: styles.subtitleLabel,
-    colorTheme: "gray",
-    weight: "bold"
-  }, subtitle)), /*#__PURE__*/React.createElement("div", {
-    className: styles.indicatorMarker
-  }));
-};
-ConsumptionBarIndicatorTop.propTypes = {
-  classes: object,
-  left: number,
-  title: string,
-  subtitle: string
-};
-export default ConsumptionBarIndicatorTop;
+import React from"react";import{number,object,string}from"prop-types";import UTLabel from"../../../UTLabel";import styles from"./styles.module.scss";const ConsumptionBarIndicatorTop=_ref=>{let{left:left,title:title,subtitle:subtitle,classes:classes}=_ref;return React.createElement("div",{className:styles.indicator,style:{left:"".concat(left,"%")}},React.createElement("div",{className:"".concat(styles.indicatorText," ").concat(null==classes?void 0:classes.indicatorText)},React.createElement(UTLabel,{className:styles.alignCenter,colorTheme:"neutral",shade:"03",weight:"bold"},title),React.createElement(UTLabel,{className:styles.subtitleLabel,colorTheme:"gray",weight:"bold"},subtitle)),React.createElement("div",{className:styles.indicatorMarker}))};ConsumptionBarIndicatorTop.propTypes={classes:object,left:number,title:string,subtitle:string};export default ConsumptionBarIndicatorTop;

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

@@ -1,3 +1 @@
-export const UP = 'up';
-export const DOWN = 'down';
-export const MIN_LINE_WIDTH = '550';
+export const UP="up";export const DOWN="down";export const MIN_LINE_WIDTH="550";

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

@@ -1,109 +1 @@
-import React, { useRef, useEffect, useState } from 'react';
-import Tippy from '@tippy.js/react';
-import { arrayOf, bool, object, number, shape, string } from 'prop-types';
-import UTLabel from '../UTLabel';
-import ConsumptionBarIndicator from './components/ConsumptionBarIndicator';
-import ConsumptionBarIndicatorTop from './components/ConsumptionBarIndicatorTop';
-import { UP, DOWN, MIN_LINE_WIDTH } from './constants';
-import styles from './styles.module.scss';
-const UTConsumptionBar = _ref => {
-  let {
-    categoryLines,
-    classes,
-    hideAmount = false,
-    values
-  } = _ref;
-  const widthRef = useRef();
-  const [showLabel, setShowLabel] = useState(true);
-  const handleSetShowLabel = () => {
-    if (widthRef.current.offsetWidth < MIN_LINE_WIDTH) setShowLabel(false);else setShowLabel(true);
-  };
-  useEffect(() => {
-    window.addEventListener('resize', handleSetShowLabel);
-    handleSetShowLabel();
-    return () => window.removeEventListener('resize', handleSetShowLabel);
-  }, []);
-  const downIndicators = values.filter(value => value.position === DOWN);
-  const upIndicators = values.filter(value => value.position === UP);
-  const maxValue = Math.max(...categoryLines.rates.map(category => category.range[0]));
-  const getLeftPosition = watts => 25 * 100 / maxValue * (watts / 25);
-  const getIndicatorPosition = value => value <= maxValue && value >= 0 ? getLeftPosition(value) : value < 0 ? 0 : 101.7;
-  const renderCategoryLines = function () {
-    let categoryLine = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    let index = arguments.length > 1 ? arguments[1] : undefined;
-    let elements = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-    const {
-      range,
-      category,
-      name
-    } = categoryLine;
-    const kwh = range[0];
-    const barPosition = getLeftPosition(kwh);
-    let nextBarPosition;
-    if (elements.length === index + 1) {
-      nextBarPosition = barPosition + 4;
-    } else {
-      nextBarPosition = getLeftPosition(elements[index + 1].kwh);
-    }
-    const width = (nextBarPosition - barPosition) / 2;
-    const tippyContent = Number.isInteger(range[1]) ? "".concat(range[0], " - ").concat(range[1], " kWh") : "".concat(range[0], "+ kWh");
-    return /*#__PURE__*/React.createElement("div", {
-      key: category,
-      className: styles.categoryLineContainer,
-      style: {
-        left: "calc(".concat(getLeftPosition(kwh), "%)"),
-        width: "calc(".concat(width, "% + 7px)")
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles.lineContainer
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles.line
-    })), /*#__PURE__*/React.createElement(Tippy, {
-      content: "Categor\xEDa ".concat(name, ": ").concat(tippyContent),
-      arrow: true
-    }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(UTLabel, {
-      className: "".concat(styles.categoryLineText, " ").concat(classes === null || classes === void 0 ? void 0 : classes.categoryLineText),
-      colorTheme: "information",
-      variant: "xsmall",
-      weight: "bold"
-    }, showLabel ? name : ''))));
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.estimatedContainer
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.container, " ").concat(classes === null || classes === void 0 ? void 0 : classes.container)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.bar, " ").concat(downIndicators.length > 0 && styles.colorizedBar),
-    ref: widthRef
-  }), upIndicators.map(indicator => /*#__PURE__*/React.createElement(ConsumptionBarIndicatorTop, {
-    classes: classes,
-    key: indicator.title,
-    left: getIndicatorPosition(indicator.value),
-    title: indicator.title,
-    subtitle: indicator.subtitle
-  })), categoryLines.rates.map(renderCategoryLines), downIndicators.map(indicator => /*#__PURE__*/React.createElement(ConsumptionBarIndicator, {
-    classes: classes,
-    className: styles.indicator,
-    hideAmount: hideAmount,
-    key: indicator.title,
-    left: getIndicatorPosition(indicator.value),
-    total: indicator.total,
-    unit: indicator.title,
-    value: indicator.value
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.finishLine1, " ").concat(downIndicators.length > 0 && styles.colorizedLine)
-  }));
-};
-UTConsumptionBar.propTypes = {
-  categoryLines: object,
-  classes: object,
-  hideAmount: bool,
-  values: arrayOf(shape({
-    position: string,
-    subtitle: string,
-    title: string,
-    total: number,
-    value: number
-  }))
-};
-export default UTConsumptionBar;
+import React,{useRef,useEffect,useState}from"react";import Tippy from"@tippy.js/react";import{arrayOf,bool,object,number,shape,string}from"prop-types";import UTLabel from"../UTLabel";import ConsumptionBarIndicator from"./components/ConsumptionBarIndicator";import ConsumptionBarIndicatorTop from"./components/ConsumptionBarIndicatorTop";import{UP,DOWN,MIN_LINE_WIDTH}from"./constants";import styles from"./styles.module.scss";const UTConsumptionBar=_ref=>{let{categoryLines:categoryLines,classes:classes,hideAmount:hideAmount=!1,values:values}=_ref;const widthRef=useRef(),[showLabel,setShowLabel]=useState(!0),handleSetShowLabel=()=>{widthRef.current.offsetWidth<MIN_LINE_WIDTH?setShowLabel(!1):setShowLabel(!0)};useEffect(()=>(window.addEventListener("resize",handleSetShowLabel),handleSetShowLabel(),()=>window.removeEventListener("resize",handleSetShowLabel)),[]);const downIndicators=values.filter(value=>value.position===DOWN),upIndicators=values.filter(value=>value.position===UP),maxValue=Math.max(...categoryLines.rates.map(category=>category.range[0])),getLeftPosition=watts=>2500/maxValue*(watts/25),getIndicatorPosition=value=>value<=maxValue&&value>=0?getLeftPosition(value):value<0?0:101.7;return React.createElement("div",{className:styles.estimatedContainer},React.createElement("div",{className:"".concat(styles.container," ").concat(null==classes?void 0:classes.container)},React.createElement("div",{className:"".concat(styles.bar," ").concat(downIndicators.length>0&&styles.colorizedBar),ref:widthRef}),upIndicators.map(indicator=>React.createElement(ConsumptionBarIndicatorTop,{classes:classes,key:indicator.title,left:getIndicatorPosition(indicator.value),title:indicator.title,subtitle:indicator.subtitle})),categoryLines.rates.map(function(){let categoryLine=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},index=arguments.length>1?arguments[1]:void 0,elements=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];const{range:range,category:category,name:name}=categoryLine,kwh=range[0],barPosition=getLeftPosition(kwh);let nextBarPosition;nextBarPosition=elements.length===index+1?barPosition+4:getLeftPosition(elements[index+1].kwh);const width=(nextBarPosition-barPosition)/2,tippyContent=Number.isInteger(range[1])?"".concat(range[0]," - ").concat(range[1]," kWh"):"".concat(range[0],"+ kWh");return React.createElement("div",{key:category,className:styles.categoryLineContainer,style:{left:"calc(".concat(getLeftPosition(kwh),"%)"),width:"calc(".concat(width,"% + 7px)")}},React.createElement("div",{className:styles.lineContainer},React.createElement("div",{className:styles.line})),React.createElement(Tippy,{content:"Categoría ".concat(name,": ").concat(tippyContent),arrow:!0},React.createElement("span",null,React.createElement(UTLabel,{className:"".concat(styles.categoryLineText," ").concat(null==classes?void 0:classes.categoryLineText),colorTheme:"information",variant:"xsmall",weight:"bold"},showLabel?name:""))))}),downIndicators.map(indicator=>React.createElement(ConsumptionBarIndicator,{classes:classes,className:styles.indicator,hideAmount:hideAmount,key:indicator.title,left:getIndicatorPosition(indicator.value),total:indicator.total,unit:indicator.title,value:indicator.value}))),React.createElement("div",{className:"".concat(styles.finishLine1," ").concat(downIndicators.length>0&&styles.colorizedLine)}))};UTConsumptionBar.propTypes={categoryLines:object,classes:object,hideAmount:bool,values:arrayOf(shape({position:string,subtitle:string,title:string,total:number,value:number}))};export default UTConsumptionBar;

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

@@ -1,22 +1 @@
-import { normalizeName, formatCreditCardNumber, formatCVC, formatExpirationDate } from '@widergy/web-utils/lib/normalize';
-export const fields = {
-  NUMBER: 'number',
-  EXPIRY: 'expiry',
-  CVC: 'cvc',
-  NAME: 'name'
-};
-export const getFormater = (cardField, nameFiled, cvcField, expires) => ({
-  [cardField]: formatCreditCardNumber,
-  [cvcField]: formatCVC,
-  [expires]: formatExpirationDate,
-  [nameFiled]: normalizeName
-});
-export const DEFAULT_CHILD_KEYS = ['cardNumber', 'holderName', 'securityCode', 'expMonth', 'expYear', 'expires'];
-export const DEFAULT_TEXTS = {
-  cardExpDate: 'Vencimiento',
-  cardNamePlaceholder: 'Nombre completo',
-  cvcTitle: 'Cod. seguridad',
-  expiryTitle: 'Vencimiento',
-  nameTitle: 'Nombre y apellido',
-  numberTitle: 'N° de tarjeta'
-};
+import{normalizeName,formatCreditCardNumber,formatCVC,formatExpirationDate}from"@widergy/web-utils/lib/normalize";export const fields={NUMBER:"number",EXPIRY:"expiry",CVC:"cvc",NAME:"name"};export const getFormater=(cardField,nameFiled,cvcField,expires)=>({[cardField]:formatCreditCardNumber,[cvcField]:formatCVC,[expires]:formatExpirationDate,[nameFiled]:normalizeName});export const DEFAULT_CHILD_KEYS=["cardNumber","holderName","securityCode","expMonth","expYear","expires"];export const DEFAULT_TEXTS={cardExpDate:"Vencimiento",cardNamePlaceholder:"Nombre completo",cvcTitle:"Cod. seguridad",expiryTitle:"Vencimiento",nameTitle:"Nombre y apellido",numberTitle:"N° de tarjeta"};