@widergy/energy-ui 3.173.2 → 3.173.4

package/dist/esm/components/UTSelect/versions/V0/constants.js

@@ -1,4 +1 @@
-export const VALUE_KEY = 'value';
-export const LABEL_KEY = 'name';
-export const MENU_TITLE = 'Seleccione una opción';
-export const MENU_TITLE_MULTIPLE = 'Seleccione una o más opciones';
+export const VALUE_KEY="value";export const LABEL_KEY="name";export const MENU_TITLE="Seleccione una opción";export const MENU_TITLE_MULTIPLE="Seleccione una o más opciones";

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

@@ -1,210 +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 clone from 'lodash/clone';
-import FormControl from '@material-ui/core/FormControl';
-import FormHelperText from '@material-ui/core/FormHelperText';
-import Grid from '@material-ui/core/Grid';
-import HelpOutline from '@material-ui/icons/HelpOutline';
-import InputLabel from '@material-ui/core/InputLabel';
-import ListSubheader from '@material-ui/core/ListSubheader';
-import MenuItem from '@material-ui/core/MenuItem';
-import React, { useEffect, useMemo, Fragment } from 'react';
-import Select from '@material-ui/core/Select';
-import { arrayOf, bool, node, object, objectOf, shape, string } from 'prop-types';
-import { isEmpty } from '@widergy/web-utils/lib/array';
-import { shouldShowErrors } from '@widergy/web-utils/lib/form';
-import UTLabel from '../../../UTLabel';
-import UTTooltip from '../../../UTTooltip';
-import WithTheme from '../../../WithTheme';
-import { fieldType, inputPropTypes, metaPropTypes } from '../../../../types/formTypes';
-import { mergeClasses } from '../../../../utils/classesUtils';
-import Option from './components/Option';
-import styles from './styles.module.scss';
-import stylesJS from './stylesJS';
-import { LABEL_KEY, MENU_TITLE, MENU_TITLE_MULTIPLE, VALUE_KEY } from './constants';
-import { retrieveStyle, retrieveMuiTheme } from './theme';
-import { shouldReset } from './utils';
-const UTSelect = _ref => {
-  let {
-    captionLabel,
-    classNames,
-    classes: themeClasses,
-    dataTestId,
-    disableFirstOption,
-    disabled,
-    errorDataTestId,
-    field,
-    iconPlaceholder: IconPlaceholder,
-    input,
-    itemDataTestId,
-    labelKey,
-    labelProps,
-    listDataTestId,
-    menuPlaceholder,
-    meta,
-    options,
-    placeholder,
-    selectProps,
-    tooltip,
-    valueKey,
-    variant,
-    withAutoReset,
-    withOrder,
-    withoutFirstOption
-  } = _ref;
-  const {
-    multiple: isMultiple,
-    upperTitle
-  } = (field === null || field === void 0 ? void 0 : field.configuration) || {};
-  const classes = useMemo(() => mergeClasses(themeClasses, classNames), [classNames]);
-  useEffect(() => {
-    if (withAutoReset && shouldReset(input.value, options, valueKey, isMultiple)) input.onChange(null);
-  }, [options]);
-  const handleChange = event => input.onChange(event.target.value);
-  const handleRenderValue = selected => {
-    const selectedOptions = options.filter(option => selected.includes(option[valueKey]));
-    return selectedOptions.map(selection => selection[labelKey]).join(', ');
-  };
-  let sortedOptions = [...options];
-  sortedOptions = withOrder ? sortedOptions.sort((a, b) => a.order < b.order ? -1 : 1) : sortedOptions;
-  const optionCommonProps = {
-    classes,
-    isMultiple,
-    labelKey,
-    value: input.value,
-    valueKey
-  };
-  const SelectInput = /*#__PURE__*/React.createElement(Fragment, null, upperTitle && /*#__PURE__*/React.createElement(UTLabel, {
-    className: classes.upperTitle
-  }, upperTitle), /*#__PURE__*/React.createElement(FormControl, {
-    className: classes.formControl,
-    error: shouldShowErrors(meta),
-    variant: variant
-  }, /*#__PURE__*/React.createElement(InputLabel, _extends({}, labelProps, {
-    disabled: disabled
-  }), IconPlaceholder ? /*#__PURE__*/React.createElement("div", {
-    className: classes.labelContainer
-  }, /*#__PURE__*/React.createElement(IconPlaceholder, {
-    className: classes.labelIcon
-  }), /*#__PURE__*/React.createElement("div", null, placeholder)) : placeholder), /*#__PURE__*/React.createElement(Select, _extends({
-    classes: {
-      nativeInput: styles.nativeInput
-    },
-    disabled: disabled,
-    inputProps: {
-      'data-testid': dataTestId
-    },
-    label: variant === 'outlined' && placeholder,
-    MenuProps: {
-      MenuListProps: {
-        'data-testid': listDataTestId
-      }
-    },
-    multiple: isMultiple,
-    name: input.name,
-    onChange: handleChange,
-    value: isMultiple ? isEmpty(input.value) ? [] : clone(input.value) : input.value
-  }, isMultiple ? {
-    renderValue: handleRenderValue
-  } : {}, selectProps), !withoutFirstOption && /*#__PURE__*/React.createElement(MenuItem, {
-    "data-testid": "".concat(itemDataTestId, ".firstOption"),
-    disabled: isMultiple || disableFirstOption,
-    value: ""
-  }, menuPlaceholder || (isMultiple ? MENU_TITLE_MULTIPLE : MENU_TITLE)), sortedOptions.map((option, i) => isEmpty(option.subOptions) ? /*#__PURE__*/React.createElement(MenuItem, {
-    "data-testid": "".concat(itemDataTestId, ".").concat(i),
-    key: option[valueKey],
-    value: option[valueKey]
-  }, /*#__PURE__*/React.createElement(Option, _extends({
-    optionProps: option
-  }, optionCommonProps))) : [/*#__PURE__*/React.createElement(ListSubheader, {
-    className: styles.subHeader
-  }, option[labelKey]), option.subOptions.map((subOption, index) => /*#__PURE__*/React.createElement(MenuItem, {
-    className: classes.subOption,
-    "data-testid": "".concat(itemDataTestId, ".").concat(index),
-    key: subOption[valueKey],
-    value: subOption[valueKey]
-  }, /*#__PURE__*/React.createElement(Option, _extends({
-    isSuboption: true,
-    optionProps: subOption
-  }, optionCommonProps))))])), captionLabel && /*#__PURE__*/React.createElement(FormHelperText, {
-    classes: {
-      ...classes.formHelperText
-    }
-  }, captionLabel), shouldShowErrors(meta) && /*#__PURE__*/React.createElement(UTLabel, {
-    className: styles.errorLabel,
-    colorTheme: "error",
-    dataTestId: errorDataTestId,
-    variant: "small"
-  }, meta.error)));
-  return /*#__PURE__*/React.createElement("div", {
-    className: classes.container
-  }, tooltip ? /*#__PURE__*/React.createElement(Grid, {
-    alignItems: "flex-end",
-    container: true,
-    spacing: 1,
-    style: stylesJS.gridContainer
-  }, /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: true
-  }, SelectInput), /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    style: stylesJS.icon
-  }, /*#__PURE__*/React.createElement(UTTooltip, {
-    content: tooltip
-  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(HelpOutline, {
-    className: classes.tooltipIcon
-  }))))) : SelectInput);
-};
-UTSelect.defaultProps = {
-  classNames: {},
-  classes: {},
-  field: {
-    configuration: {
-      multiple: false
-    }
-  },
-  labelKey: LABEL_KEY,
-  labelProps: {},
-  meta: {},
-  options: [],
-  selectProps: {},
-  valueKey: VALUE_KEY,
-  withAutoReset: true,
-  withoutFirstOption: false
-};
-UTSelect.propTypes = {
-  captionLabel: string,
-  classNames: objectOf(string),
-  classes: shape({
-    container: string,
-    labelContainer: string,
-    formControl: string,
-    formHelperText: objectOf(string),
-    labelIcon: string,
-    optionIcon: string,
-    tooltipIcon: string,
-    upperTitle: string
-  }),
-  dataTestId: string,
-  disableFirstOption: bool,
-  disabled: bool,
-  errorDataTestId: string,
-  field: fieldType,
-  iconPlaceholder: node,
-  input: inputPropTypes,
-  itemDataTestId: string,
-  labelKey: string,
-  labelProps: object,
-  listDataTestId: string,
-  menuPlaceholder: string,
-  meta: metaPropTypes,
-  options: arrayOf(object),
-  placeholder: string,
-  selectProps: object,
-  tooltip: string,
-  valueKey: string,
-  variant: string,
-  withAutoReset: bool,
-  withOrder: bool,
-  withoutFirstOption: bool
-};
-export default WithTheme(retrieveStyle, retrieveMuiTheme)(UTSelect);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}import clone from"lodash/clone";import FormControl from"@material-ui/core/FormControl";import FormHelperText from"@material-ui/core/FormHelperText";import Grid from"@material-ui/core/Grid";import HelpOutline from"@material-ui/icons/HelpOutline";import InputLabel from"@material-ui/core/InputLabel";import ListSubheader from"@material-ui/core/ListSubheader";import MenuItem from"@material-ui/core/MenuItem";import React,{useEffect,useMemo,Fragment}from"react";import Select from"@material-ui/core/Select";import{arrayOf,bool,node,object,objectOf,shape,string}from"prop-types";import{isEmpty}from"@widergy/web-utils/lib/array";import{shouldShowErrors}from"@widergy/web-utils/lib/form";import UTLabel from"../../../UTLabel";import UTTooltip from"../../../UTTooltip";import WithTheme from"../../../WithTheme";import{fieldType,inputPropTypes,metaPropTypes}from"../../../../types/formTypes";import{mergeClasses}from"../../../../utils/classesUtils";import Option from"./components/Option";import styles from"./styles.module.scss";import stylesJS from"./stylesJS";import{LABEL_KEY,MENU_TITLE,MENU_TITLE_MULTIPLE,VALUE_KEY}from"./constants";import{retrieveStyle,retrieveMuiTheme}from"./theme";import{shouldReset}from"./utils";const UTSelect=e=>{let{captionLabel:t,classNames:r,classes:a,dataTestId:o,disableFirstOption:l,disabled:s,errorDataTestId:i,field:n,iconPlaceholder:m,input:c,itemDataTestId:p,labelKey:u,labelProps:d,listDataTestId:b,menuPlaceholder:f,meta:T,options:E,placeholder:h,selectProps:y,tooltip:g,valueKey:v,variant:I,withAutoReset:R,withOrder:L,withoutFirstOption:O}=e;const{multiple:P,upperTitle:S}=(null==n?void 0:n.configuration)||{},U=useMemo(()=>mergeClasses(a,r),[r]);useEffect(()=>{R&&shouldReset(c.value,E,v,P)&&c.onChange(null)},[E]);let M=[...E];M=L?M.sort((e,t)=>e.order<t.order?-1:1):M;const _={classes:U,isMultiple:P,labelKey:u,value:c.value,valueKey:v},w=React.createElement(Fragment,null,S&&React.createElement(UTLabel,{className:U.upperTitle},S),React.createElement(FormControl,{className:U.formControl,error:shouldShowErrors(T),variant:I},React.createElement(InputLabel,_extends({},d,{disabled:s}),m?React.createElement("div",{className:U.labelContainer},React.createElement(m,{className:U.labelIcon}),React.createElement("div",null,h)):h),React.createElement(Select,_extends({classes:{nativeInput:styles.nativeInput},disabled:s,inputProps:{"data-testid":o},label:"outlined"===I&&h,MenuProps:{MenuListProps:{"data-testid":b}},multiple:P,name:c.name,onChange:e=>c.onChange(e.target.value),value:P?isEmpty(c.value)?[]:clone(c.value):c.value},P?{renderValue:e=>E.filter(t=>e.includes(t[v])).map(e=>e[u]).join(", ")}:{},y),!O&&React.createElement(MenuItem,{"data-testid":"".concat(p,".firstOption"),disabled:P||l,value:""},f||(P?MENU_TITLE_MULTIPLE:MENU_TITLE)),M.map((e,t)=>isEmpty(e.subOptions)?React.createElement(MenuItem,{"data-testid":"".concat(p,".").concat(t),key:e[v],value:e[v]},React.createElement(Option,_extends({optionProps:e},_))):[React.createElement(ListSubheader,{className:styles.subHeader},e[u]),e.subOptions.map((e,t)=>React.createElement(MenuItem,{className:U.subOption,"data-testid":"".concat(p,".").concat(t),key:e[v],value:e[v]},React.createElement(Option,_extends({isSuboption:!0,optionProps:e},_))))])),t&&React.createElement(FormHelperText,{classes:{...U.formHelperText}},t),shouldShowErrors(T)&&React.createElement(UTLabel,{className:styles.errorLabel,colorTheme:"error",dataTestId:i,variant:"small"},T.error)));return React.createElement("div",{className:U.container},g?React.createElement(Grid,{alignItems:"flex-end",container:!0,spacing:1,style:stylesJS.gridContainer},React.createElement(Grid,{item:!0,xs:!0},w),React.createElement(Grid,{item:!0,style:stylesJS.icon},React.createElement(UTTooltip,{content:g},React.createElement("span",null,React.createElement(HelpOutline,{className:U.tooltipIcon}))))):w)};UTSelect.defaultProps={classNames:{},classes:{},field:{configuration:{multiple:!1}},labelKey:LABEL_KEY,labelProps:{},meta:{},options:[],selectProps:{},valueKey:VALUE_KEY,withAutoReset:!0,withoutFirstOption:!1},UTSelect.propTypes={captionLabel:string,classNames:objectOf(string),classes:shape({container:string,labelContainer:string,formControl:string,formHelperText:objectOf(string),labelIcon:string,optionIcon:string,tooltipIcon:string,upperTitle:string}),dataTestId:string,disableFirstOption:bool,disabled:bool,errorDataTestId:string,field:fieldType,iconPlaceholder:node,input:inputPropTypes,itemDataTestId:string,labelKey:string,labelProps:object,listDataTestId:string,menuPlaceholder:string,meta:metaPropTypes,options:arrayOf(object),placeholder:string,selectProps:object,tooltip:string,valueKey:string,variant:string,withAutoReset:bool,withOrder:bool,withoutFirstOption:bool};export default WithTheme(retrieveStyle,retrieveMuiTheme)(UTSelect);

