@widergy/energy-ui 3.172.2 → 3.172.3

package/dist/components/UTTextArea/index.js

@@ -1,26 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _V = _interopRequireDefault(require("./versions/V0"));
-var _V2 = _interopRequireDefault(require("./versions/V1"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const UTTextArea = _ref => {
-  let {
-    version = 'V0',
-    ...props
-  } = _ref;
-  const Component = {
-    V0: _V.default,
-    V1: _V2.default
-  }[version];
-  return /*#__PURE__*/_react.default.createElement(Component, props);
-};
-UTTextArea.propTypes = {
-  version: _propTypes.string
-};
-var _default = exports.default = UTTextArea;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_V=_interopRequireDefault(require("./versions/V0")),_V2=_interopRequireDefault(require("./versions/V1"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const UTTextArea=_ref=>{let{version:version="V0",...props}=_ref;const Component={V0:_V.default,V1:_V2.default}[version];return _react.default.createElement(Component,props)};UTTextArea.propTypes={version:_propTypes.string};var _default=exports.default=UTTextArea;

package/dist/components/UTTextArea/versions/V0/constants.js

@@ -1,11 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.tippyProps = exports.LIMIT_WARNING_FACTOR = void 0;
-const tippyProps = exports.tippyProps = {
-  appendTo: () => document.body,
-  interactive: false
-};
-const LIMIT_WARNING_FACTOR = exports.LIMIT_WARNING_FACTOR = 0.9;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.tippyProps=exports.LIMIT_WARNING_FACTOR=void 0;const tippyProps=exports.tippyProps={appendTo:()=>document.body,interactive:!1},LIMIT_WARNING_FACTOR=exports.LIMIT_WARNING_FACTOR=.9;

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

@@ -1,109 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _normalize = require("@widergy/web-utils/lib/normalize");
-var _HelpOutline = _interopRequireDefault(require("@material-ui/icons/HelpOutline"));
-var _UTTooltip = _interopRequireDefault(require("../../../UTTooltip"));
-var _WithTheme = _interopRequireDefault(require("../../../WithTheme"));
-var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
-var _formTypes = require("../../../../types/formTypes");
-var _constants = require("./constants");
-var _theme = require("./theme");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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); }
-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 ? (0, _normalize.maxLength)(characterCountLimit)(target.value) : target.value);
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: container
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.titleContainer
-  }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: "".concat(label, " ").concat(_stylesModule.default.label),
-    withMarkdown: true
-  }, title)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.textAreaContainer, " ").concat(textAreaContainer)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.componentWrapper, " ").concat(componentWrapper)
-  }, /*#__PURE__*/_react.default.createElement("textarea", _extends({}, inputProps, {
-    className: "".concat(_stylesModule.default.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.default.createElement(_UTLabel.default, {
-    className: _stylesModule.default.characterCount,
-    colorTheme: value.length === characterCountLimit ? 'error' : value.length >= characterCountLimit * _constants.LIMIT_WARNING_FACTOR ? 'warning' : 'dark'
-  }, "".concat(value.length, "/").concat(characterCountLimit))), tooltip && /*#__PURE__*/_react.default.createElement(_UTTooltip.default, {
-    content: tooltip,
-    tippyProps: _constants.tippyProps
-  }, /*#__PURE__*/_react.default.createElement("div", null, HelpIcon || /*#__PURE__*/_react.default.createElement(_HelpOutline.default, {
-    className: "".concat(icon, " ").concat(classes.icon)
-  })))));
-};
-UTTextArea.propTypes = {
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  classNames: (0, _propTypes.shape)({
-    container: _propTypes.string,
-    icon: _propTypes.string,
-    label: _propTypes.string,
-    textarea: _propTypes.string,
-    textAreaContainer: _propTypes.string
-  }),
-  dataTestId: _propTypes.string,
-  disabled: _propTypes.bool,
-  field: _formTypes.fieldType,
-  HelpIcon: _propTypes.elementType,
-  input: _propTypes.object,
-  inputProps: _formTypes.inputPropTypes,
-  onBlur: _propTypes.func,
-  onChange: _propTypes.func,
-  onFocus: _propTypes.func,
-  placeholder: _propTypes.string,
-  title: _propTypes.string,
-  tooltip: _propTypes.string,
-  value: _propTypes.string
-};
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTTextArea);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_normalize=require("@widergy/web-utils/lib/normalize"),_HelpOutline=_interopRequireDefault(require("@material-ui/icons/HelpOutline")),_UTTooltip=_interopRequireDefault(require("../../../UTTooltip")),_WithTheme=_interopRequireDefault(require("../../../WithTheme")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_formTypes=require("../../../../types/formTypes"),_constants=require("./constants"),_theme=require("./theme"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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)}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.default.createElement("div",{className:container},_react.default.createElement("div",{className:_stylesModule.default.titleContainer},_react.default.createElement(_UTLabel.default,{className:"".concat(label," ").concat(_stylesModule.default.label),withMarkdown:!0},title)),_react.default.createElement("div",{className:"".concat(_stylesModule.default.textAreaContainer," ").concat(textAreaContainer)},_react.default.createElement("div",{className:"".concat(_stylesModule.default.componentWrapper," ").concat(componentWrapper)},_react.default.createElement("textarea",_extends({},inputProps,{className:"".concat(_stylesModule.default.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?(0,_normalize.maxLength)(characterCountLimit)(target.value):target.value)},onBlur:onBlur,onFocus:onFocus,value:value,disabled:disabled,placeholder:placeholder})),characterCountLimit&&_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.characterCount,colorTheme:value.length===characterCountLimit?"error":value.length>=characterCountLimit*_constants.LIMIT_WARNING_FACTOR?"warning":"dark"},"".concat(value.length,"/").concat(characterCountLimit))),tooltip&&_react.default.createElement(_UTTooltip.default,{content:tooltip,tippyProps:_constants.tippyProps},_react.default.createElement("div",null,HelpIcon||_react.default.createElement(_HelpOutline.default,{className:"".concat(icon," ").concat(classes.icon)})))))};UTTextArea.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:(0,_propTypes.shape)({container:_propTypes.string,icon:_propTypes.string,label:_propTypes.string,textarea:_propTypes.string,textAreaContainer:_propTypes.string}),dataTestId:_propTypes.string,disabled:_propTypes.bool,field:_formTypes.fieldType,HelpIcon:_propTypes.elementType,input:_propTypes.object,inputProps:_formTypes.inputPropTypes,onBlur:_propTypes.func,onChange:_propTypes.func,onFocus:_propTypes.func,placeholder:_propTypes.string,title:_propTypes.string,tooltip:_propTypes.string,value:_propTypes.string};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTTextArea);

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

