@widergy/energy-ui 3.172.2 → 3.172.3

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

@@ -1,102 +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 { func, string, bool, shape, objectOf, elementType, object } from 'prop-types';
-import { maxLength } from '@widergy/web-utils/lib/normalize';
-import HelpOutline from '@material-ui/icons/HelpOutline';
-import UTTooltip from '../../../UTTooltip';
-import WithTheme from '../../../WithTheme';
-import UTLabel from '../../../UTLabel';
-import { inputPropTypes, fieldType } from '../../../../types/formTypes';
-import { LIMIT_WARNING_FACTOR, tippyProps } from './constants';
-import { retrieveStyle } from './theme';
-import styles from './styles.module.scss';
-const UTTextArea = _ref => {
-  let {
-    classes,
-    classNames = {},
-    dataTestId,
-    disabled,
-    field,
-    HelpIcon,
-    input,
-    inputProps = {},
-    onBlur,
-    onChange,
-    onFocus,
-    placeholder,
-    title = '',
-    tooltip,
-    value
-  } = _ref;
-  const {
-    container,
-    icon,
-    textarea,
-    label,
-    textAreaContainer,
-    componentWrapper
-  } = classNames;
-  const {
-    character_count_limit: characterCountLimit
-  } = (field === null || field === void 0 ? void 0 : field.configuration) || {};
-  const handleOnChange = _ref2 => {
-    let {
-      target
-    } = _ref2;
-    return onChange(characterCountLimit ? maxLength(characterCountLimit)(target.value) : target.value);
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: container
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.titleContainer
-  }, /*#__PURE__*/React.createElement(UTLabel, {
-    className: "".concat(label, " ").concat(styles.label),
-    withMarkdown: true
-  }, title)), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.textAreaContainer, " ").concat(textAreaContainer)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.componentWrapper, " ").concat(componentWrapper)
-  }, /*#__PURE__*/React.createElement("textarea", _extends({}, inputProps, {
-    className: "".concat(styles.textarea, " ").concat(textarea, " ").concat(classes.textarea),
-    "data-testid": dataTestId,
-    "data-keyboard": input === null || input === void 0 ? void 0 : input.name,
-    onChange: handleOnChange,
-    onBlur: onBlur,
-    onFocus: onFocus,
-    value: value,
-    disabled: disabled,
-    placeholder: placeholder
-  })), characterCountLimit && /*#__PURE__*/React.createElement(UTLabel, {
-    className: styles.characterCount,
-    colorTheme: value.length === characterCountLimit ? 'error' : value.length >= characterCountLimit * LIMIT_WARNING_FACTOR ? 'warning' : 'dark'
-  }, "".concat(value.length, "/").concat(characterCountLimit))), tooltip && /*#__PURE__*/React.createElement(UTTooltip, {
-    content: tooltip,
-    tippyProps: tippyProps
-  }, /*#__PURE__*/React.createElement("div", null, HelpIcon || /*#__PURE__*/React.createElement(HelpOutline, {
-    className: "".concat(icon, " ").concat(classes.icon)
-  })))));
-};
-UTTextArea.propTypes = {
-  classes: objectOf(string),
-  classNames: shape({
-    container: string,
-    icon: string,
-    label: string,
-    textarea: string,
-    textAreaContainer: string
-  }),
-  dataTestId: string,
-  disabled: bool,
-  field: fieldType,
-  HelpIcon: elementType,
-  input: object,
-  inputProps: inputPropTypes,
-  onBlur: func,
-  onChange: func,
-  onFocus: func,
-  placeholder: string,
-  title: string,
-  tooltip: string,
-  value: string
-};
-export default WithTheme(retrieveStyle)(UTTextArea);
+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{func,string,bool,shape,objectOf,elementType,object}from"prop-types";import{maxLength}from"@widergy/web-utils/lib/normalize";import HelpOutline from"@material-ui/icons/HelpOutline";import UTTooltip from"../../../UTTooltip";import WithTheme from"../../../WithTheme";import UTLabel from"../../../UTLabel";import{inputPropTypes,fieldType}from"../../../../types/formTypes";import{LIMIT_WARNING_FACTOR,tippyProps}from"./constants";import{retrieveStyle}from"./theme";import styles from"./styles.module.scss";const UTTextArea=_ref=>{let{classes:classes,classNames:classNames={},dataTestId:dataTestId,disabled:disabled,field:field,HelpIcon:HelpIcon,input:input,inputProps:inputProps={},onBlur:onBlur,onChange:onChange,onFocus:onFocus,placeholder:placeholder,title:title="",tooltip:tooltip,value:value}=_ref;const{container:container,icon:icon,textarea:textarea,label:label,textAreaContainer:textAreaContainer,componentWrapper:componentWrapper}=classNames,{character_count_limit:characterCountLimit}=(null==field?void 0:field.configuration)||{};return React.createElement("div",{className:container},React.createElement("div",{className:styles.titleContainer},React.createElement(UTLabel,{className:"".concat(label," ").concat(styles.label),withMarkdown:!0},title)),React.createElement("div",{className:"".concat(styles.textAreaContainer," ").concat(textAreaContainer)},React.createElement("div",{className:"".concat(styles.componentWrapper," ").concat(componentWrapper)},React.createElement("textarea",_extends({},inputProps,{className:"".concat(styles.textarea," ").concat(textarea," ").concat(classes.textarea),"data-testid":dataTestId,"data-keyboard":null==input?void 0:input.name,onChange:_ref2=>{let{target:target}=_ref2;return onChange(characterCountLimit?maxLength(characterCountLimit)(target.value):target.value)},onBlur:onBlur,onFocus:onFocus,value:value,disabled:disabled,placeholder:placeholder})),characterCountLimit&&React.createElement(UTLabel,{className:styles.characterCount,colorTheme:value.length===characterCountLimit?"error":value.length>=characterCountLimit*LIMIT_WARNING_FACTOR?"warning":"dark"},"".concat(value.length,"/").concat(characterCountLimit))),tooltip&&React.createElement(UTTooltip,{content:tooltip,tippyProps:tippyProps},React.createElement("div",null,HelpIcon||React.createElement(HelpOutline,{className:"".concat(icon," ").concat(classes.icon)})))))};UTTextArea.propTypes={classes:objectOf(string),classNames:shape({container:string,icon:string,label:string,textarea:string,textAreaContainer:string}),dataTestId:string,disabled:bool,field:fieldType,HelpIcon:elementType,input:object,inputProps:inputPropTypes,onBlur:func,onChange:func,onFocus:func,placeholder:string,title:string,tooltip:string,value:string};export default WithTheme(retrieveStyle)(UTTextArea);

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