package/dist/esm/components/UTSelect/versions/V0/stylesJS.js

@@ -1,11 +1 @@
-import Colors from '../../../../scss/variables/colors.module.scss';
-export default {
-  icon: {
-    alignSelf: 'baseline',
-    paddingTop: 25,
-    color: Colors.lightBlue
-  },
-  gridContainer: {
-    flexWrap: 'nowrap'
-  }
-};
+import Colors from"../../../../scss/variables/colors.module.scss";export default{icon:{alignSelf:"baseline",paddingTop:25,color:Colors.lightBlue},gridContainer:{flexWrap:"nowrap"}};

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

@@ -1,198 +1 @@
-import { getIn } from 'seamless-immutable';
-import { createTheme } from '@material-ui/core/styles';
-import merge from 'lodash/merge';
-import Colors from '../../../../scss/variables/colors.module.scss';
-export const retrieveStyle = _ref => {
-  let {
-    theme
-  } = _ref;
-  return {
-    container: {
-      display: getIn(theme, ['UTSelect', 'container', 'display'], 'flex'),
-      flexShrink: getIn(theme, ['UTSelect', 'container', 'flexShrink'], '0'),
-      width: getIn(theme, ['UTSelect', 'container', 'width'], '100%'),
-      margin: getIn(theme, ['UTSelect', 'container', 'margin'], '0'),
-      color: getIn(theme, ['UTSelect', 'container', 'color'], "".concat(Colors.gray)),
-      flexDirection: getIn(theme, ['UTSelect', 'container', 'flexDirection'], 'column'),
-      alignItems: getIn(theme, ['UTSelect', 'container', 'alignItems'])
-    },
-    formControl: {
-      width: getIn(theme, ['UTSelect', 'formControl', 'width'], '100%')
-    },
-    tooltipIcon: {
-      color: getIn(theme, ['UTSelect', 'tooltipIcon', 'color'], 'currentColor')
-    },
-    labelIcon: {
-      height: getIn(theme, ['UTSelect', 'inputIcon', 'height'], '12px'),
-      width: getIn(theme, ['UTSelect', 'inputIcon', 'width'], 'auto'),
-      fill: getIn(theme, ['UTSelect', 'inputIcon', 'fill'], "".concat(Colors.gray)),
-      padding: getIn(theme, ['UTSelect', 'inputIcon', 'padding'], '0px 5px 0px 0px')
-    },
-    optionIcon: {
-      height: getIn(theme, ['UTSelect', 'inputIcon', 'height'], '20px'),
-      width: getIn(theme, ['UTSelect', 'inputIcon', 'width'], 'auto'),
-      fill: getIn(theme, ['UTSelect', 'inputIcon', 'fill'], "".concat(Colors.gray)),
-      padding: getIn(theme, ['UTSelect', 'inputIcon', 'padding'], '0px 10px 0px 0px')
-    },
-    labelContainer: {
-      display: 'flex',
-      width: '100%',
-      alignItems: 'center'
-    },
-    upperTitle: {
-      fontWeight: getIn(theme, ['UTSelect', 'upperTitle', 'fontWeight']),
-      display: 'block',
-      marginBottom: getIn(theme, ['UTSelect', 'upperTitle', 'marginBottom'])
-    },
-    subOption: {
-      textIndent: getIn(theme, ['UTSelect', 'subOption', 'textIndent'], 15)
-    }
-  };
-};
-export const retrieveMuiTheme = (theme, muiTheme) => {
-  const mui = {
-    typography: {
-      fontFamily: getIn(theme, ['Fonts', 'fontFamily'])
-    },
-    overrides: {
-      MuiSelect: {
-        select: {
-          borderRadius: getIn(theme, ['UTSelect', 'select', 'borderRadius']),
-          padding: getIn(theme, ['UTSelect', 'select', 'padding'])
-        }
-      },
-      MuiOutlinedInput: {
-        input: {
-          fontSize: getIn(theme, ['UTSelect', 'fontSize'], getIn(theme, ['Fonts', 'medium'], 14)),
-          color: getIn(theme, ['UTTextInput', 'color'])
-        },
-        root: {
-          '&:hover:not($disabled):not($focused):not($error) $notchedOutline': {
-            border: getIn(theme, ['UTSelect', 'notchedOutline', 'hover', 'border'], "1px solid ".concat(Colors.gray)),
-            borderColor: getIn(theme, ['UTSelect', 'notchedOutline', 'hover', 'borderColor'], 'none')
-          },
-          '&$focused $notchedOutline': {
-            border: getIn(theme, ['UTSelect', 'notchedOutline', 'focused', 'border'], "2px solid ".concat(Colors.primary)),
-            borderColor: getIn(theme, ['UTSelect', 'notchedOutline', 'hover', 'borderColor'], 'none')
-          },
-          '&$disabled $notchedOutline': {
-            border: getIn(theme, ['UTSelect', 'notchedOutline', 'disabled', 'border'], "1px solid ".concat(Colors.gray)),
-            borderColor: getIn(theme, ['UTSelect', 'notchedOutline', 'hover', 'borderColor'], 'none')
-          }
-        },
-        notchedOutline: {
-          border: getIn(theme, ['UTSelect', 'notchedOutline', 'unfocused', 'border'], "1px solid ".concat(theme.Palette.error['05'])),
-          borderColor: getIn(theme, ['UTSelect', 'notchedOutline', 'hover', 'borderColor'], 'none')
-        }
-      },
-      MuiInput: {
-        root: {
-          top: getIn(theme, ['UTSelect', 'top'])
-        },
-        input: {
-          fontSize: getIn(theme, ['UTSelect', 'fontSize'], getIn(theme, ['Fonts', 'medium'], 14)),
-          color: getIn(theme, ['UTSelect', 'color']),
-          border: getIn(theme, ['UTSelect', 'border']),
-          padding: getIn(theme, ['UTSelect', 'padding']),
-          textAlign: getIn(theme, ['UTSelect', 'textAlign'], 'left'),
-          background: getIn(theme, ['UTSelect', 'background']),
-          borderRadius: getIn(theme, ['UTSelect', 'borderRadius'])
-        },
-        underline: {
-          '&:hover:not($disabled):not($focused):not($error):before': {
-            borderBottom: getIn(theme, ['UTSelect', 'underline', 'hover', 'borderBottom'], "1px solid ".concat(Colors.gray))
-          },
-          '&:hover:not($disabled):before': {
-            borderBottom: getIn(theme, ['UTSelect', 'underline', 'hover', 'borderBottom'], "1px solid ".concat(Colors.gray))
-          },
-          '&$disabled:before': {
-            borderBottom: getIn(theme, ['UTSelect', 'underline', 'disabled', 'borderBottom'], "1px solid ".concat(Colors.gray))
-          },
-          '&:before': {
-            borderBottom: getIn(theme, ['UTSelect', 'underline', 'unfocused', 'borderBottom'], "1px solid ".concat(Colors.gray))
-          },
-          '&$focused:after': {
-            borderBottom: getIn(theme, ['UTSelect', 'underline', 'focused', 'borderBottom'], "2px solid ".concat(Colors.inputPrimary))
-          },
-          '&:after': {
-            borderBottom: getIn(theme, ['UTSelect', 'underline', 'base', 'borderBottom'], "2px solid ".concat(Colors.inputPrimary))
-          },
-          '&$error:after': {
-            borderBottom: "2px solid ".concat(theme.Palette.error['05']),
-            borderBottomColor: theme.Palette.error['05']
-          }
-        }
-      },
-      MuiFormLabel: {
-        root: {
-          color: getIn(theme, ['UTSelect', 'formLabel', 'color']),
-          whiteSpace: getIn(theme, ['UTSelect', 'formLabel', 'whiteSpace'], 'initial'),
-          '&$error': {
-            color: getIn(theme, ['UTSelect', 'formLabel', 'errorColor'], theme.Palette.error['05'])
-          },
-          '&$focused': {
-            color: getIn(theme, ['UTSelect', 'formLabel', 'focusedColor'], Colors.inputPrimary),
-            '&$error': {
-              color: getIn(theme, ['UTSelect', 'formLabel', 'focusedErrorColor'], theme.Palette.error['05'])
-            }
-          },
-          fontFamily: getIn(theme, ['Fonts', 'fontFamily']),
-          fontSize: getIn(theme, ['UTSelect', 'formLabel', 'fontSize'], getIn(theme, ['UTSelect', 'fontSize'], getIn(theme, ['Fonts', 'medium'], 14))),
-          fontWeight: getIn(theme, ['UTSelect', 'formLabel', 'fontWeight']),
-          padding: getIn(theme, ['UTSelect', 'formLabel', 'padding'])
-        }
-      },
-      MuiInputLabel: {
-        shrink: {
-          padding: getIn(theme, ['UTSelect', 'formLabel', 'shrink', 'padding'], 0)
-        }
-      },
-      MuiFormHelperText: {
-        root: {
-          fontSize: getIn(theme, ['UTSelect', 'helperText', 'fontSize'], 12),
-          color: getIn(theme, ['UTSelect', 'helperText', 'color'], Colors.inputPrimary)
-        },
-        contained: {
-          marginLeft: 0
-        }
-      },
-      MuiCheckbox: {
-        root: {
-          color: getIn(theme, ['UTSelect', 'checkbox', 'color'], Colors.gray)
-        },
-        colorPrimary: {
-          color: getIn(theme, ['UTSelect', 'checkbox', 'color'], Colors.gray),
-          '&$checked': {
-            color: getIn(theme, ['UTSelect', 'checkbox', 'checkedColor'], Colors.inputPrimary)
-          }
-        }
-      },
-      MuiMenuItem: {
-        root: {
-          whiteSpace: getIn(theme, ['UTSelect', 'menuitem', 'whiteSpace'], 'initial'),
-          '&:hover': {
-            color: getIn(theme, ['UTSelect', 'menuitem', 'hover', 'color']),
-            background: getIn(theme, ['UTSelect', 'menuitem', 'hover', 'background'])
-          },
-          '&.Mui-selected': {
-            color: getIn(theme, ['UTSelect', 'menuitem', 'selected', 'color']),
-            background: getIn(theme, ['UTSelect', 'menuitem', 'selected', 'background']),
-            '&:hover': {
-              color: getIn(theme, ['UTSelect', 'menuitem', 'selected', 'hover', 'color']),
-              background: getIn(theme, ['UTSelect', 'menuitem', 'selected', 'hover', 'background'])
-            }
-          }
-        }
-      },
-      MuiListSubheader: {
-        root: {
-          fontWeight: getIn(theme, ['UTSelect', 'subheader', 'fontWeight'], 400),
-          lineHeight: getIn(theme, ['UTSelect', 'subheader', 'lineHeight'], 1.5),
-          paddingBottom: getIn(theme, ['UTSelect', 'subheader', 'paddingBottom'], 6),
-          paddingTop: getIn(theme, ['UTSelect', 'subheader', 'paddingTop'], 6)
-        }
-      }
-    }
-  };
-  return createTheme(merge(muiTheme, mui));
-};
+import{getIn}from"seamless-immutable";import{createTheme}from"@material-ui/core/styles";import merge from"lodash/merge";import Colors from"../../../../scss/variables/colors.module.scss";export const retrieveStyle=e=>{let{theme:t}=e;return{container:{display:getIn(t,["UTSelect","container","display"],"flex"),flexShrink:getIn(t,["UTSelect","container","flexShrink"],"0"),width:getIn(t,["UTSelect","container","width"],"100%"),margin:getIn(t,["UTSelect","container","margin"],"0"),color:getIn(t,["UTSelect","container","color"],"".concat(Colors.gray)),flexDirection:getIn(t,["UTSelect","container","flexDirection"],"column"),alignItems:getIn(t,["UTSelect","container","alignItems"])},formControl:{width:getIn(t,["UTSelect","formControl","width"],"100%")},tooltipIcon:{color:getIn(t,["UTSelect","tooltipIcon","color"],"currentColor")},labelIcon:{height:getIn(t,["UTSelect","inputIcon","height"],"12px"),width:getIn(t,["UTSelect","inputIcon","width"],"auto"),fill:getIn(t,["UTSelect","inputIcon","fill"],"".concat(Colors.gray)),padding:getIn(t,["UTSelect","inputIcon","padding"],"0px 5px 0px 0px")},optionIcon:{height:getIn(t,["UTSelect","inputIcon","height"],"20px"),width:getIn(t,["UTSelect","inputIcon","width"],"auto"),fill:getIn(t,["UTSelect","inputIcon","fill"],"".concat(Colors.gray)),padding:getIn(t,["UTSelect","inputIcon","padding"],"0px 10px 0px 0px")},labelContainer:{display:"flex",width:"100%",alignItems:"center"},upperTitle:{fontWeight:getIn(t,["UTSelect","upperTitle","fontWeight"]),display:"block",marginBottom:getIn(t,["UTSelect","upperTitle","marginBottom"])},subOption:{textIndent:getIn(t,["UTSelect","subOption","textIndent"],15)}}};export const retrieveMuiTheme=(e,t)=>{const o={typography:{fontFamily:getIn(e,["Fonts","fontFamily"])},overrides:{MuiSelect:{select:{borderRadius:getIn(e,["UTSelect","select","borderRadius"]),padding:getIn(e,["UTSelect","select","padding"])}},MuiOutlinedInput:{input:{fontSize:getIn(e,["UTSelect","fontSize"],getIn(e,["Fonts","medium"],14)),color:getIn(e,["UTTextInput","color"])},root:{"&:hover:not($disabled):not($focused):not($error) $notchedOutline":{border:getIn(e,["UTSelect","notchedOutline","hover","border"],"1px solid ".concat(Colors.gray)),borderColor:getIn(e,["UTSelect","notchedOutline","hover","borderColor"],"none")},"&$focused $notchedOutline":{border:getIn(e,["UTSelect","notchedOutline","focused","border"],"2px solid ".concat(Colors.primary)),borderColor:getIn(e,["UTSelect","notchedOutline","hover","borderColor"],"none")},"&$disabled $notchedOutline":{border:getIn(e,["UTSelect","notchedOutline","disabled","border"],"1px solid ".concat(Colors.gray)),borderColor:getIn(e,["UTSelect","notchedOutline","hover","borderColor"],"none")}},notchedOutline:{border:getIn(e,["UTSelect","notchedOutline","unfocused","border"],"1px solid ".concat(e.Palette.error["05"])),borderColor:getIn(e,["UTSelect","notchedOutline","hover","borderColor"],"none")}},MuiInput:{root:{top:getIn(e,["UTSelect","top"])},input:{fontSize:getIn(e,["UTSelect","fontSize"],getIn(e,["Fonts","medium"],14)),color:getIn(e,["UTSelect","color"]),border:getIn(e,["UTSelect","border"]),padding:getIn(e,["UTSelect","padding"]),textAlign:getIn(e,["UTSelect","textAlign"],"left"),background:getIn(e,["UTSelect","background"]),borderRadius:getIn(e,["UTSelect","borderRadius"])},underline:{"&:hover:not($disabled):not($focused):not($error):before":{borderBottom:getIn(e,["UTSelect","underline","hover","borderBottom"],"1px solid ".concat(Colors.gray))},"&:hover:not($disabled):before":{borderBottom:getIn(e,["UTSelect","underline","hover","borderBottom"],"1px solid ".concat(Colors.gray))},"&$disabled:before":{borderBottom:getIn(e,["UTSelect","underline","disabled","borderBottom"],"1px solid ".concat(Colors.gray))},"&:before":{borderBottom:getIn(e,["UTSelect","underline","unfocused","borderBottom"],"1px solid ".concat(Colors.gray))},"&$focused:after":{borderBottom:getIn(e,["UTSelect","underline","focused","borderBottom"],"2px solid ".concat(Colors.inputPrimary))},"&:after":{borderBottom:getIn(e,["UTSelect","underline","base","borderBottom"],"2px solid ".concat(Colors.inputPrimary))},"&$error:after":{borderBottom:"2px solid ".concat(e.Palette.error["05"]),borderBottomColor:e.Palette.error["05"]}}},MuiFormLabel:{root:{color:getIn(e,["UTSelect","formLabel","color"]),whiteSpace:getIn(e,["UTSelect","formLabel","whiteSpace"],"initial"),"&$error":{color:getIn(e,["UTSelect","formLabel","errorColor"],e.Palette.error["05"])},"&$focused":{color:getIn(e,["UTSelect","formLabel","focusedColor"],Colors.inputPrimary),"&$error":{color:getIn(e,["UTSelect","formLabel","focusedErrorColor"],e.Palette.error["05"])}},fontFamily:getIn(e,["Fonts","fontFamily"]),fontSize:getIn(e,["UTSelect","formLabel","fontSize"],getIn(e,["UTSelect","fontSize"],getIn(e,["Fonts","medium"],14))),fontWeight:getIn(e,["UTSelect","formLabel","fontWeight"]),padding:getIn(e,["UTSelect","formLabel","padding"])}},MuiInputLabel:{shrink:{padding:getIn(e,["UTSelect","formLabel","shrink","padding"],0)}},MuiFormHelperText:{root:{fontSize:getIn(e,["UTSelect","helperText","fontSize"],12),color:getIn(e,["UTSelect","helperText","color"],Colors.inputPrimary)},contained:{marginLeft:0}},MuiCheckbox:{root:{color:getIn(e,["UTSelect","checkbox","color"],Colors.gray)},colorPrimary:{color:getIn(e,["UTSelect","checkbox","color"],Colors.gray),"&$checked":{color:getIn(e,["UTSelect","checkbox","checkedColor"],Colors.inputPrimary)}}},MuiMenuItem:{root:{whiteSpace:getIn(e,["UTSelect","menuitem","whiteSpace"],"initial"),"&:hover":{color:getIn(e,["UTSelect","menuitem","hover","color"]),background:getIn(e,["UTSelect","menuitem","hover","background"])},"&.Mui-selected":{color:getIn(e,["UTSelect","menuitem","selected","color"]),background:getIn(e,["UTSelect","menuitem","selected","background"]),"&:hover":{color:getIn(e,["UTSelect","menuitem","selected","hover","color"]),background:getIn(e,["UTSelect","menuitem","selected","hover","background"])}}}},MuiListSubheader:{root:{fontWeight:getIn(e,["UTSelect","subheader","fontWeight"],400),lineHeight:getIn(e,["UTSelect","subheader","lineHeight"],1.5),paddingBottom:getIn(e,["UTSelect","subheader","paddingBottom"],6),paddingTop:getIn(e,["UTSelect","subheader","paddingTop"],6)}}}};return createTheme(merge(t,o))};

