@widergy/energy-ui 3.173.2 → 3.173.4

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

@@ -1,57 +1 @@
-import React, { useMemo } from 'react';
-import { bool, number, object, string } from 'prop-types';
-import { LinearProgress } from '@material-ui/core';
-import clamp from 'lodash/clamp';
-import WithTheme from '../WithTheme';
-import { mergeClasses } from '../../utils/classesUtils';
-import { classesType } from './types';
-import { MIN_PERCENTAGE, MAX_PERCENTAGE } from './constants';
-import { retrieveStyle } from './theme';
-const UTProgressBar = _ref => {
-  let {
-    classNames,
-    classes: themeClasses,
-    customLabel,
-    customLabelStyle,
-    dataTestId,
-    value,
-    variant,
-    withLabel
-  } = _ref;
-  const clampedValue = clamp(value, MIN_PERCENTAGE, MAX_PERCENTAGE);
-  const classes = useMemo(() => mergeClasses(themeClasses, classNames), [classNames]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classes.container,
-    "data-testid": dataTestId
-  }, /*#__PURE__*/React.createElement(LinearProgress, {
-    classes: {
-      barColorPrimary: classes.barColorPrimary,
-      colorPrimary: classes.colorPrimary,
-      root: classes.root
-    },
-    variant: variant,
-    value: clampedValue
-  }), withLabel && /*#__PURE__*/React.createElement("div", {
-    className: classes.label
-  }, /*#__PURE__*/React.createElement("span", {
-    style: customLabelStyle
-  }, customLabel || "".concat(clampedValue, "%"))));
-};
-UTProgressBar.defaultProps = {
-  classes: {},
-  classNames: {},
-  customLabelStyle: {},
-  variant: 'determinate',
-  withLabel: false
-};
-UTProgressBar.propTypes = {
-  classNames: classesType,
-  classes: classesType,
-  customLabel: string,
-  customLabelStyle: object,
-  dataTestId: string,
-  value: number.isRequired,
-  variant: string,
-  withLabel: bool
-};
-export default WithTheme(retrieveStyle)(UTProgressBar);
+import React,{useMemo}from"react";import{bool,number,object,string}from"prop-types";import{LinearProgress}from"@material-ui/core";import clamp from"lodash/clamp";import WithTheme from"../WithTheme";import{mergeClasses}from"../../utils/classesUtils";import{classesType}from"./types";import{MIN_PERCENTAGE,MAX_PERCENTAGE}from"./constants";import{retrieveStyle}from"./theme";const UTProgressBar=e=>{let{classNames:r,classes:s,customLabel:a,customLabelStyle:t,dataTestId:o,value:l,variant:m,withLabel:c}=e;const i=clamp(l,MIN_PERCENTAGE,MAX_PERCENTAGE),n=useMemo(()=>mergeClasses(s,r),[r]);return React.createElement("div",{className:n.container,"data-testid":o},React.createElement(LinearProgress,{classes:{barColorPrimary:n.barColorPrimary,colorPrimary:n.colorPrimary,root:n.root},variant:m,value:i}),c&&React.createElement("div",{className:n.label},React.createElement("span",{style:t},a||"".concat(i,"%"))))};UTProgressBar.defaultProps={classes:{},classNames:{},customLabelStyle:{},variant:"determinate",withLabel:!1},UTProgressBar.propTypes={classNames:classesType,classes:classesType,customLabel:string,customLabelStyle:object,dataTestId:string,value:number.isRequired,variant:string,withLabel:bool};export default WithTheme(retrieveStyle)(UTProgressBar);

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

