@widergy/energy-ui 3.173.2 → 3.173.4

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(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}const UTTextArea=e=>{let{classes:t,classNames:a={},dataTestId:r,disabled:l,field:n,HelpIcon:o,input:s,inputProps:p={},onBlur:i,onChange:c,onFocus:u,placeholder:_,title:d="",tooltip:T,value:f}=e;const{container:y,icon:m,textarea:h,label:g,textAreaContainer:b,componentWrapper:v}=a,{character_count_limit:x}=(null==n?void 0:n.configuration)||{};return _react.default.createElement("div",{className:y},_react.default.createElement("div",{className:_stylesModule.default.titleContainer},_react.default.createElement(_UTLabel.default,{className:"".concat(g," ").concat(_stylesModule.default.label),withMarkdown:!0},d)),_react.default.createElement("div",{className:"".concat(_stylesModule.default.textAreaContainer," ").concat(b)},_react.default.createElement("div",{className:"".concat(_stylesModule.default.componentWrapper," ").concat(v)},_react.default.createElement("textarea",_extends({},p,{className:"".concat(_stylesModule.default.textarea," ").concat(h," ").concat(t.textarea),"data-testid":r,"data-keyboard":null==s?void 0:s.name,onChange:e=>{let{target:t}=e;return c(x?(0,_normalize.maxLength)(x)(t.value):t.value)},onBlur:i,onFocus:u,value:f,disabled:l,placeholder:_})),x&&_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.characterCount,colorTheme:f.length===x?"error":f.length>=x*_constants.LIMIT_WARNING_FACTOR?"warning":"dark"},"".concat(f.length,"/").concat(x))),T&&_react.default.createElement(_UTTooltip.default,{content:T,tippyProps:_constants.tippyProps},_react.default.createElement("div",null,o||_react.default.createElement(_HelpOutline.default,{className:"".concat(m," ").concat(t.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(l){return l&&l.__esModule?l:{default:l}}const retrieveStyle=l=>{var e,o,r,d,i,u,n,t,a,v,x,T,c,s,b,A,U,f,g,h,k;let{theme:p}=l;return{textarea:{background:null==p||null===(e=p.UTTextArea)||void 0===e||null===(e=e.textarea)||void 0===e?void 0:e.background,border:null==p||null===(o=p.UTTextArea)||void 0===o||null===(o=o.textarea)||void 0===o?void 0:o.border,borderRadius:null==p||null===(r=p.UTTextArea)||void 0===r||null===(r=r.textarea)||void 0===r?void 0:r.borderRadius,color:(null==p||null===(d=p.UTTextArea)||void 0===d||null===(d=d.textarea)||void 0===d?void 0:d.color)||_colorsModule.default.black,fontFamily:null==p||null===(i=p.Fonts)||void 0===i?void 0:i.fontFamily,fontSize:(null==p||null===(u=p.UTTextArea)||void 0===u||null===(u=u.textarea)||void 0===u?void 0:u.fontSize)||14,fontWeight:null==p||null===(n=p.UTTextArea)||void 0===n||null===(n=n.textarea)||void 0===n?void 0:n.fontWeight,height:null==p||null===(t=p.UTTextArea)||void 0===t||null===(t=t.textarea)||void 0===t?void 0:t.height,padding:null==p||null===(a=p.UTTextArea)||void 0===a||null===(a=a.textarea)||void 0===a?void 0:a.padding,resize:(null==p||null===(v=p.UTTextArea)||void 0===v||null===(v=v.textarea)||void 0===v?void 0:v.resize)||"vertical","&:hover":{background:null==p||null===(x=p.UTTextArea)||void 0===x||null===(x=x.textarea)||void 0===x||null===(x=x.hover)||void 0===x?void 0:x.background,border:null==p||null===(T=p.UTTextArea)||void 0===T||null===(T=T.textarea)||void 0===T||null===(T=T.hover)||void 0===T?void 0:T.border,color:null==p||null===(c=p.UTTextArea)||void 0===c||null===(c=c.textarea)||void 0===c||null===(c=c.hover)||void 0===c?void 0:c.color},"&:focus, &focus-visible":{background:null==p||null===(s=p.UTTextArea)||void 0===s||null===(s=s.textarea)||void 0===s||null===(s=s.focus)||void 0===s?void 0:s.background,border:null==p||null===(b=p.UTTextArea)||void 0===b||null===(b=b.textarea)||void 0===b||null===(b=b.focus)||void 0===b?void 0:b.border,color:null==p||null===(A=p.UTTextArea)||void 0===A||null===(A=A.textarea)||void 0===A||null===(A=A.focus)||void 0===A?void 0:A.color,outline:null==p||null===(U=p.UTTextArea)||void 0===U||null===(U=U.textarea)||void 0===U||null===(U=U.focus)||void 0===U?void 0:U.outline},"&:disabled":{background:null==p||null===(f=p.UTTextArea)||void 0===f||null===(f=f.textarea)||void 0===f||null===(f=f.disabled)||void 0===f?void 0:f.background,border:null==p||null===(g=p.UTTextArea)||void 0===g||null===(g=g.textarea)||void 0===g||null===(g=g.disabled)||void 0===g?void 0:g.border,color:null==p||null===(h=p.UTTextArea)||void 0===h||null===(h=h.textarea)||void 0===h||null===(h=h.disabled)||void 0===h?void 0:h.color}},icon:{color:null==p||null===(k=p.UTTextArea)||void 0===k||null===(k=k.icon)||void 0===k?void 0:k.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(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}const UTTextArea=e=>_react.default.createElement(_UTTextInput.default,_extends({showCharacterCount:!0,maxRows:4,version:"V1"},e));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=e=>{let{version:r="V0",...t}=e;const u={V0:_V.default,V1:_V2.default}[r];return _react.default.createElement(u,t)};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,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,n,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(o=t?a:r){if(o.has(e))return o.get(e);o.set(e,i)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?o(i,t,n):i[t]=e[t]);return i})(e,t)}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}function _defineProperty(e,t,r){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _toPropertyKey(e){var t=_toPrimitive(e,"string");return"symbol"==typeof t?t:t+""}function _toPrimitive(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var a=r.call(e,t||"default");if("object"!=typeof a)return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}const preventDefault=e=>{"Enter"===e.key&&e.preventDefault()};class UTTextInput extends _react.PureComponent{constructor(e){super(e),_defineProperty(this,"handleClickShowPassword",()=>{this.setState(e=>({visible:!e.visible}))}),this.state={visible:!1}}render(){const{actionDataTestId:e,adornmentInside:t,autofocus:r,bigInput:a,captionLabel:o,classes:n,containerClassName:i,dataTestId:s,disabled:l,field:p,helperTextDataTestId:u,id:d,input:c,inputClassName:_,inputObjectKey:T,label:f,labelDataTestId:m,labelRootClassName:y,meta:b,onChangeText:v,placeholder:I,PasswordInvisibleIcon:h,PasswordVisibleIcon:P,preventEnterSubmit:g,preventFocus:q,tippyProps:E,tooltip:D,tooltipContentDataTestId:x,tooltipIconDataTestId:w,type:S,variant:C,...N}=this.props,{icon:O,outsideIcon:R,adornment:U,helperText:M}=(null==p?void 0:p.configuration)||{},{base:j,selectedOptionsIds:W,retrieveStyle:k,retrieveMuiTheme:F,Component:V,muiTheme:A,...L}=N,Y=S===_constants.INPUT_TYPES.PASSWORD?_react.default.createElement(_UTButton.default,{dataTestId:e,Icon:this.state.visible?P:h,onClick:this.handleClickShowPassword,variant:"text"}):U,K=T?c.value[T]:c.value,B=(0,_form.shouldShowErrors)(b)&&b.error||o||"",H=d||null!=p&&p.id?"".concat(d||p.id):void 0,X=_react.default.createElement(_TextField.default,_extends({id:H,"data-testid":s,placeholder:I,variant:C,label:O?_react.default.createElement("div",{className:n.labelContainer},_react.default.createElement(O,{className:n.labelIcon}),_react.default.createElement("div",null,f)):f,onKeyPress:g?preventDefault:void 0,error:(0,_form.shouldShowErrors)(b),FormHelperTextProps:{component:"div"},helperText:B||M?_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.helperText,colorTheme:B?"error":"gray",dataTestId:u,variant:"small",withMarkdown:!0},B||M):void 0,disabled:l,onChange:e=>{var t,r;q&&e.preventDefault(),c.onChange(v(null!==(t=null==e||null===(r=e.target)||void 0===r?void 0:r.value)&&void 0!==t?t:e))},onClick:e=>{q&&(e.preventDefault(),e.target.blur())},value:K,fullWidth:!0,autoFocus:r,margin:"none",autoComplete:"off",InputProps:{id:H,inputProps:{"data-testid":s,"data-keyboard":(null==c?void 0:c.name)||null},endAdornment:Y&&_react.default.createElement(_InputAdornment.default,{position:"end",className:"".concat(t&&_stylesModule.default.adornmentInside)},Y),type:S===_constants.INPUT_TYPES.PASSWORD?this.state.visible?_constants.INPUT_TYPES.TEXT:_constants.INPUT_TYPES.PASSWORD:S||_constants.INPUT_TYPES.TEXT,classes:{input:"\n              ".concat(a&&n.bigInput,"\n              ").concat(S===_constants.INPUT_TYPES.NUMBER&&_stylesModule.default.numberType,"\n              ").concat(_,"\n            ")}},InputLabelProps:{classes:{root:y},htmlFor:H,"data-testid":m}},L));return _react.default.createElement("div",{className:"".concat(n.container," ").concat(i," ").concat(D&&_stylesModule.default.containerWithTooltip)},D?_react.default.createElement(_react.Fragment,null,X,_react.default.createElement(_UTTooltip.default,{content:D,dataTestId:x,tippyProps:E},_react.default.createElement("span",{className:_stylesModule.default.tooltipIconContainer,"data-testid":w},_react.default.createElement(_HelpOutline.default,{className:"".concat(n.tooltipIcon," ").concat(_stylesModule.default.tooltipIcon)})))):_react.default.createElement(_react.Fragment,null,(0,_react.isValidElement)(R)&&_react.default.createElement("div",{className:_stylesModule.default.iconContainer},R),X))}}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:e=>e,PasswordInvisibleIcon:_VisibilityOff.default,PasswordVisibleIcon:_Visibility.default,preventEnterSubmit:!1};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle,_theme.retrieveMuiTheme)(UTTextInput);