package/dist/esm/components/UTSelect/versions/V0/utils.js

@@ -1,7 +1 @@
-import { isEmpty } from '@widergy/web-utils/lib/array';
-const shouldResetMultipleSelect = (value, options, valueKey) => !isEmpty(value) && (isEmpty(options) || value.some(el => !options.some(opt => opt[valueKey] === el) && !options.some(opt => opt.subOptions && opt.subOptions.some(sub => sub[valueKey] === el))));
-const shouldResetSimpleSelect = (value, options, valueKey) => value && (isEmpty(options) || !options.some(el => el[valueKey] === value) && !options.some(el => el.subOptions && el.subOptions.some(sub => sub[valueKey] === value)));
-export const shouldReset = (value, options, valueKey, isMultiple) => {
-  if (isMultiple) return shouldResetMultipleSelect(value, options, valueKey);
-  return shouldResetSimpleSelect(value, options, valueKey);
-};
+import{isEmpty}from"@widergy/web-utils/lib/array";const shouldResetMultipleSelect=(e,s,t)=>!isEmpty(e)&&(isEmpty(s)||e.some(e=>!s.some(s=>s[t]===e)&&!s.some(s=>s.subOptions&&s.subOptions.some(s=>s[t]===e)))),shouldResetSimpleSelect=(e,s,t)=>e&&(isEmpty(s)||!s.some(s=>s[t]===e)&&!s.some(s=>s.subOptions&&s.subOptions.some(s=>s[t]===e)));export const shouldReset=(e,s,t,o)=>o?shouldResetMultipleSelect(e,s,t):shouldResetSimpleSelect(e,s,t);