@@ -1,40 +1 @@
-import Colors from '../../../../scss/variables/colors.module.scss';
-export const retrieveStyle = _ref => {
-  var _theme$UTTextArea, _theme$UTTextArea2, _theme$UTTextArea3, _theme$UTTextArea4, _theme$Fonts, _theme$UTTextArea5, _theme$UTTextArea6, _theme$UTTextArea7, _theme$UTTextArea8, _theme$UTTextArea9, _theme$UTTextArea0, _theme$UTTextArea1, _theme$UTTextArea10, _theme$UTTextArea11, _theme$UTTextArea12, _theme$UTTextArea13, _theme$UTTextArea14, _theme$UTTextArea15, _theme$UTTextArea16, _theme$UTTextArea17, _theme$UTTextArea18;
-  let {
-    theme
-  } = _ref;
-  return {
-    textarea: {
-      background: theme === null || theme === void 0 || (_theme$UTTextArea = theme.UTTextArea) === null || _theme$UTTextArea === void 0 || (_theme$UTTextArea = _theme$UTTextArea.textarea) === null || _theme$UTTextArea === void 0 ? void 0 : _theme$UTTextArea.background,
-      border: theme === null || theme === void 0 || (_theme$UTTextArea2 = theme.UTTextArea) === null || _theme$UTTextArea2 === void 0 || (_theme$UTTextArea2 = _theme$UTTextArea2.textarea) === null || _theme$UTTextArea2 === void 0 ? void 0 : _theme$UTTextArea2.border,
-      borderRadius: theme === null || theme === void 0 || (_theme$UTTextArea3 = theme.UTTextArea) === null || _theme$UTTextArea3 === void 0 || (_theme$UTTextArea3 = _theme$UTTextArea3.textarea) === null || _theme$UTTextArea3 === void 0 ? void 0 : _theme$UTTextArea3.borderRadius,
-      color: (theme === null || theme === void 0 || (_theme$UTTextArea4 = theme.UTTextArea) === null || _theme$UTTextArea4 === void 0 || (_theme$UTTextArea4 = _theme$UTTextArea4.textarea) === null || _theme$UTTextArea4 === void 0 ? void 0 : _theme$UTTextArea4.color) || Colors.black,
-      fontFamily: theme === null || theme === void 0 || (_theme$Fonts = theme.Fonts) === null || _theme$Fonts === void 0 ? void 0 : _theme$Fonts.fontFamily,
-      fontSize: (theme === null || theme === void 0 || (_theme$UTTextArea5 = theme.UTTextArea) === null || _theme$UTTextArea5 === void 0 || (_theme$UTTextArea5 = _theme$UTTextArea5.textarea) === null || _theme$UTTextArea5 === void 0 ? void 0 : _theme$UTTextArea5.fontSize) || 14,
-      fontWeight: theme === null || theme === void 0 || (_theme$UTTextArea6 = theme.UTTextArea) === null || _theme$UTTextArea6 === void 0 || (_theme$UTTextArea6 = _theme$UTTextArea6.textarea) === null || _theme$UTTextArea6 === void 0 ? void 0 : _theme$UTTextArea6.fontWeight,
-      height: theme === null || theme === void 0 || (_theme$UTTextArea7 = theme.UTTextArea) === null || _theme$UTTextArea7 === void 0 || (_theme$UTTextArea7 = _theme$UTTextArea7.textarea) === null || _theme$UTTextArea7 === void 0 ? void 0 : _theme$UTTextArea7.height,
-      padding: theme === null || theme === void 0 || (_theme$UTTextArea8 = theme.UTTextArea) === null || _theme$UTTextArea8 === void 0 || (_theme$UTTextArea8 = _theme$UTTextArea8.textarea) === null || _theme$UTTextArea8 === void 0 ? void 0 : _theme$UTTextArea8.padding,
-      resize: (theme === null || theme === void 0 || (_theme$UTTextArea9 = theme.UTTextArea) === null || _theme$UTTextArea9 === void 0 || (_theme$UTTextArea9 = _theme$UTTextArea9.textarea) === null || _theme$UTTextArea9 === void 0 ? void 0 : _theme$UTTextArea9.resize) || 'vertical',
-      '&:hover': {
-        background: theme === null || theme === void 0 || (_theme$UTTextArea0 = theme.UTTextArea) === null || _theme$UTTextArea0 === void 0 || (_theme$UTTextArea0 = _theme$UTTextArea0.textarea) === null || _theme$UTTextArea0 === void 0 || (_theme$UTTextArea0 = _theme$UTTextArea0.hover) === null || _theme$UTTextArea0 === void 0 ? void 0 : _theme$UTTextArea0.background,
-        border: theme === null || theme === void 0 || (_theme$UTTextArea1 = theme.UTTextArea) === null || _theme$UTTextArea1 === void 0 || (_theme$UTTextArea1 = _theme$UTTextArea1.textarea) === null || _theme$UTTextArea1 === void 0 || (_theme$UTTextArea1 = _theme$UTTextArea1.hover) === null || _theme$UTTextArea1 === void 0 ? void 0 : _theme$UTTextArea1.border,
-        color: theme === null || theme === void 0 || (_theme$UTTextArea10 = theme.UTTextArea) === null || _theme$UTTextArea10 === void 0 || (_theme$UTTextArea10 = _theme$UTTextArea10.textarea) === null || _theme$UTTextArea10 === void 0 || (_theme$UTTextArea10 = _theme$UTTextArea10.hover) === null || _theme$UTTextArea10 === void 0 ? void 0 : _theme$UTTextArea10.color
-      },
-      '&:focus, &focus-visible': {
-        background: theme === null || theme === void 0 || (_theme$UTTextArea11 = theme.UTTextArea) === null || _theme$UTTextArea11 === void 0 || (_theme$UTTextArea11 = _theme$UTTextArea11.textarea) === null || _theme$UTTextArea11 === void 0 || (_theme$UTTextArea11 = _theme$UTTextArea11.focus) === null || _theme$UTTextArea11 === void 0 ? void 0 : _theme$UTTextArea11.background,
-        border: theme === null || theme === void 0 || (_theme$UTTextArea12 = theme.UTTextArea) === null || _theme$UTTextArea12 === void 0 || (_theme$UTTextArea12 = _theme$UTTextArea12.textarea) === null || _theme$UTTextArea12 === void 0 || (_theme$UTTextArea12 = _theme$UTTextArea12.focus) === null || _theme$UTTextArea12 === void 0 ? void 0 : _theme$UTTextArea12.border,
-        color: theme === null || theme === void 0 || (_theme$UTTextArea13 = theme.UTTextArea) === null || _theme$UTTextArea13 === void 0 || (_theme$UTTextArea13 = _theme$UTTextArea13.textarea) === null || _theme$UTTextArea13 === void 0 || (_theme$UTTextArea13 = _theme$UTTextArea13.focus) === null || _theme$UTTextArea13 === void 0 ? void 0 : _theme$UTTextArea13.color,
-        outline: theme === null || theme === void 0 || (_theme$UTTextArea14 = theme.UTTextArea) === null || _theme$UTTextArea14 === void 0 || (_theme$UTTextArea14 = _theme$UTTextArea14.textarea) === null || _theme$UTTextArea14 === void 0 || (_theme$UTTextArea14 = _theme$UTTextArea14.focus) === null || _theme$UTTextArea14 === void 0 ? void 0 : _theme$UTTextArea14.outline
-      },
-      '&:disabled': {
-        background: theme === null || theme === void 0 || (_theme$UTTextArea15 = theme.UTTextArea) === null || _theme$UTTextArea15 === void 0 || (_theme$UTTextArea15 = _theme$UTTextArea15.textarea) === null || _theme$UTTextArea15 === void 0 || (_theme$UTTextArea15 = _theme$UTTextArea15.disabled) === null || _theme$UTTextArea15 === void 0 ? void 0 : _theme$UTTextArea15.background,
-        border: theme === null || theme === void 0 || (_theme$UTTextArea16 = theme.UTTextArea) === null || _theme$UTTextArea16 === void 0 || (_theme$UTTextArea16 = _theme$UTTextArea16.textarea) === null || _theme$UTTextArea16 === void 0 || (_theme$UTTextArea16 = _theme$UTTextArea16.disabled) === null || _theme$UTTextArea16 === void 0 ? void 0 : _theme$UTTextArea16.border,
-        color: theme === null || theme === void 0 || (_theme$UTTextArea17 = theme.UTTextArea) === null || _theme$UTTextArea17 === void 0 || (_theme$UTTextArea17 = _theme$UTTextArea17.textarea) === null || _theme$UTTextArea17 === void 0 || (_theme$UTTextArea17 = _theme$UTTextArea17.disabled) === null || _theme$UTTextArea17 === void 0 ? void 0 : _theme$UTTextArea17.color
-      }
-    },
-    icon: {
-      color: theme === null || theme === void 0 || (_theme$UTTextArea18 = theme.UTTextArea) === null || _theme$UTTextArea18 === void 0 || (_theme$UTTextArea18 = _theme$UTTextArea18.icon) === null || _theme$UTTextArea18 === void 0 ? void 0 : _theme$UTTextArea18.color
-    }
-  };
-};
+import Colors from"../../../../scss/variables/colors.module.scss";export const retrieveStyle=_ref=>{var _theme$UTTextArea,_theme$UTTextArea2,_theme$UTTextArea3,_theme$UTTextArea4,_theme$Fonts,_theme$UTTextArea5,_theme$UTTextArea6,_theme$UTTextArea7,_theme$UTTextArea8,_theme$UTTextArea9,_theme$UTTextArea0,_theme$UTTextArea1,_theme$UTTextArea10,_theme$UTTextArea11,_theme$UTTextArea12,_theme$UTTextArea13,_theme$UTTextArea14,_theme$UTTextArea15,_theme$UTTextArea16,_theme$UTTextArea17,_theme$UTTextArea18;let{theme:theme}=_ref;return{textarea:{background:null==theme||null===(_theme$UTTextArea=theme.UTTextArea)||void 0===_theme$UTTextArea||null===(_theme$UTTextArea=_theme$UTTextArea.textarea)||void 0===_theme$UTTextArea?void 0:_theme$UTTextArea.background,border:null==theme||null===(_theme$UTTextArea2=theme.UTTextArea)||void 0===_theme$UTTextArea2||null===(_theme$UTTextArea2=_theme$UTTextArea2.textarea)||void 0===_theme$UTTextArea2?void 0:_theme$UTTextArea2.border,borderRadius:null==theme||null===(_theme$UTTextArea3=theme.UTTextArea)||void 0===_theme$UTTextArea3||null===(_theme$UTTextArea3=_theme$UTTextArea3.textarea)||void 0===_theme$UTTextArea3?void 0:_theme$UTTextArea3.borderRadius,color:(null==theme||null===(_theme$UTTextArea4=theme.UTTextArea)||void 0===_theme$UTTextArea4||null===(_theme$UTTextArea4=_theme$UTTextArea4.textarea)||void 0===_theme$UTTextArea4?void 0:_theme$UTTextArea4.color)||Colors.black,fontFamily:null==theme||null===(_theme$Fonts=theme.Fonts)||void 0===_theme$Fonts?void 0:_theme$Fonts.fontFamily,fontSize:(null==theme||null===(_theme$UTTextArea5=theme.UTTextArea)||void 0===_theme$UTTextArea5||null===(_theme$UTTextArea5=_theme$UTTextArea5.textarea)||void 0===_theme$UTTextArea5?void 0:_theme$UTTextArea5.fontSize)||14,fontWeight:null==theme||null===(_theme$UTTextArea6=theme.UTTextArea)||void 0===_theme$UTTextArea6||null===(_theme$UTTextArea6=_theme$UTTextArea6.textarea)||void 0===_theme$UTTextArea6?void 0:_theme$UTTextArea6.fontWeight,height:null==theme||null===(_theme$UTTextArea7=theme.UTTextArea)||void 0===_theme$UTTextArea7||null===(_theme$UTTextArea7=_theme$UTTextArea7.textarea)||void 0===_theme$UTTextArea7?void 0:_theme$UTTextArea7.height,padding:null==theme||null===(_theme$UTTextArea8=theme.UTTextArea)||void 0===_theme$UTTextArea8||null===(_theme$UTTextArea8=_theme$UTTextArea8.textarea)||void 0===_theme$UTTextArea8?void 0:_theme$UTTextArea8.padding,resize:(null==theme||null===(_theme$UTTextArea9=theme.UTTextArea)||void 0===_theme$UTTextArea9||null===(_theme$UTTextArea9=_theme$UTTextArea9.textarea)||void 0===_theme$UTTextArea9?void 0:_theme$UTTextArea9.resize)||"vertical","&:hover":{background:null==theme||null===(_theme$UTTextArea0=theme.UTTextArea)||void 0===_theme$UTTextArea0||null===(_theme$UTTextArea0=_theme$UTTextArea0.textarea)||void 0===_theme$UTTextArea0||null===(_theme$UTTextArea0=_theme$UTTextArea0.hover)||void 0===_theme$UTTextArea0?void 0:_theme$UTTextArea0.background,border:null==theme||null===(_theme$UTTextArea1=theme.UTTextArea)||void 0===_theme$UTTextArea1||null===(_theme$UTTextArea1=_theme$UTTextArea1.textarea)||void 0===_theme$UTTextArea1||null===(_theme$UTTextArea1=_theme$UTTextArea1.hover)||void 0===_theme$UTTextArea1?void 0:_theme$UTTextArea1.border,color:null==theme||null===(_theme$UTTextArea10=theme.UTTextArea)||void 0===_theme$UTTextArea10||null===(_theme$UTTextArea10=_theme$UTTextArea10.textarea)||void 0===_theme$UTTextArea10||null===(_theme$UTTextArea10=_theme$UTTextArea10.hover)||void 0===_theme$UTTextArea10?void 0:_theme$UTTextArea10.color},"&:focus, &focus-visible":{background:null==theme||null===(_theme$UTTextArea11=theme.UTTextArea)||void 0===_theme$UTTextArea11||null===(_theme$UTTextArea11=_theme$UTTextArea11.textarea)||void 0===_theme$UTTextArea11||null===(_theme$UTTextArea11=_theme$UTTextArea11.focus)||void 0===_theme$UTTextArea11?void 0:_theme$UTTextArea11.background,border:null==theme||null===(_theme$UTTextArea12=theme.UTTextArea)||void 0===_theme$UTTextArea12||null===(_theme$UTTextArea12=_theme$UTTextArea12.textarea)||void 0===_theme$UTTextArea12||null===(_theme$UTTextArea12=_theme$UTTextArea12.focus)||void 0===_theme$UTTextArea12?void 0:_theme$UTTextArea12.border,color:null==theme||null===(_theme$UTTextArea13=theme.UTTextArea)||void 0===_theme$UTTextArea13||null===(_theme$UTTextArea13=_theme$UTTextArea13.textarea)||void 0===_theme$UTTextArea13||null===(_theme$UTTextArea13=_theme$UTTextArea13.focus)||void 0===_theme$UTTextArea13?void 0:_theme$UTTextArea13.color,outline:null==theme||null===(_theme$UTTextArea14=theme.UTTextArea)||void 0===_theme$UTTextArea14||null===(_theme$UTTextArea14=_theme$UTTextArea14.textarea)||void 0===_theme$UTTextArea14||null===(_theme$UTTextArea14=_theme$UTTextArea14.focus)||void 0===_theme$UTTextArea14?void 0:_theme$UTTextArea14.outline},"&:disabled":{background:null==theme||null===(_theme$UTTextArea15=theme.UTTextArea)||void 0===_theme$UTTextArea15||null===(_theme$UTTextArea15=_theme$UTTextArea15.textarea)||void 0===_theme$UTTextArea15||null===(_theme$UTTextArea15=_theme$UTTextArea15.disabled)||void 0===_theme$UTTextArea15?void 0:_theme$UTTextArea15.background,border:null==theme||null===(_theme$UTTextArea16=theme.UTTextArea)||void 0===_theme$UTTextArea16||null===(_theme$UTTextArea16=_theme$UTTextArea16.textarea)||void 0===_theme$UTTextArea16||null===(_theme$UTTextArea16=_theme$UTTextArea16.disabled)||void 0===_theme$UTTextArea16?void 0:_theme$UTTextArea16.border,color:null==theme||null===(_theme$UTTextArea17=theme.UTTextArea)||void 0===_theme$UTTextArea17||null===(_theme$UTTextArea17=_theme$UTTextArea17.textarea)||void 0===_theme$UTTextArea17||null===(_theme$UTTextArea17=_theme$UTTextArea17.disabled)||void 0===_theme$UTTextArea17?void 0:_theme$UTTextArea17.color}},icon:{color:null==theme||null===(_theme$UTTextArea18=theme.UTTextArea)||void 0===_theme$UTTextArea18||null===(_theme$UTTextArea18=_theme$UTTextArea18.icon)||void 0===_theme$UTTextArea18?void 0:_theme$UTTextArea18.color}}};

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

