@widergy/energy-ui 3.173.2 → 3.173.4

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

@@ -1,78 +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 => {
-  let {
-    theme
-  } = _ref;
-  return {
-    checkedIcon: {
-      width: getIn(theme, ['UTCheckbox', 'icon', 'checked', 'width']),
-      height: getIn(theme, ['UTCheckbox', 'icon', 'checked', 'height']),
-      margin: getIn(theme, ['UTCheckbox', 'icon', 'checked', 'margin']),
-      padding: getIn(theme, ['UTCheckbox', 'icon', 'checked', 'padding']),
-      borderRadius: getIn(theme, ['UTCheckbox', 'icon', 'checked', 'borderRadius']),
-      backgroundColor: getIn(theme, ['UTCheckbox', 'icon', 'checked', 'backgroundColor']),
-      fill: getIn(theme, ['UTCheckbox', 'icon', 'checked', 'fill']),
-      border: getIn(theme, ['UTCheckbox', 'icon', 'checked', 'border'])
-    },
-    uncheckedIcon: {
-      width: getIn(theme, ['UTCheckbox', 'icon', 'unchecked', 'width']),
-      height: getIn(theme, ['UTCheckbox', 'icon', 'unchecked', 'height']),
-      margin: getIn(theme, ['UTCheckbox', 'icon', 'unchecked', 'margin']),
-      padding: getIn(theme, ['UTCheckbox', 'icon', 'unchecked', 'padding']),
-      borderRadius: getIn(theme, ['UTCheckbox', 'icon', 'unchecked', 'borderRadius']),
-      backgroundColor: getIn(theme, ['UTCheckbox', 'icon', 'unchecked', 'backgroundColor']),
-      fill: getIn(theme, ['UTCheckbox', 'icon', 'unchecked', 'fill']),
-      border: getIn(theme, ['UTCheckbox', 'icon', 'unchecked', 'border'])
-    }
-  };
-};
-export const retrieveMuiTheme = theme => createTheme({
-  typography: {
-    fontFamily: getIn(theme, ['Fonts', 'fontFamily'])
-  },
-  overrides: {
-    MuiFormControlLabel: {
-      label: {
-        fontSize: getIn(theme, ['UTCheckbox', 'label', 'fontSize'], 14),
-        color: getIn(theme, ['UTCheckbox', 'label', 'color'], Colors.primary),
-        '& span': {
-          fontSize: getIn(theme, ['UTCheckbox', 'label', 'fontSize'], 14),
-          color: getIn(theme, ['UTCheckbox', 'label', 'color'], Colors.primary),
-          '& a': {
-            color: getIn(theme, ['UTCheckbox', 'linkLabel', 'color'], Colors.primary)
-          }
-        }
-      }
-    },
-    MuiFormHelperText: {
-      root: {
-        fontSize: getIn(theme, ['UTCheckbox', 'helperText', 'fontSize'], 14),
-        color: getIn(theme, ['UTCheckbox', 'helperText', 'color'], Colors.primary),
-        '&$error': {
-          color: theme.Palette.error['05']
-        }
-      }
-    },
-    MuiCheckbox: {
-      root: {
-        color: getIn(theme, ['UTCheckbox', 'checkbox', 'color'], Colors.gray)
-      },
-      colorPrimary: {
-        color: getIn(theme, ['UTCheckbox', 'checkbox', 'color'], Colors.gray),
-        '&$checked': {
-          color: getIn(theme, ['UTCheckbox', 'checkbox', 'checkedColor'], Colors.inputPrimary)
-        },
-        '&$disabled': {
-          color: getIn(theme, ['UTCheckbox', 'checkbox', 'disabledColor'], Colors.gray),
-          opacity: 0.5
-        },
-        '&$checked$disabled': {
-          color: getIn(theme, ['UTCheckbox', 'checkbox', 'checkedColor'], Colors.inputPrimary),
-          opacity: 0.5
-        }
-      }
-    }
-  }
-});
+import{getIn}from"seamless-immutable";import{createTheme}from"@material-ui/core/styles";import Colors from"../../../../scss/variables/colors.module.scss";export const retrieveStyle=e=>{let{theme:o}=e;return{checkedIcon:{width:getIn(o,["UTCheckbox","icon","checked","width"]),height:getIn(o,["UTCheckbox","icon","checked","height"]),margin:getIn(o,["UTCheckbox","icon","checked","margin"]),padding:getIn(o,["UTCheckbox","icon","checked","padding"]),borderRadius:getIn(o,["UTCheckbox","icon","checked","borderRadius"]),backgroundColor:getIn(o,["UTCheckbox","icon","checked","backgroundColor"]),fill:getIn(o,["UTCheckbox","icon","checked","fill"]),border:getIn(o,["UTCheckbox","icon","checked","border"])},uncheckedIcon:{width:getIn(o,["UTCheckbox","icon","unchecked","width"]),height:getIn(o,["UTCheckbox","icon","unchecked","height"]),margin:getIn(o,["UTCheckbox","icon","unchecked","margin"]),padding:getIn(o,["UTCheckbox","icon","unchecked","padding"]),borderRadius:getIn(o,["UTCheckbox","icon","unchecked","borderRadius"]),backgroundColor:getIn(o,["UTCheckbox","icon","unchecked","backgroundColor"]),fill:getIn(o,["UTCheckbox","icon","unchecked","fill"]),border:getIn(o,["UTCheckbox","icon","unchecked","border"])}}};export const retrieveMuiTheme=e=>createTheme({typography:{fontFamily:getIn(e,["Fonts","fontFamily"])},overrides:{MuiFormControlLabel:{label:{fontSize:getIn(e,["UTCheckbox","label","fontSize"],14),color:getIn(e,["UTCheckbox","label","color"],Colors.primary),"& span":{fontSize:getIn(e,["UTCheckbox","label","fontSize"],14),color:getIn(e,["UTCheckbox","label","color"],Colors.primary),"& a":{color:getIn(e,["UTCheckbox","linkLabel","color"],Colors.primary)}}}},MuiFormHelperText:{root:{fontSize:getIn(e,["UTCheckbox","helperText","fontSize"],14),color:getIn(e,["UTCheckbox","helperText","color"],Colors.primary),"&$error":{color:e.Palette.error["05"]}}},MuiCheckbox:{root:{color:getIn(e,["UTCheckbox","checkbox","color"],Colors.gray)},colorPrimary:{color:getIn(e,["UTCheckbox","checkbox","color"],Colors.gray),"&$checked":{color:getIn(e,["UTCheckbox","checkbox","checkedColor"],Colors.inputPrimary)},"&$disabled":{color:getIn(e,["UTCheckbox","checkbox","disabledColor"],Colors.gray),opacity:.5},"&$checked$disabled":{color:getIn(e,["UTCheckbox","checkbox","checkedColor"],Colors.inputPrimary),opacity:.5}}}}});

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