package/dist/esm/components/UTSelect/versions/V1/components/InputComponent/index.js

@@ -1,108 +1 @@
-/* eslint-disable no-unused-vars */
-import React from 'react';
-import { arrayOf, bool, func, instanceOf, object, oneOf, oneOfType, shape, string } from 'prop-types';
-import UTBaseInputField from '../../../../../UTBaseInputField';
-import { VARIANTS } from '../../constants';
-const InputComponent = _ref => {
-  let {
-    alwaysShowPlaceholder,
-    dataTestId,
-    disabled,
-    error,
-    inputSize,
-    inputRef,
-    leftAdornments,
-    onBlur,
-    onChange,
-    onFocus,
-    params,
-    placeholder,
-    readOnly,
-    rightAdornments,
-    value,
-    variant
-  } = _ref;
-  const {
-    InputProps: {
-      startAdornment,
-      endAdornment,
-      className,
-      ...restInputProps
-    },
-    inputProps: {
-      onBlur: paramsOnBlur,
-      onChange: paramsOnChange,
-      onFocus: paramsOnFocus,
-      value: paramsValue,
-      ...restInputPropsFromField
-    },
-    ...restParams
-  } = params;
-  const isPicker = variant === VARIANTS.picker;
-  const modifiedParams = {
-    ...restParams,
-    InputProps: restInputProps,
-    inputProps: {
-      ...restInputPropsFromField,
-      ...(isPicker && {
-        readOnly: true,
-        style: {
-          cursor: 'default'
-        }
-      })
-    }
-  };
-  const fieldVariant = isPicker ? 'transparent' : 'white';
-  return /*#__PURE__*/React.createElement(UTBaseInputField, {
-    alwaysShowPlaceholder: alwaysShowPlaceholder,
-    dataTestId: dataTestId,
-    disabled: disabled,
-    error: error,
-    inputSize: inputSize,
-    inputRef: inputRef,
-    leftAdornments: leftAdornments,
-    muiProps: modifiedParams,
-    onBlur: onBlur,
-    onChange: onChange,
-    onFocus: onFocus,
-    placeholder: placeholder,
-    readOnly: readOnly,
-    rightAdornments: rightAdornments,
-    value: value,
-    variant: fieldVariant
-  });
-};
-InputComponent.propTypes = {
-  alwaysShowPlaceholder: bool,
-  dataTestId: string,
-  disabled: bool,
-  error: string,
-  inputSize: string,
-  inputRef: oneOfType([func, shape({
-    current: instanceOf(Element)
-  })]),
-  leftAdornments: arrayOf(shape({
-    name: string,
-    props: object
-  })),
-  onBlur: func,
-  onChange: func,
-  onFocus: func,
-  params: shape({
-    InputProps: object,
-    inputProps: shape({
-      onChange: func,
-      onBlur: func,
-      onFocus: func
-    })
-  }),
-  placeholder: string,
-  readOnly: bool,
-  rightAdornments: arrayOf(shape({
-    name: string,
-    props: object
-  })),
-  value: string,
-  variant: oneOf(Object.values(VARIANTS))
-};
-export default InputComponent;
+import React from"react";import{arrayOf,bool,func,instanceOf,object,oneOf,oneOfType,shape,string}from"prop-types";import UTBaseInputField from"../../../../../UTBaseInputField";import{VARIANTS}from"../../constants";const InputComponent=e=>{let{alwaysShowPlaceholder:n,dataTestId:o,disabled:r,error:t,inputSize:a,inputRef:s,leftAdornments:p,onBlur:l,onChange:u,onFocus:i,params:c,placeholder:d,readOnly:f,rightAdornments:m,value:h,variant:g}=e;const{InputProps:{startAdornment:y,endAdornment:I,className:A,...O},inputProps:{onBlur:b,onChange:T,onFocus:P,value:S,...v},...B}=c,C=g===VARIANTS.picker,F={...B,InputProps:O,inputProps:{...v,...C&&{readOnly:!0,style:{cursor:"default"}}}},R=C?"transparent":"white";return React.createElement(UTBaseInputField,{alwaysShowPlaceholder:n,dataTestId:o,disabled:r,error:t,inputSize:a,inputRef:s,leftAdornments:p,muiProps:F,onBlur:l,onChange:u,onFocus:i,placeholder:d,readOnly:f,rightAdornments:m,value:h,variant:R})};InputComponent.propTypes={alwaysShowPlaceholder:bool,dataTestId:string,disabled:bool,error:string,inputSize:string,inputRef:oneOfType([func,shape({current:instanceOf(Element)})]),leftAdornments:arrayOf(shape({name:string,props:object})),onBlur:func,onChange:func,onFocus:func,params:shape({InputProps:object,inputProps:shape({onChange:func,onBlur:func,onFocus:func})}),placeholder:string,readOnly:bool,rightAdornments:arrayOf(shape({name:string,props:object})),value:string,variant:oneOf(Object.values(VARIANTS))};export default InputComponent;

package/dist/esm/components/UTSelect/versions/V1/components/ListboxComponent/constants.js

@@ -1 +1 @@
-export const DEFAULT_MAX_HEIGHT = 260;
+export const DEFAULT_MAX_HEIGHT=260;