@@ -1,32 +1 @@
-import Colors from '../../scss/variables/colors.module.scss';
-export const retrieveStyle = _ref => {
-  var _theme$UTProgressBar, _theme$UTProgressBar2, _theme$UTProgressBar3, _theme$UTProgressBar4, _theme$UTProgressBar5, _theme$UTProgressBar6, _theme$UTProgressBar7, _theme$UTProgressBar8, _theme$UTProgressBar9, _theme$UTProgressBar0, _theme$UTProgressBar1, _theme$UTProgressBar10;
-  let {
-    theme
-  } = _ref;
-  return {
-    container: {
-      alignItems: 'center',
-      display: 'flex',
-      width: theme === null || theme === void 0 || (_theme$UTProgressBar = theme.UTProgressBar) === null || _theme$UTProgressBar === void 0 ? void 0 : _theme$UTProgressBar.width
-    },
-    root: {
-      border: theme === null || theme === void 0 || (_theme$UTProgressBar2 = theme.UTProgressBar) === null || _theme$UTProgressBar2 === void 0 ? void 0 : _theme$UTProgressBar2.border,
-      borderRadius: theme === null || theme === void 0 || (_theme$UTProgressBar3 = theme.UTProgressBar) === null || _theme$UTProgressBar3 === void 0 ? void 0 : _theme$UTProgressBar3.borderRadius,
-      height: theme === null || theme === void 0 || (_theme$UTProgressBar4 = theme.UTProgressBar) === null || _theme$UTProgressBar4 === void 0 ? void 0 : _theme$UTProgressBar4.height,
-      width: (theme === null || theme === void 0 || (_theme$UTProgressBar5 = theme.UTProgressBar) === null || _theme$UTProgressBar5 === void 0 ? void 0 : _theme$UTProgressBar5.width) || '100%'
-    },
-    colorPrimary: {
-      backgroundColor: (theme === null || theme === void 0 || (_theme$UTProgressBar6 = theme.UTProgressBar) === null || _theme$UTProgressBar6 === void 0 || (_theme$UTProgressBar6 = _theme$UTProgressBar6.colorPrimary) === null || _theme$UTProgressBar6 === void 0 ? void 0 : _theme$UTProgressBar6.backgroundColor) || Colors.white,
-      borderRadius: theme === null || theme === void 0 || (_theme$UTProgressBar7 = theme.UTProgressBar) === null || _theme$UTProgressBar7 === void 0 || (_theme$UTProgressBar7 = _theme$UTProgressBar7.colorPrimary) === null || _theme$UTProgressBar7 === void 0 ? void 0 : _theme$UTProgressBar7.borderRadius
-    },
-    barColorPrimary: {
-      background: (theme === null || theme === void 0 || (_theme$UTProgressBar8 = theme.UTProgressBar) === null || _theme$UTProgressBar8 === void 0 || (_theme$UTProgressBar8 = _theme$UTProgressBar8.barColorPrimary) === null || _theme$UTProgressBar8 === void 0 ? void 0 : _theme$UTProgressBar8.background) || (theme === null || theme === void 0 || (_theme$UTProgressBar9 = theme.UTProgressBar) === null || _theme$UTProgressBar9 === void 0 || (_theme$UTProgressBar9 = _theme$UTProgressBar9.barColorPrimary) === null || _theme$UTProgressBar9 === void 0 ? void 0 : _theme$UTProgressBar9.backgroundColor) || Colors.blue,
-      borderRadius: theme === null || theme === void 0 || (_theme$UTProgressBar0 = theme.UTProgressBar) === null || _theme$UTProgressBar0 === void 0 || (_theme$UTProgressBar0 = _theme$UTProgressBar0.barColorPrimary) === null || _theme$UTProgressBar0 === void 0 ? void 0 : _theme$UTProgressBar0.borderRadius,
-      transition: theme === null || theme === void 0 || (_theme$UTProgressBar1 = theme.UTProgressBar) === null || _theme$UTProgressBar1 === void 0 || (_theme$UTProgressBar1 = _theme$UTProgressBar1.barColorPrimary) === null || _theme$UTProgressBar1 === void 0 ? void 0 : _theme$UTProgressBar1.transition
-    },
-    label: {
-      margin: (theme === null || theme === void 0 || (_theme$UTProgressBar10 = theme.UTProgressBar) === null || _theme$UTProgressBar10 === void 0 || (_theme$UTProgressBar10 = _theme$UTProgressBar10.label) === null || _theme$UTProgressBar10 === void 0 ? void 0 : _theme$UTProgressBar10.margin) || '0 0 0 10px'
-    }
-  };
-};
+import Colors from"../../scss/variables/colors.module.scss";export const retrieveStyle=r=>{var o,l,i,d,a,n,s,u,e,v,t,b;let{theme:g}=r;return{container:{alignItems:"center",display:"flex",width:null==g||null===(o=g.UTProgressBar)||void 0===o?void 0:o.width},root:{border:null==g||null===(l=g.UTProgressBar)||void 0===l?void 0:l.border,borderRadius:null==g||null===(i=g.UTProgressBar)||void 0===i?void 0:i.borderRadius,height:null==g||null===(d=g.UTProgressBar)||void 0===d?void 0:d.height,width:(null==g||null===(a=g.UTProgressBar)||void 0===a?void 0:a.width)||"100%"},colorPrimary:{backgroundColor:(null==g||null===(n=g.UTProgressBar)||void 0===n||null===(n=n.colorPrimary)||void 0===n?void 0:n.backgroundColor)||Colors.white,borderRadius:null==g||null===(s=g.UTProgressBar)||void 0===s||null===(s=s.colorPrimary)||void 0===s?void 0:s.borderRadius},barColorPrimary:{background:(null==g||null===(u=g.UTProgressBar)||void 0===u||null===(u=u.barColorPrimary)||void 0===u?void 0:u.background)||(null==g||null===(e=g.UTProgressBar)||void 0===e||null===(e=e.barColorPrimary)||void 0===e?void 0:e.backgroundColor)||Colors.blue,borderRadius:null==g||null===(v=g.UTProgressBar)||void 0===v||null===(v=v.barColorPrimary)||void 0===v?void 0:v.borderRadius,transition:null==g||null===(t=g.UTProgressBar)||void 0===t||null===(t=t.barColorPrimary)||void 0===t?void 0:t.transition},label:{margin:(null==g||null===(b=g.UTProgressBar)||void 0===b||null===(b=b.label)||void 0===b?void 0:b.margin)||"0 0 0 10px"}}};

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

@@ -1,8 +1 @@
-import { shape, string } from 'prop-types';
-export const classesType = shape({
-  container: string,
-  root: string,
-  colorPrimary: string,
-  barColorPrimary: string,
-  label: string
-});
+import{shape,string}from"prop-types";export const classesType=shape({container:string,root:string,colorPrimary:string,barColorPrimary:string,label:string});

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

@@ -1,19 +1 @@
-import React from 'react';
-import { string } from 'prop-types';
-import V0 from './versions/V0';
-import V1 from './versions/V1';
-const UTRadioGroup = _ref => {
-  let {
-    version = 'V0',
-    ...props
-  } = _ref;
-  const Component = {
-    V0,
-    V1
-  }[version];
-  return /*#__PURE__*/React.createElement(Component, props);
-};
-UTRadioGroup.propTypes = {
-  version: string
-};
-export default UTRadioGroup;
+import React from"react";import{string}from"prop-types";import V0 from"./versions/V0";import V1 from"./versions/V1";const UTRadioGroup=r=>{let{version:o="V0",...t}=r;const e={V0:V0,V1:V1}[o];return React.createElement(e,t)};UTRadioGroup.propTypes={version:string};export default UTRadioGroup;