@@ -1,11 +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 { propTypes as TextInputPropTypes } from '../../../UTTextInput/versions/V1';
-import UTTextInput from '../../../UTTextInput';
-const UTTextArea = props => /*#__PURE__*/React.createElement(UTTextInput, _extends({
-  showCharacterCount: true,
-  maxRows: 4,
-  version: "V1"
-}, props));
-UTTextArea.propTypes = TextInputPropTypes;
-export default UTTextArea;
+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{propTypes as TextInputPropTypes}from"../../../UTTextInput/versions/V1";import UTTextInput from"../../../UTTextInput";const UTTextArea=props=>React.createElement(UTTextInput,_extends({showCharacterCount:!0,maxRows:4,version:"V1"},props));UTTextArea.propTypes=TextInputPropTypes;export default UTTextArea;

package/dist/esm/components/UTTextInput/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 UTTextInput = _ref => {
-  let {
-    version = 'V0',
-    ...props
-  } = _ref;
-  const Component = {
-    V0,
-    V1
-  }[version];
-  return /*#__PURE__*/React.createElement(Component, props);
-};
-UTTextInput.propTypes = {
-  version: string
-};
-export default UTTextInput;
+import React from"react";import{string}from"prop-types";import V0 from"./versions/V0";import V1 from"./versions/V1";const UTTextInput=_ref=>{let{version:version="V0",...props}=_ref;const Component={V0:V0,V1:V1}[version];return React.createElement(Component,props)};UTTextInput.propTypes={version:string};export default UTTextInput;

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