@@ -1,7 +1 @@
-export const CHECKED_ICON = 'IconCheck';
-export const INDETERMINATE_ICON = 'IconMinus';
-export const SPACING = {
-  SMALL: 'small',
-  MEDIUM: 'medium'
-};
-export const BUTTON_VARIANT = 'button';
+export const CHECKED_ICON="IconCheck";export const INDETERMINATE_ICON="IconMinus";export const SPACING={SMALL:"small",MEDIUM:"medium"};export const BUTTON_VARIANT="button";

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

@@ -1,117 +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, { Fragment, useMemo } from 'react';
-import { arrayOf, bool, elementType, func, objectOf, string } from 'prop-types';
-import { shouldShowErrors } from '@widergy/web-utils/lib/form';
-import { mergeClasses } from '../../../../utils/classesUtils';
-import UTFieldLabel from '../../../UTFieldLabel';
-import UTIcon from '../../../UTIcon';
-import WithTheme from '../../../WithTheme';
-import UTTouchableWithoutFeedback from '../../../UTTouchableWithoutFeedback';
-import { buttonTypes } from '../../../../types/buttonTypes';
-import { metaPropTypes } from '../../../../types/formTypes';
-import { formatErrorToValidation } from '../../../UTValidation/utils';
-import UTValidation from '../../../UTValidation';
-import { BUTTON_VARIANT, CHECKED_ICON, INDETERMINATE_ICON } from './constants';
-import { retrieveStyle } from './theme';
-import styles from './styles.module.scss';
-const UTCheckbox = _ref => {
-  let {
-    actions,
-    checkboxDataTestId,
-    classes: theme,
-    classNames,
-    CustomComponent,
-    dataTestId,
-    disabled,
-    indeterminate,
-    isSimple = false,
-    meta,
-    onChange = () => {},
-    required,
-    icon,
-    title,
-    value = false,
-    variant = 'default',
-    withUpperTitle
-  } = _ref;
-  const classes = useMemo(() => mergeClasses(theme, classNames), [classNames, theme]);
-  const iconName = useMemo(() => indeterminate ? INDETERMINATE_ICON : value === true ? CHECKED_ICON : '', [indeterminate, value]);
-  const handlePress = () => {
-    if (!disabled && onChange) onChange(!value);
-  };
-  const shouldHighlightLabel = value === true && variant === BUTTON_VARIANT;
-  const touchableProps = {
-    onMouseDown: handlePress,
-    disabled
-  };
-  const RootComponent = variant === BUTTON_VARIANT ? UTTouchableWithoutFeedback : 'div';
-  const BoxContainerComponent = variant === BUTTON_VARIANT ? 'div' : UTTouchableWithoutFeedback;
-  const rootComponentProps = variant === BUTTON_VARIANT ? touchableProps : {};
-  const boxContainerProps = variant === BUTTON_VARIANT ? {} : touchableProps;
-  const error = meta && shouldShowErrors(meta) && meta.error || '';
-  const validationData = formatErrorToValidation(error);
-  return /*#__PURE__*/React.createElement(Fragment, null, withUpperTitle && /*#__PURE__*/React.createElement(UTFieldLabel, {
-    actions: actions,
-    required: required
-  }, title), /*#__PURE__*/React.createElement(RootComponent, _extends({
-    className: classes.container
-  }, variant === BUTTON_VARIANT ? {
-    dataTestId
-  } : {
-    'data-testid': dataTestId
-  }, rootComponentProps), /*#__PURE__*/React.createElement("div", {
-    className: classes.content
-  }, /*#__PURE__*/React.createElement(BoxContainerComponent, _extends({
-    className: classes.boxContainer
-  }, variant === BUTTON_VARIANT ? {
-    'data-testid': checkboxDataTestId
-  } : {
-    dataTestId: checkboxDataTestId
-  }, boxContainerProps), isSimple ? /*#__PURE__*/React.createElement(UTIcon, {
-    name: "IconCheck",
-    shade: "04",
-    colorTheme: "accent",
-    className: value ? undefined : styles.hidden
-  }) : /*#__PURE__*/React.createElement("div", {
-    className: classes.box
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classes.iconContainer
-  }, /*#__PURE__*/React.createElement(UTIcon, {
-    colorTheme: "light",
-    name: iconName,
-    size: 16
-  })))), CustomComponent || /*#__PURE__*/React.createElement(UTFieldLabel, {
-    className: classes.title,
-    highlighted: shouldHighlightLabel,
-    icon: icon,
-    required: required
-  }, title)), error && /*#__PURE__*/React.createElement(UTValidation, {
-    className: classes.validation,
-    validationData: validationData
-  })));
-};
-UTCheckbox.propTypes = {
-  actions: arrayOf(buttonTypes),
-  checkboxDataTestId: string,
-  classes: objectOf(string),
-  classNames: objectOf(string),
-  CustomComponent: elementType,
-  dataTestId: string,
-  disabled: bool,
-  indeterminate: bool,
-  /**
-   * @deprecated The "isSimple" prop is deprecated and will be removed in a future release. Please do not use it.
-   */
-  isSimple: bool,
-  meta: metaPropTypes.isRequired,
-  onChange: func,
-  required: bool,
-  icon: string,
-  reversed: bool,
-  spacing: string,
-  title: string,
-  value: bool,
-  variant: string,
-  withUpperTitle: bool
-};
-export default WithTheme(retrieveStyle)(UTCheckbox);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)({}).hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e},_extends.apply(null,arguments)}import React,{Fragment,useMemo}from"react";import{arrayOf,bool,elementType,func,objectOf,string}from"prop-types";import{shouldShowErrors}from"@widergy/web-utils/lib/form";import{mergeClasses}from"../../../../utils/classesUtils";import UTFieldLabel from"../../../UTFieldLabel";import UTIcon from"../../../UTIcon";import WithTheme from"../../../WithTheme";import UTTouchableWithoutFeedback from"../../../UTTouchableWithoutFeedback";import{buttonTypes}from"../../../../types/buttonTypes";import{metaPropTypes}from"../../../../types/formTypes";import{formatErrorToValidation}from"../../../UTValidation/utils";import UTValidation from"../../../UTValidation";import{BUTTON_VARIANT,CHECKED_ICON,INDETERMINATE_ICON}from"./constants";import{retrieveStyle}from"./theme";import styles from"./styles.module.scss";const UTCheckbox=e=>{let{actions:t,checkboxDataTestId:a,classes:o,classNames:r,CustomComponent:i,dataTestId:s,disabled:n,indeterminate:l,isSimple:c=!1,meta:m,onChange:T=()=>{},required:d,icon:p,title:b,value:u=!1,variant:h="default",withUpperTitle:N}=e;const f=useMemo(()=>mergeClasses(o,r),[r,o]),U=useMemo(()=>l?INDETERMINATE_ICON:!0===u?CHECKED_ICON:"",[l,u]),I=!0===u&&h===BUTTON_VARIANT,E={onMouseDown:()=>{!n&&T&&T(!u)},disabled:n},g=h===BUTTON_VARIANT?UTTouchableWithoutFeedback:"div",R=h===BUTTON_VARIANT?"div":UTTouchableWithoutFeedback,y=h===BUTTON_VARIANT?E:{},C=h===BUTTON_VARIANT?{}:E,O=m&&shouldShowErrors(m)&&m.error||"",v=formatErrorToValidation(O);return React.createElement(Fragment,null,N&&React.createElement(UTFieldLabel,{actions:t,required:d},b),React.createElement(g,_extends({className:f.container},h===BUTTON_VARIANT?{dataTestId:s}:{"data-testid":s},y),React.createElement("div",{className:f.content},React.createElement(R,_extends({className:f.boxContainer},h===BUTTON_VARIANT?{"data-testid":a}:{dataTestId:a},C),c?React.createElement(UTIcon,{name:"IconCheck",shade:"04",colorTheme:"accent",className:u?void 0:styles.hidden}):React.createElement("div",{className:f.box},React.createElement("div",{className:f.iconContainer},React.createElement(UTIcon,{colorTheme:"light",name:U,size:16})))),i||React.createElement(UTFieldLabel,{className:f.title,highlighted:I,icon:p,required:d},b)),O&&React.createElement(UTValidation,{className:f.validation,validationData:v})))};UTCheckbox.propTypes={actions:arrayOf(buttonTypes),checkboxDataTestId:string,classes:objectOf(string),classNames:objectOf(string),CustomComponent:elementType,dataTestId:string,disabled:bool,indeterminate:bool,isSimple:bool,meta:metaPropTypes.isRequired,onChange:func,required:bool,icon:string,reversed:bool,spacing:string,title:string,value:bool,variant:string,withUpperTitle:bool};export default WithTheme(retrieveStyle)(UTCheckbox);

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=e=>({container:{alignItems:"center !important",display:"flex",flexWrap:"wrap",gap:"0px"},content:{display:"flex",flexDirection:"row",alignItems:"center"},iconContainer:{border:"2px solid ".concat(e.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=e=>{var t,o,r,n,a;let{value:i,indeterminate:l,reversed:c,spacing:d,variant:s,theme:v,disabled:b,error:u}=e;const p=d===SPACING.SMALL?8:16;return{container:{...c&&{flexDirection:"row-reverse",justifyContent:"space-between"},...b&&{opacity:.5},...s===BUTTON_VARIANT&&{borderRadius:"8px",padding:"small"===d?"8px 12px":"12px 16px",backgroundColor:u?v.Palette.error["01"]:"transparent","&:active, &:hover":{transition:"background-color 0.1s ease-in-out"},"&:active":{backgroundColor:u?v.Palette.error["02"]:v.Palette.light["04"]},"&:hover":{backgroundColor:u?v.Palette.error["02"]:v.Palette.light["03"]}}},content:{...c&&{flexDirection:"row-reverse",justifyContent:"space-between",...s===BUTTON_VARIANT&&{width:"100%"}}},iconContainer:{...u&&{borderColor:v.Palette.error["04"]},...(!0===i||l)&&{backgroundColor:(null===(t=v.Palette.actions)||void 0===t?void 0:t.accent["04"])||v.Palette.accent["04"],borderColor:(null===(o=v.Palette.actions)||void 0===o?void 0:o.accent["04"])||v.Palette.accent["04"]}},boxContainer:{...c?{marginLeft:p,marginRight:0}:{marginRight:p},...s!==BUTTON_VARIANT&&{"&:active, &:hover":{"& $box":{borderColor:u?v.Palette.error["03"]:(null===(r=v.Palette.actions)||void 0===r?void 0:r.accent["03"])||v.Palette.accent["03"],borderWidth:1,overflow:"hidden",transition:"background-color 0.1s ease-in-out"}},"&:active":{"& $box":{backgroundColor:u?v.Palette.error["02"]:(null===(n=v.Palette.actions)||void 0===n?void 0:n.accent["02"])||v.Palette.accent["02"]}},"&:hover":{"& $box":{backgroundColor:u?v.Palette.error["01"]:(null===(a=v.Palette.actions)||void 0===a?void 0:a.accent["01"])||v.Palette.accent["01"]}}}},title:s===BUTTON_VARIANT&&{userSelect:"none"}}};export const retrieveStyle=e=>{let{value:t,disabled:o,indeterminate:r,reversed:n,spacing:a,theme:i,variant:l,meta:c}=e;const d=baseCheckBoxTheme(i),s=c&&shouldShowErrors(c),{container:v,content:b,iconContainer:u,boxContainer:p,title:x}=conditionalStyles({value:t,disabled:o,indeterminate:r,reversed:n,spacing:a,variant:l,theme:i,error:s});return{box:d.box,content:{...d.content,...b},container:{...d.container,...v},iconContainer:{...d.iconContainer,...u},boxContainer:p,title:x,validation:d.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(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)({}).hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},_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=t=>{let{active:e,adornment:n,children:o,dataTestId:a,disabled:s,isDragging:r,onClick:i,onClose:c,size:l=CHIP_SIZES.MEDIUM,variant:p=CHIP_VARIANT.DEFAULT}=t;const{Adornment:m,adornmentProps:d,buttonProps:I,Container:T,containerProps:E,labelProps:g}=getItemsProps({active:e,adornment:n,dataTestId:a,disabled:s,isDragging:r,onClick:i,size:l,variant:p}),A=c?t=>{t.stopPropagation(),c(t)}:void 0;return React.createElement(T,_extends({className:"\n        ".concat(styles.chipContainer,"\n        ").concat(styles[l],"\n        ").concat(styles[p],"\n        ").concat(e?styles.active:"","\n        ").concat(s?styles.disabled:"","\n        ").concat(r?styles.dragging:"","\n        ").concat(i&&!s?styles.interactive:styles.nonInteractive,"\n      ")},E),m&&React.createElement(m,d),React.createElement(UTLabel,g,o),A&&React.createElement(UTButton,_extends({},I,{Icon:"IconX",onClick:A,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=t=>{let{active:e,disabled:a,isDragging:o,variant:r}=t;return!e||a||o?COLOR_THEMES.gray:r===CHIP_VARIANT.DEFAULT?COLOR_THEMES.light:COLOR_THEMES.accent};export const getButtonColorTheme=t=>{let{active:e,disabled:a,isDragging:o,variant:r}=t;return!e||a||o?COLOR_THEMES.gray:r===CHIP_VARIANT.DEFAULT?COLOR_THEMES.negative:COLOR_THEMES.primary};export const getTextVariant=t=>t===CHIP_SIZES.SMALL?VARIANTS_NAMES.SMALL:VARIANTS_NAMES.BODY;export const getDefaultAdornmentProps=t=>{var e;let{active:a,adornment:o,disabled:r,isDragging:i,variant:n}=t;return isEmpty(o)||!o.type?{}:o.type===ADORNMENT_TYPES.ICON?{...o.props,colorTheme:getTextColorTheme({active:a,disabled:r,isDragging:i,variant:n}),size:20}:o.type===ADORNMENT_TYPES.AVATAR?{...o.props,size:"small"}:o.type===ADORNMENT_TYPES.IMAGE?{...o.props,className:"".concat(styles.imageAdornment," ").concat((null===(e=o.props)||void 0===e?void 0:e.className)||"")}:{}};export const getItemsProps=t=>{let{active:e,adornment:a,dataTestId:o,disabled:r,isDragging:i,onClick:n,size:s,variant:T}=t;return{Adornment:null!=a&&a.type?ADORNMENT_COMPONENT_MAPPER[null==a?void 0:a.type]:null,adornmentProps:getDefaultAdornmentProps({active:e,adornment:a,disabled:r,variant:T}),Container:n&&!r?UTTouchableWithoutFeedback:"div",containerProps:n&&!r?{onClick:n,dataTestId:o}:{"data-testid":o},labelProps:{colorTheme:getTextColorTheme({active:e,disabled:r,isDragging:i,variant:T}),variant:getTextVariant(s)},buttonProps:{colorTheme:getButtonColorTheme({active:e,disabled:r,isDragging:i,variant:T})}}};

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=e=>{let{left:t,value:a,unit:o="kWh",total:r,classes:l,hideAmount:c}=e;return React.createElement("div",{className:styles.indicator,style:{left:"".concat(t,"%")}},React.createElement("div",{className:"".concat(styles.indicatorMarker," ").concat(null==l?void 0:l.indicatorMarker)}),React.createElement("div",{className:"".concat(styles.indicatorText," ").concat(null==l?void 0:l.indicatorText)},React.createElement(UTLabel,{className:styles.alignCenter,colorTheme:"neutral",shade:"03",weight:"bold"},"".concat(Math.round(a)," ").concat(o)),!c&&React.createElement(UTLabel,{className:styles.lightGray,colorTheme:"gray",weight:"bold"},numeral(r||0).format("$ 0,0"))))};ConsumptionBarIndicator.propTypes={classes:object,hideAmount:bool,left:number,total:number,unit:string,value:number};export default ConsumptionBarIndicator;