package/dist/esm/components/UTRadioGroup/versions/V0/index.js

@@ -1,125 +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); }
-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 React, { Fragment, PureComponent } from 'react';
-import FormControlLabel from '@material-ui/core/FormControlLabel';
-import Radio from '@material-ui/core/Radio';
-import RadioGroup from '@material-ui/core/RadioGroup';
-import { string, arrayOf, func, objectOf, bool, object, oneOfType, element } from 'prop-types';
-import { buttonTypes } from '../../../../types/buttonTypes';
-import { fieldType, inputPropTypes } from '../../../../types/formTypes';
-import WithTheme from '../../../WithTheme';
-import UTFieldLabel from '../../../UTFieldLabel';
-import { mergeClasses } from '../../../../utils/classesUtils';
-import { retrieveStyle, retrieveMuiTheme } from './theme';
-class UTRadioGroup extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "handleChange", (_, value) => this.props.input.onChange(value));
-    _defineProperty(this, "renderRadioItem", _ref => {
-      let {
-        classes,
-        index,
-        option
-      } = _ref;
-      const {
-        className,
-        customRadioLabel: CustomRadioLabel,
-        disabled,
-        disableRipple = false,
-        input,
-        labelKey,
-        valueKey
-      } = this.props;
-      const isChecked = input.value === option[valueKey];
-      const {
-        dataTestId
-      } = option;
-      return /*#__PURE__*/React.createElement(FormControlLabel, {
-        key: option[valueKey],
-        value: option[valueKey],
-        checked: isChecked,
-        classes: {
-          root: "\n            ".concat(classes.root, "\n            ").concat(isChecked && classes.checkedRoot, "\n            ").concat(option.disabled && classes.disabledRoot, "\n          "),
-          label: classes.label
-        },
-        "data-testid": dataTestId,
-        disabled: disabled || option.disabled,
-        label: CustomRadioLabel ? /*#__PURE__*/React.createElement(CustomRadioLabel, {
-          option: option,
-          checked: isChecked
-        }) : option[labelKey],
-        control: /*#__PURE__*/React.createElement(Radio, {
-          disableRipple: disableRipple,
-          classes: {
-            root: classes.iconRoot,
-            checked: "".concat(classes.checked, " ").concat(classes.checkedIconRoot)
-          },
-          inputProps: {
-            'data-testid': dataTestId ? "".concat(dataTestId, ".input.").concat(index) : null
-          }
-        }),
-        className: "".concat(classes.formControlLabel, " \n              ").concat(this.props.divider && index === 0 && classes.topDivider, " \n              ").concat(this.props.divider && classes.divider, "\n              ").concat(className)
-      });
-    });
-  }
-  render() {
-    var _field$configuration;
-    const {
-      actions,
-      classNames = {},
-      classes: themeClasses,
-      containerClassName,
-      field,
-      hideLabels,
-      input,
-      options,
-      titleProps,
-      withUpperTitle
-    } = this.props;
-    const shouldShowUpperTitle = ((field === null || field === void 0 || (_field$configuration = field.configuration) === null || _field$configuration === void 0 ? void 0 : _field$configuration.ignore_title) || hideLabels) && withUpperTitle && (field === null || field === void 0 ? void 0 : field.title);
-    const classes = mergeClasses(themeClasses, classNames);
-    return /*#__PURE__*/React.createElement(React.Fragment, null, shouldShowUpperTitle && /*#__PURE__*/React.createElement(UTFieldLabel, _extends({
-      actions: actions,
-      className: classes.title,
-      readOnly: field.read_only,
-      required: field.required
-    }, titleProps), field === null || field === void 0 ? void 0 : field.title), /*#__PURE__*/React.createElement(RadioGroup, {
-      name: input.name,
-      value: input.value || '',
-      className: containerClassName,
-      onChange: this.handleChange
-    }, options.map((option, index) => this.renderRadioItem({
-      classes,
-      index,
-      option
-    }))));
-  }
-}
-UTRadioGroup.defaultProps = {
-  classes: {},
-  labelKey: 'name',
-  valueKey: 'value'
-};
-UTRadioGroup.propTypes = {
-  actions: arrayOf(buttonTypes),
-  classes: objectOf(string),
-  className: string,
-  classNames: objectOf(string),
-  containerClassName: string,
-  customRadioLabel: oneOfType([element, func]),
-  dataTestId: string,
-  disabled: bool,
-  disableRipple: bool,
-  divider: bool,
-  field: fieldType,
-  hideLabels: bool,
-  input: inputPropTypes,
-  labelKey: string,
-  options: arrayOf(object),
-  titleProps: object,
-  valueKey: string,
-  withUpperTitle: bool
-};
-export default WithTheme(retrieveStyle, retrieveMuiTheme)(UTRadioGroup);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)({}).hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},_extends.apply(null,arguments)}function _defineProperty(e,t,o){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function _toPropertyKey(e){var t=_toPrimitive(e,"string");return"symbol"==typeof t?t:t+""}function _toPrimitive(e,t){if("object"!=typeof e||!e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var r=o.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}import React,{Fragment,PureComponent}from"react";import FormControlLabel from"@material-ui/core/FormControlLabel";import Radio from"@material-ui/core/Radio";import RadioGroup from"@material-ui/core/RadioGroup";import{string,arrayOf,func,objectOf,bool,object,oneOfType,element}from"prop-types";import{buttonTypes}from"../../../../types/buttonTypes";import{fieldType,inputPropTypes}from"../../../../types/formTypes";import WithTheme from"../../../WithTheme";import UTFieldLabel from"../../../UTFieldLabel";import{mergeClasses}from"../../../../utils/classesUtils";import{retrieveStyle,retrieveMuiTheme}from"./theme";class UTRadioGroup extends PureComponent{constructor(){super(...arguments),_defineProperty(this,"handleChange",(e,t)=>this.props.input.onChange(t)),_defineProperty(this,"renderRadioItem",e=>{let{classes:t,index:o,option:r}=e;const{className:i,customRadioLabel:a,disabled:n,disableRipple:l=!1,input:s,labelKey:c,valueKey:p}=this.props,d=s.value===r[p],{dataTestId:m}=r;return React.createElement(FormControlLabel,{key:r[p],value:r[p],checked:d,classes:{root:"\n            ".concat(t.root,"\n            ").concat(d&&t.checkedRoot,"\n            ").concat(r.disabled&&t.disabledRoot,"\n          "),label:t.label},"data-testid":m,disabled:n||r.disabled,label:a?React.createElement(a,{option:r,checked:d}):r[c],control:React.createElement(Radio,{disableRipple:l,classes:{root:t.iconRoot,checked:"".concat(t.checked," ").concat(t.checkedIconRoot)},inputProps:{"data-testid":m?"".concat(m,".input.").concat(o):null}}),className:"".concat(t.formControlLabel," \n              ").concat(this.props.divider&&0===o&&t.topDivider," \n              ").concat(this.props.divider&&t.divider,"\n              ").concat(i)})})}render(){var e;const{actions:t,classNames:o={},classes:r,containerClassName:i,field:a,hideLabels:n,input:l,options:s,titleProps:c,withUpperTitle:p}=this.props,d=((null==a||null===(e=a.configuration)||void 0===e?void 0:e.ignore_title)||n)&&p&&(null==a?void 0:a.title),m=mergeClasses(r,o);return React.createElement(React.Fragment,null,d&&React.createElement(UTFieldLabel,_extends({actions:t,className:m.title,readOnly:a.read_only,required:a.required},c),null==a?void 0:a.title),React.createElement(RadioGroup,{name:l.name,value:l.value||"",className:i,onChange:this.handleChange},s.map((e,t)=>this.renderRadioItem({classes:m,index:t,option:e}))))}}UTRadioGroup.defaultProps={classes:{},labelKey:"name",valueKey:"value"},UTRadioGroup.propTypes={actions:arrayOf(buttonTypes),classes:objectOf(string),className:string,classNames:objectOf(string),containerClassName:string,customRadioLabel:oneOfType([element,func]),dataTestId:string,disabled:bool,disableRipple:bool,divider:bool,field:fieldType,hideLabels:bool,input:inputPropTypes,labelKey:string,options:arrayOf(object),titleProps:object,valueKey:string,withUpperTitle:bool};export default WithTheme(retrieveStyle,retrieveMuiTheme)(UTRadioGroup);

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

@@ -1,101 +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 {
-    formControlLabel: {
-      backgroundColor: getIn(theme, ['UTRadioGroup', 'formControlLabel', 'backgroundColor'], 'transparent'),
-      color: getIn(theme, ['UTRadioGroup', 'formControlLabel', 'color'], "".concat(Colors.gray)),
-      height: getIn(theme, ['UTRadioGroup', 'formControlLabel', 'height'], 36),
-      width: getIn(theme, ['UTRadioGroup', 'formControlLabel', 'width'], "100%"),
-      margin: getIn(theme, ['UTRadioGroup', 'formControlLabel', 'margin'], "0px 0px 0px 0px")
-    },
-    topDivider: {
-      borderTop: getIn(theme, ['UTRadioGroup', 'topDivider', 'borderTop'], "solid 1px ".concat(Colors.dividerBase))
-    },
-    divider: {
-      borderBottom: getIn(theme, ['UTRadioGroup', 'divider', 'borderBottom'], "solid 1px ".concat(Colors.dividerBase))
-    },
-    root: {
-      fontFamily: getIn(theme, ['UTRadioGroup', 'root', 'fontFamiliy'], "Roboto, Helvetica, sans-serif"),
-      backgroundColor: getIn(theme, ['UTRadioGroup', 'root', 'backgroundColor'], "".concat(Colors.white)),
-      height: getIn(theme, ['UTRadioGroup', 'root', 'height'], 38),
-      margin: getIn(theme, ['UTRadioGroup', 'root', 'margin'], "0px 0px 10px 0px"),
-      width: getIn(theme, ['UTRadioGroup', 'root', 'width'], '100%'),
-      transition: getIn(theme, ['UTRadioGroup', 'root', 'transition'], "all 350ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"),
-      willChange: 'left, width',
-      '&:hover:not($checkedRoot)': {
-        backgroundColor: getIn(theme, ['UTRadioGroup', 'root', 'hover', 'backgroundColor'], "transparent"),
-        transition: getIn(theme, ['UTRadioGroup', 'root', 'hoverTransition', 'transition'], 'background-color 0.75s ease')
-      },
-      '&$checkedRoot': {
-        backgroundColor: getIn(theme, ['UTRadioGroup', 'root', 'selectedColor', 'backgroundColor'], "transparent")
-      }
-    },
-    disabledRoot: {
-      opacity: getIn(theme, ['UTRadioGroup', 'disabledRoot', 'opacity'])
-    },
-    textColorPrimary: {
-      '&$checkedRoot': {
-        color: getIn(theme, ['UTRadioGroup', 'textColorPrimary', 'color'], "".concat(Colors.white))
-      }
-    },
-    checkedRoot: getIn(theme, ['UTRadioGroup', 'selected'], {})
-  };
-};
-export const retrieveMuiTheme = theme => createTheme({
-  typography: {
-    fontFamily: getIn(theme, ['Fonts', 'fontFamily'])
-  },
-  overrides: {
-    MuiTypography: {
-      body1: {
-        fontFamily: getIn(theme, ['Fonts', 'fontFamily'], 'Roboto'),
-        fontSize: getIn(theme, ['Fonts', 'fontSize'], "14px"),
-        color: getIn(theme, ['Fonts', 'color'], "currentColor"),
-        width: getIn(theme, ['UTRadioGroup', 'root', 'width'])
-      }
-    },
-    MuiRadio: {
-      colorSecondary: {
-        color: getIn(theme, ['UTRadioGroup', 'root', 'color'], "".concat(Colors.gray)),
-        '&$checked': {
-          color: getIn(theme, ['UTRadioGroup', 'selected', 'color'], "".concat(Colors.inputPrimary))
-        },
-        '&$disabled': {
-          color: getIn(theme, ['UTRadioGroup', 'disabled', 'color'], "".concat(Colors.disabledGray))
-        }
-      }
-    },
-    MuiFormLabel: {
-      root: {
-        color: getIn(theme, ['UTRadioGroup', 'formLabel', 'color']),
-        '&$error': {
-          color: getIn(theme, ['UTRadioGroup', 'formLabel', 'errorColor'], Colors.gray)
-        },
-        '&$focused': {
-          color: getIn(theme, ['UTRadioGroup', 'formLabel', 'focusedColor'], Colors.primary),
-          '&$error': {
-            color: theme.Palette.error['05']
-          }
-        },
-        fontFamily: getIn(theme, ['Fonts', 'fontFamily']),
-        fontSize: getIn(theme, ['UTRadioGroup', 'fontSize'], getIn(theme, ['Fonts', 'medium'], 14))
-      }
-    },
-    MuiFormHelperText: {
-      root: {
-        fontSize: getIn(theme, ['UTRadioGroup', 'helperText', 'fontSize'], 12),
-        color: theme.Palette.error['05']
-      }
-    },
-    MuiSvgIcon: {
-      root: {
-        fontSize: getIn(theme, ['UTRadioGroup', 'radioButton', 'fontSize'], 24)
-      }
-    }
-  }
-});
+import{getIn}from"seamless-immutable";import{createTheme}from"@material-ui/core/styles";import Colors from"../../../../scss/variables/colors.module.scss";export const retrieveStyle=o=>{let{theme:r}=o;return{formControlLabel:{backgroundColor:getIn(r,["UTRadioGroup","formControlLabel","backgroundColor"],"transparent"),color:getIn(r,["UTRadioGroup","formControlLabel","color"],"".concat(Colors.gray)),height:getIn(r,["UTRadioGroup","formControlLabel","height"],36),width:getIn(r,["UTRadioGroup","formControlLabel","width"],"100%"),margin:getIn(r,["UTRadioGroup","formControlLabel","margin"],"0px 0px 0px 0px")},topDivider:{borderTop:getIn(r,["UTRadioGroup","topDivider","borderTop"],"solid 1px ".concat(Colors.dividerBase))},divider:{borderBottom:getIn(r,["UTRadioGroup","divider","borderBottom"],"solid 1px ".concat(Colors.dividerBase))},root:{fontFamily:getIn(r,["UTRadioGroup","root","fontFamiliy"],"Roboto, Helvetica, sans-serif"),backgroundColor:getIn(r,["UTRadioGroup","root","backgroundColor"],"".concat(Colors.white)),height:getIn(r,["UTRadioGroup","root","height"],38),margin:getIn(r,["UTRadioGroup","root","margin"],"0px 0px 10px 0px"),width:getIn(r,["UTRadioGroup","root","width"],"100%"),transition:getIn(r,["UTRadioGroup","root","transition"],"all 350ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"),willChange:"left, width","&:hover:not($checkedRoot)":{backgroundColor:getIn(r,["UTRadioGroup","root","hover","backgroundColor"],"transparent"),transition:getIn(r,["UTRadioGroup","root","hoverTransition","transition"],"background-color 0.75s ease")},"&$checkedRoot":{backgroundColor:getIn(r,["UTRadioGroup","root","selectedColor","backgroundColor"],"transparent")}},disabledRoot:{opacity:getIn(r,["UTRadioGroup","disabledRoot","opacity"])},textColorPrimary:{"&$checkedRoot":{color:getIn(r,["UTRadioGroup","textColorPrimary","color"],"".concat(Colors.white))}},checkedRoot:getIn(r,["UTRadioGroup","selected"],{})}};export const retrieveMuiTheme=o=>createTheme({typography:{fontFamily:getIn(o,["Fonts","fontFamily"])},overrides:{MuiTypography:{body1:{fontFamily:getIn(o,["Fonts","fontFamily"],"Roboto"),fontSize:getIn(o,["Fonts","fontSize"],"14px"),color:getIn(o,["Fonts","color"],"currentColor"),width:getIn(o,["UTRadioGroup","root","width"])}},MuiRadio:{colorSecondary:{color:getIn(o,["UTRadioGroup","root","color"],"".concat(Colors.gray)),"&$checked":{color:getIn(o,["UTRadioGroup","selected","color"],"".concat(Colors.inputPrimary))},"&$disabled":{color:getIn(o,["UTRadioGroup","disabled","color"],"".concat(Colors.disabledGray))}}},MuiFormLabel:{root:{color:getIn(o,["UTRadioGroup","formLabel","color"]),"&$error":{color:getIn(o,["UTRadioGroup","formLabel","errorColor"],Colors.gray)},"&$focused":{color:getIn(o,["UTRadioGroup","formLabel","focusedColor"],Colors.primary),"&$error":{color:o.Palette.error["05"]}},fontFamily:getIn(o,["Fonts","fontFamily"]),fontSize:getIn(o,["UTRadioGroup","fontSize"],getIn(o,["Fonts","medium"],14))}},MuiFormHelperText:{root:{fontSize:getIn(o,["UTRadioGroup","helperText","fontSize"],12),color:o.Palette.error["05"]}},MuiSvgIcon:{root:{fontSize:getIn(o,["UTRadioGroup","radioButton","fontSize"],24)}}}});

package/dist/esm/components/UTRadioGroup/versions/V1/components/Radio/constants.js

@@ -1,8 +1 @@
-export const RADIO_VARIANTS = {
-  DEFAULT: 'default',
-  BUTTON: 'button',
-  CARD: 'card'
-};
-export const ICON_SIZES = {
-  [RADIO_VARIANTS.CARD]: 48
-};
+export const RADIO_VARIANTS={DEFAULT:"default",BUTTON:"button",CARD:"card"};export const ICON_SIZES={[RADIO_VARIANTS.CARD]:48};

package/dist/esm/components/UTRadioGroup/versions/V1/components/Radio/index.js

@@ -1,80 +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 from 'react';
-import MaterialRadio from '@material-ui/core/Radio';
-import { object, bool, func, string } from 'prop-types';
-import UTTouchableWithoutFeedback from '../../../../../UTTouchableWithoutFeedback';
-import UTIcon from '../../../../../UTIcon';
-import UTLabel from '../../../../../UTLabel';
-import WithTheme from '../../../../../WithTheme';
-import { retrieveStyle, retrieveMuiTheme } from './theme';
-import { RADIO_VARIANTS, ICON_SIZES } from './constants';
-const Radio = _ref => {
-  let {
-    classes,
-    description,
-    descriptionProps = {},
-    disabled,
-    icon,
-    iconProps = {},
-    iconSelectedProps = {},
-    name,
-    nameProps = {},
-    nameSelectedProps = {},
-    onChange,
-    prefix,
-    selected,
-    suffix,
-    variant = RADIO_VARIANTS.DEFAULT
-  } = _ref;
-  return /*#__PURE__*/React.createElement(UTTouchableWithoutFeedback, {
-    className: classes.root,
-    onClick: () => !disabled && onChange()
-  }, variant === RADIO_VARIANTS.DEFAULT && /*#__PURE__*/React.createElement(MaterialRadio, {
-    checked: selected,
-    onChange: onChange,
-    value: name,
-    disabled: disabled
-  }), /*#__PURE__*/React.createElement("div", {
-    className: classes.content
-  }, icon && /*#__PURE__*/React.createElement(UTIcon, _extends({
-    name: icon,
-    colorTheme: selected ? 'accent' : 'dark',
-    size: ICON_SIZES[variant]
-  }, iconProps, selected ? iconSelectedProps : {})), /*#__PURE__*/React.createElement("div", {
-    className: classes.contentContainer
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classes.content
-  }, prefix && /*#__PURE__*/React.createElement(UTLabel, {
-    colorTheme: "gray"
-  }, prefix), name && /*#__PURE__*/React.createElement(UTLabel, _extends({
-    colorTheme: selected ? 'accent' : 'dark'
-  }, nameProps, selected ? nameSelectedProps : {}), name), suffix && /*#__PURE__*/React.createElement(UTLabel, {
-    colorTheme: "gray",
-    variant: "small",
-    weight: "medium"
-  }, suffix)), /*#__PURE__*/React.createElement(UTLabel, _extends({
-    colorTheme: "gray",
-    variant: "body"
-  }, descriptionProps), description))), selected && [RADIO_VARIANTS.CARD, RADIO_VARIANTS.BUTTON].includes(variant) && /*#__PURE__*/React.createElement(UTIcon, {
-    name: "IconCheck",
-    colorTheme: "accent"
-  }));
-};
-Radio.propTypes = {
-  classes: object,
-  description: string,
-  descriptionProps: object,
-  disabled: bool,
-  icon: string,
-  iconProps: object,
-  iconSelectedProps: object,
-  name: string,
-  nameProps: object,
-  nameSelectedProps: object,
-  onChange: func,
-  prefix: string,
-  selected: bool,
-  suffix: string,
-  variant: string
-};
-export default WithTheme(retrieveStyle, retrieveMuiTheme)(Radio);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var a in o)({}).hasOwnProperty.call(o,a)&&(e[a]=o[a])}return e},_extends.apply(null,arguments)}import React from"react";import MaterialRadio from"@material-ui/core/Radio";import{object,bool,func,string}from"prop-types";import UTTouchableWithoutFeedback from"../../../../../UTTouchableWithoutFeedback";import UTIcon from"../../../../../UTIcon";import UTLabel from"../../../../../UTLabel";import WithTheme from"../../../../../WithTheme";import{retrieveStyle,retrieveMuiTheme}from"./theme";import{RADIO_VARIANTS,ICON_SIZES}from"./constants";const Radio=e=>{let{classes:t,description:o,descriptionProps:a={},disabled:r,icon:c,iconProps:n={},iconSelectedProps:i={},name:l,nameProps:s={},nameSelectedProps:m={},onChange:d,prefix:T,selected:p,suffix:b,variant:h=RADIO_VARIANTS.DEFAULT}=e;return React.createElement(UTTouchableWithoutFeedback,{className:t.root,onClick:()=>!r&&d()},h===RADIO_VARIANTS.DEFAULT&&React.createElement(MaterialRadio,{checked:p,onChange:d,value:l,disabled:r}),React.createElement("div",{className:t.content},c&&React.createElement(UTIcon,_extends({name:c,colorTheme:p?"accent":"dark",size:ICON_SIZES[h]},n,p?i:{})),React.createElement("div",{className:t.contentContainer},React.createElement("div",{className:t.content},T&&React.createElement(UTLabel,{colorTheme:"gray"},T),l&&React.createElement(UTLabel,_extends({colorTheme:p?"accent":"dark"},s,p?m:{}),l),b&&React.createElement(UTLabel,{colorTheme:"gray",variant:"small",weight:"medium"},b)),React.createElement(UTLabel,_extends({colorTheme:"gray",variant:"body"},a),o))),p&&[RADIO_VARIANTS.CARD,RADIO_VARIANTS.BUTTON].includes(h)&&React.createElement(UTIcon,{name:"IconCheck",colorTheme:"accent"}))};Radio.propTypes={classes:object,description:string,descriptionProps:object,disabled:bool,icon:string,iconProps:object,iconSelectedProps:object,name:string,nameProps:object,nameSelectedProps:object,onChange:func,prefix:string,selected:bool,suffix:string,variant:string};export default WithTheme(retrieveStyle,retrieveMuiTheme)(Radio);