@@ -1,48 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = void 0;
-var _colorsModule = _interopRequireDefault(require("../../../../scss/variables/colors.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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) || _colorsModule.default.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
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _colorsModule=_interopRequireDefault(require("../../../../scss/variables/colors.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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)||_colorsModule.default.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}}};exports.retrieveStyle=retrieveStyle;

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

@@ -1,18 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _V = require("../../../UTTextInput/versions/V1");
-var _UTTextInput = _interopRequireDefault(require("../../../UTTextInput"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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); }
-const UTTextArea = props => /*#__PURE__*/_react.default.createElement(_UTTextInput.default, _extends({
-  showCharacterCount: true,
-  maxRows: 4,
-  version: "V1"
-}, props));
-UTTextArea.propTypes = _V.propTypes;
-var _default = exports.default = UTTextArea;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_V=require("../../../UTTextInput/versions/V1"),_UTTextInput=_interopRequireDefault(require("../../../UTTextInput"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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)}const UTTextArea=props=>_react.default.createElement(_UTTextInput.default,_extends({showCharacterCount:!0,maxRows:4,version:"V1"},props));UTTextArea.propTypes=_V.propTypes;var _default=exports.default=UTTextArea;

package/dist/components/UTTextInput/index.js

@@ -1,26 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _V = _interopRequireDefault(require("./versions/V0"));
-var _V2 = _interopRequireDefault(require("./versions/V1"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const UTTextInput = _ref => {
-  let {
-    version = 'V0',
-    ...props
-  } = _ref;
-  const Component = {
-    V0: _V.default,
-    V1: _V2.default
-  }[version];
-  return /*#__PURE__*/_react.default.createElement(Component, props);
-};
-UTTextInput.propTypes = {
-  version: _propTypes.string
-};
-var _default = exports.default = UTTextInput;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_V=_interopRequireDefault(require("./versions/V0")),_V2=_interopRequireDefault(require("./versions/V1"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const UTTextInput=_ref=>{let{version:version="V0",...props}=_ref;const Component={V0:_V.default,V1:_V2.default}[version];return _react.default.createElement(Component,props)};UTTextInput.propTypes={version:_propTypes.string};var _default=exports.default=UTTextInput;

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

@@ -1,11 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.INPUT_TYPES = void 0;
-const INPUT_TYPES = exports.INPUT_TYPES = {
-  PASSWORD: 'password',
-  TEXT: 'text',
-  NUMBER: 'number'
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.INPUT_TYPES=void 0;const INPUT_TYPES=exports.INPUT_TYPES={PASSWORD:"password",TEXT:"text",NUMBER:"number"};

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

@@ -1,233 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _HelpOutline = _interopRequireDefault(require("@material-ui/icons/HelpOutline"));
-var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
-var _react = _interopRequireWildcard(require("react"));
-var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
-var _Visibility = _interopRequireDefault(require("@material-ui/icons/Visibility"));
-var _VisibilityOff = _interopRequireDefault(require("@material-ui/icons/VisibilityOff"));
-var _propTypes = require("prop-types");
-var _form = require("@widergy/web-utils/lib/form");
-var _UTButton = _interopRequireDefault(require("../../../UTButton"));
-var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
-var _UTTooltip = _interopRequireDefault(require("../../../UTTooltip"));
-var _WithTheme = _interopRequireDefault(require("../../../WithTheme"));
-var _formTypes = require("../../../../types/formTypes");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-var _constants = require("./constants");
-var _theme = require("./theme");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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); }
-const preventDefault = event => {
-  if (event.key === 'Enter') {
-    event.preventDefault();
-  }
-};
-class UTTextInput extends _react.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 === _constants.INPUT_TYPES.PASSWORD ? /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-      dataTestId: actionDataTestId,
-      Icon: this.state.visible ? PasswordVisibleIcon : PasswordInvisibleIcon,
-      onClick: this.handleClickShowPassword,
-      variant: "text"
-    }) : adornment;
-    const value = inputObjectKey ? input.value[inputObjectKey] : input.value;
-    const errorMessage = (0, _form.shouldShowErrors)(meta) && meta.error || captionLabel || '';
-    const fieldId = id || field !== null && field !== void 0 && field.id ? "".concat(id || field.id) : undefined;
-    const TextInput = /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({
-      id: fieldId,
-      "data-testid": dataTestId,
-      placeholder: placeholder,
-      variant: variant,
-      label: Icon ? /*#__PURE__*/_react.default.createElement("div", {
-        className: classes.labelContainer
-      }, /*#__PURE__*/_react.default.createElement(Icon, {
-        className: classes.labelIcon
-      }), /*#__PURE__*/_react.default.createElement("div", null, label)) : label,
-      onKeyPress: preventEnterSubmit ? preventDefault : undefined,
-      error: (0, _form.shouldShowErrors)(meta),
-      FormHelperTextProps: {
-        component: 'div'
-      },
-      helperText: errorMessage || helperText ? /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-        className: _stylesModule.default.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.default.createElement(_InputAdornment.default, {
-          position: "end",
-          className: "".concat(adornmentInside && _stylesModule.default.adornmentInside)
-        }, endAction),
-        type: type === _constants.INPUT_TYPES.PASSWORD ? !this.state.visible ? _constants.INPUT_TYPES.PASSWORD : _constants.INPUT_TYPES.TEXT : type || _constants.INPUT_TYPES.TEXT,
-        classes: {
-          input: "\n              ".concat(bigInput && classes.bigInput, "\n              ").concat(type === _constants.INPUT_TYPES.NUMBER && _stylesModule.default.numberType, "\n              ").concat(inputClassName, "\n            ")
-        }
-      },
-      InputLabelProps: {
-        classes: {
-          root: labelRootClassName
-        },
-        htmlFor: fieldId,
-        'data-testid': labelDataTestId
-      }
-    }, textFieldPropsToForward));
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(classes.container, " ").concat(containerClassName, " ").concat(tooltip && _stylesModule.default.containerWithTooltip)
-    }, tooltip ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, TextInput, /*#__PURE__*/_react.default.createElement(_UTTooltip.default, {
-      content: tooltip,
-      dataTestId: tooltipContentDataTestId,
-      tippyProps: tippyProps
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: _stylesModule.default.tooltipIconContainer,
-      "data-testid": tooltipIconDataTestId
-    }, /*#__PURE__*/_react.default.createElement(_HelpOutline.default, {
-      className: "".concat(classes.tooltipIcon, " ").concat(_stylesModule.default.tooltipIcon)
-    })))) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/(0, _react.isValidElement)(outsideIcon) && /*#__PURE__*/_react.default.createElement("div", {
-      className: _stylesModule.default.iconContainer
-    }, outsideIcon), TextInput));
-  }
-}
-UTTextInput.propTypes = {
-  actionDataTestId: _propTypes.string,
-  adornmentInside: _propTypes.bool,
-  autofocus: _propTypes.bool,
-  bigInput: _propTypes.bool,
-  captionLabel: _propTypes.string,
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  containerClassName: _propTypes.string,
-  dataTestId: _propTypes.string,
-  disabled: _propTypes.bool,
-  field: _propTypes.object,
-  helperTextDataTestId: _propTypes.string,
-  id: _propTypes.string,
-  input: _formTypes.inputPropTypes.isRequired,
-  inputClassName: _propTypes.string,
-  inputObjectKey: _propTypes.string,
-  label: _propTypes.string,
-  labelDataTestId: _propTypes.string,
-  labelRootClassName: _propTypes.string,
-  meta: _formTypes.metaPropTypes,
-  onChangeText: _propTypes.func,
-  PasswordInvisibleIcon: _propTypes.elementType,
-  PasswordVisibleIcon: _propTypes.elementType,
-  placeholder: _propTypes.string,
-  preventEnterSubmit: _propTypes.bool,
-  preventFocus: _propTypes.bool,
-  tippyProps: _propTypes.object,
-  tooltip: _propTypes.string,
-  tooltipContentDataTestId: _propTypes.string,
-  tooltipIconDataTestId: _propTypes.string,
-  type: _propTypes.string,
-  variant: _propTypes.string
-};
-UTTextInput.defaultProps = {
-  adornmentInside: false,
-  autofocus: false,
-  classes: {},
-  meta: {},
-  onChangeText: val => val,
-  PasswordInvisibleIcon: _VisibilityOff.default,
-  PasswordVisibleIcon: _Visibility.default,
-  preventEnterSubmit: false
-};
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle, _theme.retrieveMuiTheme)(UTTextInput);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _HelpOutline=_interopRequireDefault(require("@material-ui/icons/HelpOutline")),_InputAdornment=_interopRequireDefault(require("@material-ui/core/InputAdornment")),_react=_interopRequireWildcard(require("react")),_TextField=_interopRequireDefault(require("@material-ui/core/TextField")),_Visibility=_interopRequireDefault(require("@material-ui/icons/Visibility")),_VisibilityOff=_interopRequireDefault(require("@material-ui/icons/VisibilityOff")),_propTypes=require("prop-types"),_form=require("@widergy/web-utils/lib/form"),_UTButton=_interopRequireDefault(require("../../../UTButton")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_UTTooltip=_interopRequireDefault(require("../../../UTTooltip")),_WithTheme=_interopRequireDefault(require("../../../WithTheme")),_formTypes=require("../../../../types/formTypes"),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_constants=require("./constants"),_theme=require("./theme");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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)}const preventDefault=event=>{"Enter"===event.key&&event.preventDefault()};class UTTextInput extends _react.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===_constants.INPUT_TYPES.PASSWORD?_react.default.createElement(_UTButton.default,{dataTestId:actionDataTestId,Icon:this.state.visible?PasswordVisibleIcon:PasswordInvisibleIcon,onClick:this.handleClickShowPassword,variant:"text"}):adornment,value=inputObjectKey?input.value[inputObjectKey]:input.value,errorMessage=(0,_form.shouldShowErrors)(meta)&&meta.error||captionLabel||"",fieldId=id||null!=field&&field.id?"".concat(id||field.id):void 0,TextInput=_react.default.createElement(_TextField.default,_extends({id:fieldId,"data-testid":dataTestId,placeholder:placeholder,variant:variant,label:Icon?_react.default.createElement("div",{className:classes.labelContainer},_react.default.createElement(Icon,{className:classes.labelIcon}),_react.default.createElement("div",null,label)):label,onKeyPress:preventEnterSubmit?preventDefault:void 0,error:(0,_form.shouldShowErrors)(meta),FormHelperTextProps:{component:"div"},helperText:errorMessage||helperText?_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.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.default.createElement(_InputAdornment.default,{position:"end",className:"".concat(adornmentInside&&_stylesModule.default.adornmentInside)},endAction),type:type===_constants.INPUT_TYPES.PASSWORD?this.state.visible?_constants.INPUT_TYPES.TEXT:_constants.INPUT_TYPES.PASSWORD:type||_constants.INPUT_TYPES.TEXT,classes:{input:"\n              ".concat(bigInput&&classes.bigInput,"\n              ").concat(type===_constants.INPUT_TYPES.NUMBER&&_stylesModule.default.numberType,"\n              ").concat(inputClassName,"\n            ")}},InputLabelProps:{classes:{root:labelRootClassName},htmlFor:fieldId,"data-testid":labelDataTestId}},textFieldPropsToForward));return _react.default.createElement("div",{className:"".concat(classes.container," ").concat(containerClassName," ").concat(tooltip&&_stylesModule.default.containerWithTooltip)},tooltip?_react.default.createElement(_react.Fragment,null,TextInput,_react.default.createElement(_UTTooltip.default,{content:tooltip,dataTestId:tooltipContentDataTestId,tippyProps:tippyProps},_react.default.createElement("span",{className:_stylesModule.default.tooltipIconContainer,"data-testid":tooltipIconDataTestId},_react.default.createElement(_HelpOutline.default,{className:"".concat(classes.tooltipIcon," ").concat(_stylesModule.default.tooltipIcon)})))):_react.default.createElement(_react.Fragment,null,(0,_react.isValidElement)(outsideIcon)&&_react.default.createElement("div",{className:_stylesModule.default.iconContainer},outsideIcon),TextInput))}}UTTextInput.propTypes={actionDataTestId:_propTypes.string,adornmentInside:_propTypes.bool,autofocus:_propTypes.bool,bigInput:_propTypes.bool,captionLabel:_propTypes.string,classes:(0,_propTypes.objectOf)(_propTypes.string),containerClassName:_propTypes.string,dataTestId:_propTypes.string,disabled:_propTypes.bool,field:_propTypes.object,helperTextDataTestId:_propTypes.string,id:_propTypes.string,input:_formTypes.inputPropTypes.isRequired,inputClassName:_propTypes.string,inputObjectKey:_propTypes.string,label:_propTypes.string,labelDataTestId:_propTypes.string,labelRootClassName:_propTypes.string,meta:_formTypes.metaPropTypes,onChangeText:_propTypes.func,PasswordInvisibleIcon:_propTypes.elementType,PasswordVisibleIcon:_propTypes.elementType,placeholder:_propTypes.string,preventEnterSubmit:_propTypes.bool,preventFocus:_propTypes.bool,tippyProps:_propTypes.object,tooltip:_propTypes.string,tooltipContentDataTestId:_propTypes.string,tooltipIconDataTestId:_propTypes.string,type:_propTypes.string,variant:_propTypes.string},UTTextInput.defaultProps={adornmentInside:!1,autofocus:!1,classes:{},meta:{},onChangeText:val=>val,PasswordInvisibleIcon:_VisibilityOff.default,PasswordVisibleIcon:_Visibility.default,preventEnterSubmit:!1};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle,_theme.retrieveMuiTheme)(UTTextInput);