@@ -1,5 +1 @@
-export const INPUT_TYPES = {
-  PASSWORD: 'password',
-  TEXT: 'text',
-  NUMBER: 'number'
-};
+export const INPUT_TYPES={PASSWORD:"password",TEXT:"text",NUMBER:"number"};

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

@@ -1,225 +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 HelpOutline from '@material-ui/icons/HelpOutline';
-import InputAdornment from '@material-ui/core/InputAdornment';
-import React, { Fragment, PureComponent, isValidElement } from 'react';
-import TextField from '@material-ui/core/TextField';
-import Visibility from '@material-ui/icons/Visibility';
-import VisibilityOff from '@material-ui/icons/VisibilityOff';
-import { bool, elementType, func, object, objectOf, string } from 'prop-types';
-import { shouldShowErrors } from '@widergy/web-utils/lib/form';
-import UTButton from '../../../UTButton';
-import UTLabel from '../../../UTLabel';
-import UTTooltip from '../../../UTTooltip';
-import WithTheme from '../../../WithTheme';
-import { inputPropTypes, metaPropTypes } from '../../../../types/formTypes';
-import styles from './styles.module.scss';
-import { INPUT_TYPES } from './constants';
-import { retrieveStyle, retrieveMuiTheme } from './theme';
-const preventDefault = event => {
-  if (event.key === 'Enter') {
-    event.preventDefault();
-  }
-};
-class UTTextInput extends PureComponent {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "handleClickShowPassword", () => {
-      this.setState(prevState => ({
-        visible: !prevState.visible
-      }));
-    });
-    this.state = {
-      visible: false
-    };
-  }
-  render() {
-    const {
-      actionDataTestId,
-      adornmentInside,
-      autofocus,
-      bigInput,
-      captionLabel,
-      classes,
-      containerClassName,
-      dataTestId,
-      disabled,
-      field,
-      helperTextDataTestId,
-      id,
-      input,
-      inputClassName,
-      inputObjectKey,
-      label,
-      labelDataTestId,
-      labelRootClassName,
-      meta,
-      onChangeText,
-      placeholder,
-      PasswordInvisibleIcon,
-      PasswordVisibleIcon,
-      preventEnterSubmit,
-      preventFocus,
-      tippyProps,
-      tooltip,
-      tooltipContentDataTestId,
-      tooltipIconDataTestId,
-      type,
-      variant,
-      ...others
-    } = this.props;
-    const handleChange = event => {
-      var _event$target$value, _event$target;
-      if (preventFocus) event.preventDefault();
-      input.onChange(onChangeText((_event$target$value = event === null || event === void 0 || (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value) !== null && _event$target$value !== void 0 ? _event$target$value : event));
-    };
-    const handleClick = event => {
-      if (preventFocus) {
-        event.preventDefault();
-        event.target.blur();
-      }
-    };
-    const {
-      icon: Icon,
-      outsideIcon,
-      adornment,
-      helperText
-    } = (field === null || field === void 0 ? void 0 : field.configuration) || {};
-
-    // TODO. These props were forwarded to the inner dom element and they were
-    // causing errors and warnings. I quit them from the  "..." spread to TextField.
-    // Deeper analysis should be done when refactoring the component to match
-    // design requirements.
-    const {
-      base,
-      selectedOptionsIds,
-      retrieveStyle: rs,
-      retrieveMuiTheme: rmt,
-      Component,
-      muiTheme,
-      ...textFieldPropsToForward
-    } = others;
-    const endAction = type === INPUT_TYPES.PASSWORD ? /*#__PURE__*/React.createElement(UTButton, {
-      dataTestId: actionDataTestId,
-      Icon: this.state.visible ? PasswordVisibleIcon : PasswordInvisibleIcon,
-      onClick: this.handleClickShowPassword,
-      variant: "text"
-    }) : adornment;
-    const value = inputObjectKey ? input.value[inputObjectKey] : input.value;
-    const errorMessage = shouldShowErrors(meta) && meta.error || captionLabel || '';
-    const fieldId = id || field !== null && field !== void 0 && field.id ? "".concat(id || field.id) : undefined;
-    const TextInput = /*#__PURE__*/React.createElement(TextField, _extends({
-      id: fieldId,
-      "data-testid": dataTestId,
-      placeholder: placeholder,
-      variant: variant,
-      label: Icon ? /*#__PURE__*/React.createElement("div", {
-        className: classes.labelContainer
-      }, /*#__PURE__*/React.createElement(Icon, {
-        className: classes.labelIcon
-      }), /*#__PURE__*/React.createElement("div", null, label)) : label,
-      onKeyPress: preventEnterSubmit ? preventDefault : undefined,
-      error: shouldShowErrors(meta),
-      FormHelperTextProps: {
-        component: 'div'
-      },
-      helperText: errorMessage || helperText ? /*#__PURE__*/React.createElement(UTLabel, {
-        className: styles.helperText,
-        colorTheme: errorMessage ? 'error' : 'gray',
-        dataTestId: helperTextDataTestId,
-        variant: "small",
-        withMarkdown: true
-      }, errorMessage || helperText) : undefined,
-      disabled: disabled,
-      onChange: handleChange,
-      onClick: handleClick,
-      value: value,
-      fullWidth: true,
-      autoFocus: autofocus,
-      margin: "none",
-      autoComplete: "off",
-      InputProps: {
-        id: fieldId,
-        inputProps: {
-          'data-testid': dataTestId,
-          'data-keyboard': (input === null || input === void 0 ? void 0 : input.name) || null
-        },
-        endAdornment: endAction && /*#__PURE__*/React.createElement(InputAdornment, {
-          position: "end",
-          className: "".concat(adornmentInside && styles.adornmentInside)
-        }, endAction),
-        type: type === INPUT_TYPES.PASSWORD ? !this.state.visible ? INPUT_TYPES.PASSWORD : INPUT_TYPES.TEXT : type || INPUT_TYPES.TEXT,
-        classes: {
-          input: "\n              ".concat(bigInput && classes.bigInput, "\n              ").concat(type === INPUT_TYPES.NUMBER && styles.numberType, "\n              ").concat(inputClassName, "\n            ")
-        }
-      },
-      InputLabelProps: {
-        classes: {
-          root: labelRootClassName
-        },
-        htmlFor: fieldId,
-        'data-testid': labelDataTestId
-      }
-    }, textFieldPropsToForward));
-    return /*#__PURE__*/React.createElement("div", {
-      className: "".concat(classes.container, " ").concat(containerClassName, " ").concat(tooltip && styles.containerWithTooltip)
-    }, tooltip ? /*#__PURE__*/React.createElement(Fragment, null, TextInput, /*#__PURE__*/React.createElement(UTTooltip, {
-      content: tooltip,
-      dataTestId: tooltipContentDataTestId,
-      tippyProps: tippyProps
-    }, /*#__PURE__*/React.createElement("span", {
-      className: styles.tooltipIconContainer,
-      "data-testid": tooltipIconDataTestId
-    }, /*#__PURE__*/React.createElement(HelpOutline, {
-      className: "".concat(classes.tooltipIcon, " ").concat(styles.tooltipIcon)
-    })))) : /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/isValidElement(outsideIcon) && /*#__PURE__*/React.createElement("div", {
-      className: styles.iconContainer
-    }, outsideIcon), TextInput));
-  }
-}
-UTTextInput.propTypes = {
-  actionDataTestId: string,
-  adornmentInside: bool,
-  autofocus: bool,
-  bigInput: bool,
-  captionLabel: string,
-  classes: objectOf(string),
-  containerClassName: string,
-  dataTestId: string,
-  disabled: bool,
-  field: object,
-  helperTextDataTestId: string,
-  id: string,
-  input: inputPropTypes.isRequired,
-  inputClassName: string,
-  inputObjectKey: string,
-  label: string,
-  labelDataTestId: string,
-  labelRootClassName: string,
-  meta: metaPropTypes,
-  onChangeText: func,
-  PasswordInvisibleIcon: elementType,
-  PasswordVisibleIcon: elementType,
-  placeholder: string,
-  preventEnterSubmit: bool,
-  preventFocus: bool,
-  tippyProps: object,
-  tooltip: string,
-  tooltipContentDataTestId: string,
-  tooltipIconDataTestId: string,
-  type: string,
-  variant: string
-};
-UTTextInput.defaultProps = {
-  adornmentInside: false,
-  autofocus: false,
-  classes: {},
-  meta: {},
-  onChangeText: val => val,
-  PasswordInvisibleIcon: VisibilityOff,
-  PasswordVisibleIcon: Visibility,
-  preventEnterSubmit: false
-};
-export default WithTheme(retrieveStyle, retrieveMuiTheme)(UTTextInput);
+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 HelpOutline from"@material-ui/icons/HelpOutline";import InputAdornment from"@material-ui/core/InputAdornment";import React,{Fragment,PureComponent,isValidElement}from"react";import TextField from"@material-ui/core/TextField";import Visibility from"@material-ui/icons/Visibility";import VisibilityOff from"@material-ui/icons/VisibilityOff";import{bool,elementType,func,object,objectOf,string}from"prop-types";import{shouldShowErrors}from"@widergy/web-utils/lib/form";import UTButton from"../../../UTButton";import UTLabel from"../../../UTLabel";import UTTooltip from"../../../UTTooltip";import WithTheme from"../../../WithTheme";import{inputPropTypes,metaPropTypes}from"../../../../types/formTypes";import styles from"./styles.module.scss";import{INPUT_TYPES}from"./constants";import{retrieveStyle,retrieveMuiTheme}from"./theme";const preventDefault=event=>{"Enter"===event.key&&event.preventDefault()};class UTTextInput extends PureComponent{constructor(props){super(props),_defineProperty(this,"handleClickShowPassword",()=>{this.setState(prevState=>({visible:!prevState.visible}))}),this.state={visible:!1}}render(){const{actionDataTestId:actionDataTestId,adornmentInside:adornmentInside,autofocus:autofocus,bigInput:bigInput,captionLabel:captionLabel,classes:classes,containerClassName:containerClassName,dataTestId:dataTestId,disabled:disabled,field:field,helperTextDataTestId:helperTextDataTestId,id:id,input:input,inputClassName:inputClassName,inputObjectKey:inputObjectKey,label:label,labelDataTestId:labelDataTestId,labelRootClassName:labelRootClassName,meta:meta,onChangeText:onChangeText,placeholder:placeholder,PasswordInvisibleIcon:PasswordInvisibleIcon,PasswordVisibleIcon:PasswordVisibleIcon,preventEnterSubmit:preventEnterSubmit,preventFocus:preventFocus,tippyProps:tippyProps,tooltip:tooltip,tooltipContentDataTestId:tooltipContentDataTestId,tooltipIconDataTestId:tooltipIconDataTestId,type:type,variant:variant,...others}=this.props,{icon:Icon,outsideIcon:outsideIcon,adornment:adornment,helperText:helperText}=(null==field?void 0:field.configuration)||{},{base:base,selectedOptionsIds:selectedOptionsIds,retrieveStyle:rs,retrieveMuiTheme:rmt,Component:Component,muiTheme:muiTheme,...textFieldPropsToForward}=others,endAction=type===INPUT_TYPES.PASSWORD?React.createElement(UTButton,{dataTestId:actionDataTestId,Icon:this.state.visible?PasswordVisibleIcon:PasswordInvisibleIcon,onClick:this.handleClickShowPassword,variant:"text"}):adornment,value=inputObjectKey?input.value[inputObjectKey]:input.value,errorMessage=shouldShowErrors(meta)&&meta.error||captionLabel||"",fieldId=id||null!=field&&field.id?"".concat(id||field.id):void 0,TextInput=React.createElement(TextField,_extends({id:fieldId,"data-testid":dataTestId,placeholder:placeholder,variant:variant,label:Icon?React.createElement("div",{className:classes.labelContainer},React.createElement(Icon,{className:classes.labelIcon}),React.createElement("div",null,label)):label,onKeyPress:preventEnterSubmit?preventDefault:void 0,error:shouldShowErrors(meta),FormHelperTextProps:{component:"div"},helperText:errorMessage||helperText?React.createElement(UTLabel,{className:styles.helperText,colorTheme:errorMessage?"error":"gray",dataTestId:helperTextDataTestId,variant:"small",withMarkdown:!0},errorMessage||helperText):void 0,disabled:disabled,onChange:event=>{var _event$target$value,_event$target;preventFocus&&event.preventDefault(),input.onChange(onChangeText(null!==(_event$target$value=null==event||null===(_event$target=event.target)||void 0===_event$target?void 0:_event$target.value)&&void 0!==_event$target$value?_event$target$value:event))},onClick:event=>{preventFocus&&(event.preventDefault(),event.target.blur())},value:value,fullWidth:!0,autoFocus:autofocus,margin:"none",autoComplete:"off",InputProps:{id:fieldId,inputProps:{"data-testid":dataTestId,"data-keyboard":(null==input?void 0:input.name)||null},endAdornment:endAction&&React.createElement(InputAdornment,{position:"end",className:"".concat(adornmentInside&&styles.adornmentInside)},endAction),type:type===INPUT_TYPES.PASSWORD?this.state.visible?INPUT_TYPES.TEXT:INPUT_TYPES.PASSWORD:type||INPUT_TYPES.TEXT,classes:{input:"\n              ".concat(bigInput&&classes.bigInput,"\n              ").concat(type===INPUT_TYPES.NUMBER&&styles.numberType,"\n              ").concat(inputClassName,"\n            ")}},InputLabelProps:{classes:{root:labelRootClassName},htmlFor:fieldId,"data-testid":labelDataTestId}},textFieldPropsToForward));return React.createElement("div",{className:"".concat(classes.container," ").concat(containerClassName," ").concat(tooltip&&styles.containerWithTooltip)},tooltip?React.createElement(Fragment,null,TextInput,React.createElement(UTTooltip,{content:tooltip,dataTestId:tooltipContentDataTestId,tippyProps:tippyProps},React.createElement("span",{className:styles.tooltipIconContainer,"data-testid":tooltipIconDataTestId},React.createElement(HelpOutline,{className:"".concat(classes.tooltipIcon," ").concat(styles.tooltipIcon)})))):React.createElement(Fragment,null,isValidElement(outsideIcon)&&React.createElement("div",{className:styles.iconContainer},outsideIcon),TextInput))}}UTTextInput.propTypes={actionDataTestId:string,adornmentInside:bool,autofocus:bool,bigInput:bool,captionLabel:string,classes:objectOf(string),containerClassName:string,dataTestId:string,disabled:bool,field:object,helperTextDataTestId:string,id:string,input:inputPropTypes.isRequired,inputClassName:string,inputObjectKey:string,label:string,labelDataTestId:string,labelRootClassName:string,meta:metaPropTypes,onChangeText:func,PasswordInvisibleIcon:elementType,PasswordVisibleIcon:elementType,placeholder:string,preventEnterSubmit:bool,preventFocus:bool,tippyProps:object,tooltip:string,tooltipContentDataTestId:string,tooltipIconDataTestId:string,type:string,variant:string},UTTextInput.defaultProps={adornmentInside:!1,autofocus:!1,classes:{},meta:{},onChangeText:val=>val,PasswordInvisibleIcon:VisibilityOff,PasswordVisibleIcon:Visibility,preventEnterSubmit:!1};export default WithTheme(retrieveStyle,retrieveMuiTheme)(UTTextInput);

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