package/dist/esm/components/UTRadioGroup/versions/V1/components/Radio/theme.js

@@ -1,152 +1 @@
-import { createTheme } from '@material-ui/core/styles';
-import { getShadow } from '../../../../../../utils/shadowUtils';
-import { SPACING } from '../../constants';
-import { RADIO_VARIANTS } from './constants';
-export const retrieveStyle = _ref => {
-  var _theme$Palette$action, _theme$Palette$action2, _theme$Palette$action3, _theme$Palette$shadow;
-  let {
-    theme,
-    variant = RADIO_VARIANTS.DEFAULT,
-    disabled,
-    selected,
-    spacing = SPACING.MEDIUM,
-    reversed
-  } = _ref;
-  const accent01 = ((_theme$Palette$action = theme.Palette.actions) === null || _theme$Palette$action === void 0 ? void 0 : _theme$Palette$action.accent['01']) || theme.Palette.accent['01'];
-  const accent02 = ((_theme$Palette$action2 = theme.Palette.actions) === null || _theme$Palette$action2 === void 0 ? void 0 : _theme$Palette$action2.accent['02']) || theme.Palette.accent['02'];
-  const accent05 = ((_theme$Palette$action3 = theme.Palette.actions) === null || _theme$Palette$action3 === void 0 ? void 0 : _theme$Palette$action3.accent['05']) || theme.Palette.accent['05'];
-  const baseTheme = {
-    [RADIO_VARIANTS.CARD]: {
-      backgroundColor: theme.Palette.light['01'],
-      boxShadow: getShadow({
-        color: (_theme$Palette$shadow = theme.Palette.shadows) === null || _theme$Palette$shadow === void 0 ? void 0 : _theme$Palette$shadow.grayscale,
-        level: 1
-      }),
-      outline: "2px solid transparent",
-      '&:hover': {
-        backgroundColor: theme.Palette.light['03'],
-        boxShadow: 'none'
-      },
-      '&:active': {
-        backgroundColor: theme.Palette.light['04'],
-        boxShadow: 'none',
-        '& $aditionalInfoDescription': {
-          color: theme.Palette.gray['03']
-        }
-      }
-    },
-    [RADIO_VARIANTS.BUTTON]: {
-      backgroundColor: theme.Palette.light['01'],
-      '&:hover': {
-        backgroundColor: theme.Palette.light['03']
-      },
-      '&:active': {
-        backgroundColor: theme.Palette.light['04']
-      }
-    },
-    [RADIO_VARIANTS.DEFAULT]: {}
-  }[variant];
-  const selectedTheme = {
-    [RADIO_VARIANTS.CARD]: {
-      boxShadow: 'none',
-      outline: "2px solid ".concat(accent05),
-      '& $titleText, & $description, & $aditionalInfoTitle, & $aditionalInfoDescription': {
-        color: accent05
-      },
-      '& $icon path, & $infoIcon path, & $checkIcon path': {
-        fill: accent05
-      },
-      '&:hover': {
-        backgroundColor: accent01,
-        outline: "2px solid ".concat(accent05)
-      },
-      '&:active': {
-        backgroundColor: accent02,
-        outline: "2px solid ".concat(accent05)
-      }
-    },
-    [RADIO_VARIANTS.BUTTON]: {},
-    [RADIO_VARIANTS.DEFAULT]: {}
-  }[variant];
-  const disabledTheme = {
-    [RADIO_VARIANTS.CARD]: {
-      backgroundColor: theme.Palette.light['03'],
-      boxShadow: 'none',
-      outline: "2px solid transparent",
-      '& $titleText, & $description, & $aditionalInfoTitle, & $aditionalInfoDescription': {
-        color: theme.Palette.gray['04']
-      },
-      '& $icon path, & $infoIcon path, & $checkIcon path': {
-        fill: theme.Palette.gray['04']
-      },
-      '&:hover': {
-        backgroundColor: theme.Palette.light['03'],
-        outline: "2px solid transparent",
-        pointerEvents: 'none'
-      }
-    },
-    [RADIO_VARIANTS.BUTTON]: {
-      backgroundColor: theme.Palette.light['01'],
-      opacity: 0.5
-    },
-    [RADIO_VARIANTS.DEFAULT]: {
-      opacity: 0.5
-    }
-  }[variant];
-  return {
-    root: {
-      alignItems: 'center',
-      borderRadius: '8px',
-      display: 'flex',
-      flexDirection: 'row',
-      gap: {
-        [SPACING.SMALL]: '8px',
-        [SPACING.MEDIUM]: '16px'
-      }[spacing],
-      minHeight: '24px',
-      overflow: 'hidden',
-      padding: '12px 16px',
-      ...(disabled ? disabledTheme : selected ? selectedTheme : baseTheme)
-    },
-    content: {
-      alignItems: 'center',
-      display: 'flex',
-      flexDirection: reversed ? 'row-reverse' : 'row',
-      gap: {
-        [SPACING.SMALL]: '8px',
-        [SPACING.MEDIUM]: '16px'
-      }[spacing],
-      marginRight: 'auto'
-    },
-    name: {
-      colorTheme: 'accent'
-    },
-    contentContainer: {
-      display: 'flex',
-      flexDirection: 'column',
-      gap: '4px'
-    }
-  };
-};
-export const retrieveMuiTheme = theme => {
-  var _theme$Palette$action4;
-  const accent04 = ((_theme$Palette$action4 = theme.Palette.actions) === null || _theme$Palette$action4 === void 0 ? void 0 : _theme$Palette$action4.accent['04']) || theme.Palette.accent['04'];
-  return createTheme({
-    overrides: {
-      MuiRadio: {
-        colorSecondary: {
-          color: accent04,
-          '&$checked': {
-            color: accent04
-          },
-          '&$disabled': {
-            color: theme.Palette.gray['04']
-          }
-        },
-        root: {
-          padding: 0
-        }
-      }
-    }
-  });
-};
+import{createTheme}from"@material-ui/core/styles";import{getShadow}from"../../../../../../utils/shadowUtils";import{SPACING}from"../../constants";import{RADIO_VARIANTS}from"./constants";export const retrieveStyle=o=>{var e,t,a,n;let{theme:l,variant:i=RADIO_VARIANTS.DEFAULT,disabled:r,selected:c,spacing:d=SPACING.MEDIUM,reversed:s}=o;const A=(null===(e=l.Palette.actions)||void 0===e?void 0:e.accent["01"])||l.Palette.accent["01"],p=(null===(t=l.Palette.actions)||void 0===t?void 0:t.accent["02"])||l.Palette.accent["02"],I=(null===(a=l.Palette.actions)||void 0===a?void 0:a.accent["05"])||l.Palette.accent["05"],h={[RADIO_VARIANTS.CARD]:{backgroundColor:l.Palette.light["01"],boxShadow:getShadow({color:null===(n=l.Palette.shadows)||void 0===n?void 0:n.grayscale,level:1}),outline:"2px solid transparent","&:hover":{backgroundColor:l.Palette.light["03"],boxShadow:"none"},"&:active":{backgroundColor:l.Palette.light["04"],boxShadow:"none","& $aditionalInfoDescription":{color:l.Palette.gray["03"]}}},[RADIO_VARIANTS.BUTTON]:{backgroundColor:l.Palette.light["01"],"&:hover":{backgroundColor:l.Palette.light["03"]},"&:active":{backgroundColor:l.Palette.light["04"]}},[RADIO_VARIANTS.DEFAULT]:{}}[i],g={[RADIO_VARIANTS.CARD]:{boxShadow:"none",outline:"2px solid ".concat(I),"& $titleText, & $description, & $aditionalInfoTitle, & $aditionalInfoDescription":{color:I},"& $icon path, & $infoIcon path, & $checkIcon path":{fill:I},"&:hover":{backgroundColor:A,outline:"2px solid ".concat(I)},"&:active":{backgroundColor:p,outline:"2px solid ".concat(I)}},[RADIO_VARIANTS.BUTTON]:{},[RADIO_VARIANTS.DEFAULT]:{}}[i],u={[RADIO_VARIANTS.CARD]:{backgroundColor:l.Palette.light["03"],boxShadow:"none",outline:"2px solid transparent","& $titleText, & $description, & $aditionalInfoTitle, & $aditionalInfoDescription":{color:l.Palette.gray["04"]},"& $icon path, & $infoIcon path, & $checkIcon path":{fill:l.Palette.gray["04"]},"&:hover":{backgroundColor:l.Palette.light["03"],outline:"2px solid transparent",pointerEvents:"none"}},[RADIO_VARIANTS.BUTTON]:{backgroundColor:l.Palette.light["01"],opacity:.5},[RADIO_VARIANTS.DEFAULT]:{opacity:.5}}[i];return{root:{alignItems:"center",borderRadius:"8px",display:"flex",flexDirection:"row",gap:{[SPACING.SMALL]:"8px",[SPACING.MEDIUM]:"16px"}[d],minHeight:"24px",overflow:"hidden",padding:"12px 16px",...r?u:c?g:h},content:{alignItems:"center",display:"flex",flexDirection:s?"row-reverse":"row",gap:{[SPACING.SMALL]:"8px",[SPACING.MEDIUM]:"16px"}[d],marginRight:"auto"},name:{colorTheme:"accent"},contentContainer:{display:"flex",flexDirection:"column",gap:"4px"}}};export const retrieveMuiTheme=o=>{var e;const t=(null===(e=o.Palette.actions)||void 0===e?void 0:e.accent["04"])||o.Palette.accent["04"];return createTheme({overrides:{MuiRadio:{colorSecondary:{color:t,"&$checked":{color:t},"&$disabled":{color:o.Palette.gray["04"]}},root:{padding:0}}}})};

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

@@ -1,6 +1 @@
-export const SPACING = {
-  NONE: 'none',
-  SMALL: 'small',
-  MEDIUM: 'medium'
-};
-export const NO_CATEGORY = 'No Category';
+export const SPACING={NONE:"none",SMALL:"small",MEDIUM:"medium"};export const NO_CATEGORY="No Category";