@@ -1,125 +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, ['UTTextInput', 'container', 'display'], 'flex'),
-      flexShrink: getIn(theme, ['UTTextInput', 'container', 'flexShrink'], '0'),
-      width: getIn(theme, ['UTTextInput', 'container', 'width'], '100%'),
-      margin: getIn(theme, ['UTTextInput', 'container', 'margin'], '0')
-    },
-    bigInput: {
-      fontSize: getIn(theme, ['UTTextInput', 'bigInput', 'fontSize'], '40px'),
-      textAlign: getIn(theme, ['UTTextInput', 'bigInput', 'textAlign'], 'center')
-    },
-    tooltipIcon: {
-      color: getIn(theme, ['UTTextInput', 'tooltipIcon', 'color'], 'currentColor')
-    },
-    labelIcon: {
-      height: getIn(theme, ['UTTextInput', 'inputIcon', 'height'], '12px'),
-      width: getIn(theme, ['UTTextInput', 'inputIcon', 'width'], 'auto'),
-      fill: getIn(theme, ['UTTextInput', 'inputIcon', 'fill'], "".concat(Colors.gray)),
-      padding: getIn(theme, ['UTTextInput', 'inputIcon', 'padding'], '0px 5px 0px 0px')
-    },
-    labelContainer: {
-      display: 'flex',
-      width: '100%',
-      alignItems: 'center'
-    }
-  };
-};
-export const retrieveMuiTheme = (theme, muiTheme) => {
-  const mui = {
-    typography: {
-      fontFamily: getIn(theme, ['Fonts', 'fontFamily'])
-    },
-    overrides: {
-      MuiOutlinedInput: {
-        input: {
-          fontSize: getIn(theme, ['UTTextInput', 'fontSize'], getIn(theme, ['Fonts', 'medium'], 14)),
-          color: getIn(theme, ['UTTextInput', 'color'])
-        },
-        root: {
-          '&:hover:not($disabled):not($focused):not($error) $notchedOutline': {
-            border: getIn(theme, ['UTTextInput', 'notchedOutline', 'hover', 'border'], "1px solid ".concat(Colors.gray)),
-            borderColor: getIn(theme, ['UTTextInput', 'notchedOutline', 'hover', 'borderColor'], 'none')
-          },
-          '&$focused $notchedOutline': {
-            border: getIn(theme, ['UTTextInput', 'notchedOutline', 'focused', 'border'], "2px solid ".concat(Colors.primary)),
-            borderColor: getIn(theme, ['UTTextInput', 'notchedOutline', 'hover', 'borderColor'], 'none')
-          },
-          '&$disabled $notchedOutline': {
-            border: getIn(theme, ['UTTextInput', 'notchedOutline', 'disabled', 'border'], "1px solid ".concat(Colors.gray)),
-            borderColor: getIn(theme, ['UTTextInput', 'notchedOutline', 'hover', 'borderColor'], 'none')
-          }
-        },
-        notchedOutline: {
-          border: getIn(theme, ['UTTextInput', 'notchedOutline', 'unfocused', 'border'], "1px solid ".concat(theme.Palette.error['05'])),
-          borderColor: getIn(theme, ['UTTextInput', 'notchedOutline', 'hover', 'borderColor'], 'none')
-        }
-      },
-      MuiInput: {
-        input: {
-          border: getIn(theme, ['UTTextInput', 'border']),
-          borderRadius: getIn(theme, ['UTTextInput', 'borderRadius']),
-          fontSize: getIn(theme, ['UTTextInput', 'fontSize'], getIn(theme, ['Fonts', 'medium'], 14)),
-          color: getIn(theme, ['UTTextInput', 'color']),
-          padding: getIn(theme, ['UTTextInput', 'padding'])
-        },
-        underline: {
-          '&:hover:not($disabled):not($focused):not($error):before': {
-            borderBottom: getIn(theme, ['UTTextInput', 'underline', 'hover', 'borderBottom'], "1px solid ".concat(Colors.gray))
-          },
-          '&:hover:not($disabled):before': {
-            borderBottom: getIn(theme, ['UTTextInput', 'underline', 'hover', 'borderBottom'], "1px solid ".concat(Colors.gray))
-          },
-          '&$disabled:before': {
-            borderBottom: getIn(theme, ['UTTextInput', 'underline', 'disabled', 'borderBottom'], "1px solid ".concat(Colors.gray))
-          },
-          '&:before': {
-            borderBottom: getIn(theme, ['UTTextInput', 'underline', 'unfocused', 'borderBottom'], "1px solid ".concat(Colors.gray))
-          },
-          '&$focused:after': {
-            borderBottom: getIn(theme, ['UTTextInput', 'underline', 'focused', 'borderBottom'], "2px solid ".concat(Colors.primary))
-          },
-          '&:after': {
-            borderBottom: getIn(theme, ['UTTextInput', 'underline', 'base', 'borderBottom'], "2px solid ".concat(Colors.primary))
-          },
-          '&$error:after': {
-            borderBottom: "2px solid ".concat(theme.Palette.error['05']),
-            borderBottomColor: theme.Palette.error['05']
-          }
-        }
-      },
-      MuiFormLabel: {
-        root: {
-          color: getIn(theme, ['UTTextInput', 'formLabel', 'color']),
-          '&$error': {
-            color: getIn(theme, ['UTTextInput', 'formLabel', 'errorColor'], Colors.gray)
-          },
-          '&$focused': {
-            color: getIn(theme, ['UTTextInput', 'formLabel', 'focusedColor'], Colors.primary),
-            '&$error': {
-              color: theme.Palette.error['05']
-            }
-          },
-          fontFamily: getIn(theme, ['Fonts', 'fontFamily']),
-          fontSize: getIn(theme, ['UTTextInput', 'fontSize'], getIn(theme, ['Fonts', 'medium'], 14)),
-          fontWeight: getIn(theme, ['UTTextInput', 'formLabel', 'fontWeight'])
-        }
-      },
-      MuiFormHelperText: {
-        root: {
-          fontSize: getIn(theme, ['UTTextInput', 'helperText', 'fontSize'], 12),
-          color: getIn(theme, ['UTTextInput', 'helperText', 'color'], theme.Palette.error['05'])
-        }
-      }
-    }
-  };
-  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=_ref=>{let{theme:theme}=_ref;return{container:{display:getIn(theme,["UTTextInput","container","display"],"flex"),flexShrink:getIn(theme,["UTTextInput","container","flexShrink"],"0"),width:getIn(theme,["UTTextInput","container","width"],"100%"),margin:getIn(theme,["UTTextInput","container","margin"],"0")},bigInput:{fontSize:getIn(theme,["UTTextInput","bigInput","fontSize"],"40px"),textAlign:getIn(theme,["UTTextInput","bigInput","textAlign"],"center")},tooltipIcon:{color:getIn(theme,["UTTextInput","tooltipIcon","color"],"currentColor")},labelIcon:{height:getIn(theme,["UTTextInput","inputIcon","height"],"12px"),width:getIn(theme,["UTTextInput","inputIcon","width"],"auto"),fill:getIn(theme,["UTTextInput","inputIcon","fill"],"".concat(Colors.gray)),padding:getIn(theme,["UTTextInput","inputIcon","padding"],"0px 5px 0px 0px")},labelContainer:{display:"flex",width:"100%",alignItems:"center"}}};export const retrieveMuiTheme=(theme,muiTheme)=>{const mui={typography:{fontFamily:getIn(theme,["Fonts","fontFamily"])},overrides:{MuiOutlinedInput:{input:{fontSize:getIn(theme,["UTTextInput","fontSize"],getIn(theme,["Fonts","medium"],14)),color:getIn(theme,["UTTextInput","color"])},root:{"&:hover:not($disabled):not($focused):not($error) $notchedOutline":{border:getIn(theme,["UTTextInput","notchedOutline","hover","border"],"1px solid ".concat(Colors.gray)),borderColor:getIn(theme,["UTTextInput","notchedOutline","hover","borderColor"],"none")},"&$focused $notchedOutline":{border:getIn(theme,["UTTextInput","notchedOutline","focused","border"],"2px solid ".concat(Colors.primary)),borderColor:getIn(theme,["UTTextInput","notchedOutline","hover","borderColor"],"none")},"&$disabled $notchedOutline":{border:getIn(theme,["UTTextInput","notchedOutline","disabled","border"],"1px solid ".concat(Colors.gray)),borderColor:getIn(theme,["UTTextInput","notchedOutline","hover","borderColor"],"none")}},notchedOutline:{border:getIn(theme,["UTTextInput","notchedOutline","unfocused","border"],"1px solid ".concat(theme.Palette.error["05"])),borderColor:getIn(theme,["UTTextInput","notchedOutline","hover","borderColor"],"none")}},MuiInput:{input:{border:getIn(theme,["UTTextInput","border"]),borderRadius:getIn(theme,["UTTextInput","borderRadius"]),fontSize:getIn(theme,["UTTextInput","fontSize"],getIn(theme,["Fonts","medium"],14)),color:getIn(theme,["UTTextInput","color"]),padding:getIn(theme,["UTTextInput","padding"])},underline:{"&:hover:not($disabled):not($focused):not($error):before":{borderBottom:getIn(theme,["UTTextInput","underline","hover","borderBottom"],"1px solid ".concat(Colors.gray))},"&:hover:not($disabled):before":{borderBottom:getIn(theme,["UTTextInput","underline","hover","borderBottom"],"1px solid ".concat(Colors.gray))},"&$disabled:before":{borderBottom:getIn(theme,["UTTextInput","underline","disabled","borderBottom"],"1px solid ".concat(Colors.gray))},"&:before":{borderBottom:getIn(theme,["UTTextInput","underline","unfocused","borderBottom"],"1px solid ".concat(Colors.gray))},"&$focused:after":{borderBottom:getIn(theme,["UTTextInput","underline","focused","borderBottom"],"2px solid ".concat(Colors.primary))},"&:after":{borderBottom:getIn(theme,["UTTextInput","underline","base","borderBottom"],"2px solid ".concat(Colors.primary))},"&$error:after":{borderBottom:"2px solid ".concat(theme.Palette.error["05"]),borderBottomColor:theme.Palette.error["05"]}}},MuiFormLabel:{root:{color:getIn(theme,["UTTextInput","formLabel","color"]),"&$error":{color:getIn(theme,["UTTextInput","formLabel","errorColor"],Colors.gray)},"&$focused":{color:getIn(theme,["UTTextInput","formLabel","focusedColor"],Colors.primary),"&$error":{color:theme.Palette.error["05"]}},fontFamily:getIn(theme,["Fonts","fontFamily"]),fontSize:getIn(theme,["UTTextInput","fontSize"],getIn(theme,["Fonts","medium"],14)),fontWeight:getIn(theme,["UTTextInput","formLabel","fontWeight"])}},MuiFormHelperText:{root:{fontSize:getIn(theme,["UTTextInput","helperText","fontSize"],12),color:getIn(theme,["UTTextInput","helperText","color"],theme.Palette.error["05"])}}}};return createTheme(merge(muiTheme,mui))};