@widergy/energy-ui 3.173.2 → 3.173.4

package/dist/components/UTCuit/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 UTCuit = _ref => {
-  let {
-    version = 'V0',
-    ...props
-  } = _ref;
-  const Component = {
-    V0: _V.default,
-    V1: _V2.default
-  }[version];
-  return /*#__PURE__*/_react.default.createElement(Component, props);
-};
-UTCuit.propTypes = {
-  version: _propTypes.string
-};
-var _default = exports.default = UTCuit;
+"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 UTCuit=e=>{let{version:r="V0",...t}=e;const u={V0:_V.default,V1:_V2.default}[r];return _react.default.createElement(u,t)};UTCuit.propTypes={version:_propTypes.string};var _default=exports.default=UTCuit;

package/dist/components/UTCuit/theme.js

@@ -1,67 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveMuiTheme = void 0;
-var _seamlessImmutable = require("seamless-immutable");
-var _styles = require("@material-ui/core/styles");
-var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const retrieveMuiTheme = theme => (0, _styles.createTheme)({
-  typography: {
-    fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily'])
-  },
-  overrides: {
-    MuiInput: {
-      input: {
-        fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'], 14)),
-        color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'color'])
-      },
-      underline: {
-        '&:hover:not($disabled):not($focused):not($error):before': {
-          borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'hover', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
-        },
-        '&$disabled:before': {
-          borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'disabled', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
-        },
-        '&:before': {
-          borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'unfocused', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
-        },
-        '&$focused:after': {
-          borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'focused', 'borderBottom'], "2px solid ".concat(_colorsModule.default.primary))
-        },
-        '&:after': {
-          borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'base', 'borderBottom'], "2px solid ".concat(_colorsModule.default.primary))
-        },
-        '&$error:after': {
-          borderBottom: "2px solid ".concat(theme.Palette.error['05']),
-          borderBottomColor: theme.Palette.error['05']
-        }
-      }
-    },
-    MuiFormLabel: {
-      root: {
-        color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'formLabel', 'color']),
-        '&$error': {
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'formLabel', 'errorColor'], _colorsModule.default.gray)
-        },
-        '&$focused': {
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'formLabel', 'focusedColor'], _colorsModule.default.primary),
-          '&$error': {
-            color: theme.Palette.error['05']
-          }
-        },
-        fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily']),
-        fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'], 14))
-      }
-    },
-    MuiFormHelperText: {
-      root: {
-        fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'helperText', 'fontSize'], 12),
-        color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'helperText', 'color'], theme.Palette.error['05'])
-      }
-    }
-  }
-});
-exports.retrieveMuiTheme = retrieveMuiTheme;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveMuiTheme=void 0;var _seamlessImmutable=require("seamless-immutable"),_styles=require("@material-ui/core/styles"),_colorsModule=_interopRequireDefault(require("../../scss/variables/colors.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const retrieveMuiTheme=e=>(0,_styles.createTheme)({typography:{fontFamily:(0,_seamlessImmutable.getIn)(e,["Fonts","fontFamily"])},overrides:{MuiInput:{input:{fontSize:(0,_seamlessImmutable.getIn)(e,["UTTextInput","fontSize"],(0,_seamlessImmutable.getIn)(e,["Fonts","medium"],14)),color:(0,_seamlessImmutable.getIn)(e,["UTTextInput","color"])},underline:{"&:hover:not($disabled):not($focused):not($error):before":{borderBottom:(0,_seamlessImmutable.getIn)(e,["UTTextInput","underline","hover","borderBottom"],"1px solid ".concat(_colorsModule.default.gray))},"&$disabled:before":{borderBottom:(0,_seamlessImmutable.getIn)(e,["UTTextInput","underline","disabled","borderBottom"],"1px solid ".concat(_colorsModule.default.gray))},"&:before":{borderBottom:(0,_seamlessImmutable.getIn)(e,["UTTextInput","underline","unfocused","borderBottom"],"1px solid ".concat(_colorsModule.default.gray))},"&$focused:after":{borderBottom:(0,_seamlessImmutable.getIn)(e,["UTTextInput","underline","focused","borderBottom"],"2px solid ".concat(_colorsModule.default.primary))},"&:after":{borderBottom:(0,_seamlessImmutable.getIn)(e,["UTTextInput","underline","base","borderBottom"],"2px solid ".concat(_colorsModule.default.primary))},"&$error:after":{borderBottom:"2px solid ".concat(e.Palette.error["05"]),borderBottomColor:e.Palette.error["05"]}}},MuiFormLabel:{root:{color:(0,_seamlessImmutable.getIn)(e,["UTTextInput","formLabel","color"]),"&$error":{color:(0,_seamlessImmutable.getIn)(e,["UTTextInput","formLabel","errorColor"],_colorsModule.default.gray)},"&$focused":{color:(0,_seamlessImmutable.getIn)(e,["UTTextInput","formLabel","focusedColor"],_colorsModule.default.primary),"&$error":{color:e.Palette.error["05"]}},fontFamily:(0,_seamlessImmutable.getIn)(e,["Fonts","fontFamily"]),fontSize:(0,_seamlessImmutable.getIn)(e,["UTTextInput","fontSize"],(0,_seamlessImmutable.getIn)(e,["Fonts","medium"],14))}},MuiFormHelperText:{root:{fontSize:(0,_seamlessImmutable.getIn)(e,["UTTextInput","helperText","fontSize"],12),color:(0,_seamlessImmutable.getIn)(e,["UTTextInput","helperText","color"],e.Palette.error["05"])}}}});exports.retrieveMuiTheme=retrieveMuiTheme;

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

@@ -1,185 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
-var _form = require("@widergy/web-utils/lib/form");
-var _propTypes = require("prop-types");
-var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
-var _WithTheme = _interopRequireDefault(require("../../../WithTheme"));
-var _formTypes = require("../../../../types/formTypes");
-var _theme = require("./theme");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 _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); }
-class UTCuit extends _react.PureComponent {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "handleChangeCuit", () => {
-      const {
-        prefix,
-        document,
-        verificationCode
-      } = this.state;
-      this.props.input.onChange(prefix.concat(document, verificationCode));
-    });
-    _defineProperty(this, "handleKeyPress", event => {
-      const regexp = /[0-9]+/g;
-      if (!regexp.test(event.key)) {
-        event.preventDefault();
-      }
-    });
-    _defineProperty(this, "handleOnChangePrefix", event => {
-      const normalizePrefix = event.target.value.replace(/^[^2-3]/g, '');
-      const prefix = normalizePrefix.slice(0, 2);
-      this.setState({
-        prefix
-      }, this.handleChangeCuit);
-    });
-    _defineProperty(this, "handleOnChangeDocument", event => {
-      const document = event.target.value.slice(0, 8);
-      this.setState({
-        document
-      }, this.handleChangeCuit);
-    });
-    _defineProperty(this, "handleOnChangeVerificationCode", event => {
-      const verificationCode = event.target.value.slice(0, 1);
-      this.setState({
-        verificationCode
-      }, this.handleChangeCuit);
-    });
-    _defineProperty(this, "handleSetDocument", value => {
-      this.setState({
-        document: value.padStart(8, '0')
-      });
-    });
-    _defineProperty(this, "verificationCodeRef", input => {
-      this.setState({
-        verificationCodeRef: input
-      });
-    });
-    _defineProperty(this, "documentRef", input => {
-      this.setState({
-        documentRef: input
-      });
-    });
-    _defineProperty(this, "handleFocus", () => {
-      if (this.state.prefix.length === 2 && this.state.document.length === 8) {
-        this.state.verificationCodeRef.focus();
-      } else if (this.state.prefix.length === 2) {
-        this.state.documentRef.focus();
-      }
-    });
-    this.state = {
-      prefix: '',
-      verificationCode: '',
-      document: '',
-      verificationCodeRef: null,
-      documentRef: null
-    };
-  }
-  componentDidUpdate() {
-    if (this.state.prefix.length === 0 && this.state.document.length === 0 && this.state.verificationCode.length === 0 && this.props.input && this.props.input.value && this.props.field.configuration.disable_document) this.handleSetDocument(this.props.input.value);
-  }
-  render() {
-    const {
-      prefix,
-      document,
-      verificationCode
-    } = this.state;
-    const {
-      documentDataTestId,
-      prefixDataTestId,
-      verificationCodeDataTestId,
-      input: {
-        name
-      }
-    } = this.props;
-    this.handleFocus();
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: _stylesModule.default.container
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: _stylesModule.default.fieldContainer
-    }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
-      autoComplete: "off",
-      autoFocus: this.props.field.configuration.auto_focus,
-      className: _stylesModule.default.fieldCuit,
-      error: (0, _form.shouldShowErrors)(this.props.meta) ? this.props.meta.error : '',
-      fullWidth: true,
-      InputLabelProps: {
-        shrink: this.props.input.value !== 0
-      },
-      InputProps: {
-        type: 'input',
-        inputProps: {
-          'data-testid': prefixDataTestId,
-          'data-keyboard': name ? "prefix-".concat(name) : null
-        }
-      },
-      label: this.props.field.label,
-      margin: "none",
-      name: "prefix",
-      onChange: this.handleOnChangePrefix,
-      onKeyPress: this.handleKeyPress,
-      placeholder: "XX",
-      value: prefix
-    }), /*#__PURE__*/_react.default.createElement(_TextField.default, {
-      autoComplete: "off",
-      className: _stylesModule.default.fieldDocument,
-      disabled: this.props.field.configuration.disable_document,
-      error: (0, _form.shouldShowErrors)(this.props.meta) ? this.props.meta.error : '',
-      fullWidth: true,
-      InputProps: {
-        type: 'text',
-        inputProps: {
-          'data-testid': documentDataTestId,
-          'data-keyboard': name ? "document-".concat(name) : null
-        }
-      },
-      inputRef: this.documentRef,
-      margin: "none",
-      name: "document",
-      onChange: this.handleOnChangeDocument,
-      onKeyPress: this.handleKeyPress,
-      placeholder: "XXXXXXXX",
-      value: document
-    }), /*#__PURE__*/_react.default.createElement(_TextField.default, {
-      autoComplete: "off",
-      className: _stylesModule.default.fieldCuit,
-      error: (0, _form.shouldShowErrors)(this.props.meta) ? this.props.meta.error : '',
-      fullWidth: true,
-      inputRef: this.verificationCodeRef,
-      InputProps: {
-        type: 'input',
-        inputProps: {
-          'data-testid': verificationCodeDataTestId,
-          'data-keyboard': name ? "verificationCode-".concat(name) : null
-        }
-      },
-      margin: "none",
-      name: "verificationCode",
-      onChange: this.handleOnChangeVerificationCode,
-      onKeyPress: this.handleKeyPress,
-      placeholder: "X",
-      value: verificationCode
-    })), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-      variant: "small",
-      colorTheme: "error"
-    }, (0, _form.shouldShowErrors)(this.props.meta) ? this.props.meta.error : ''));
-  }
-}
-UTCuit.propTypes = {
-  documentDataTestId: _propTypes.string,
-  field: _formTypes.fieldType,
-  input: _formTypes.inputPropTypes,
-  meta: _formTypes.metaPropTypes,
-  prefixDataTestId: _propTypes.string,
-  verificationCodeDataTestId: _propTypes.string
-};
-var _default = exports.default = (0, _WithTheme.default)(null, _theme.retrieveMuiTheme)(UTCuit);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_TextField=_interopRequireDefault(require("@material-ui/core/TextField")),_form=require("@widergy/web-utils/lib/form"),_propTypes=require("prop-types"),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_WithTheme=_interopRequireDefault(require("../../../WithTheme")),_formTypes=require("../../../../types/formTypes"),_theme=require("./theme"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,i=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,a,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(o=t?i:r){if(o.has(e))return o.get(e);o.set(e,n)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((a=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?o(n,t,a):n[t]=e[t]);return n})(e,t)}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 i=r.call(e,t||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}class UTCuit extends _react.PureComponent{constructor(e){super(e),_defineProperty(this,"handleChangeCuit",()=>{const{prefix:e,document:t,verificationCode:r}=this.state;this.props.input.onChange(e.concat(t,r))}),_defineProperty(this,"handleKeyPress",e=>{/[0-9]+/g.test(e.key)||e.preventDefault()}),_defineProperty(this,"handleOnChangePrefix",e=>{const t=e.target.value.replace(/^[^2-3]/g,"").slice(0,2);this.setState({prefix:t},this.handleChangeCuit)}),_defineProperty(this,"handleOnChangeDocument",e=>{const t=e.target.value.slice(0,8);this.setState({document:t},this.handleChangeCuit)}),_defineProperty(this,"handleOnChangeVerificationCode",e=>{const t=e.target.value.slice(0,1);this.setState({verificationCode:t},this.handleChangeCuit)}),_defineProperty(this,"handleSetDocument",e=>{this.setState({document:e.padStart(8,"0")})}),_defineProperty(this,"verificationCodeRef",e=>{this.setState({verificationCodeRef:e})}),_defineProperty(this,"documentRef",e=>{this.setState({documentRef:e})}),_defineProperty(this,"handleFocus",()=>{2===this.state.prefix.length&&8===this.state.document.length?this.state.verificationCodeRef.focus():2===this.state.prefix.length&&this.state.documentRef.focus()}),this.state={prefix:"",verificationCode:"",document:"",verificationCodeRef:null,documentRef:null}}componentDidUpdate(){0===this.state.prefix.length&&0===this.state.document.length&&0===this.state.verificationCode.length&&this.props.input&&this.props.input.value&&this.props.field.configuration.disable_document&&this.handleSetDocument(this.props.input.value)}render(){const{prefix:e,document:t,verificationCode:r}=this.state,{documentDataTestId:i,prefixDataTestId:o,verificationCodeDataTestId:a,input:{name:n}}=this.props;return this.handleFocus(),_react.default.createElement("div",{className:_stylesModule.default.container},_react.default.createElement("div",{className:_stylesModule.default.fieldContainer},_react.default.createElement(_TextField.default,{autoComplete:"off",autoFocus:this.props.field.configuration.auto_focus,className:_stylesModule.default.fieldCuit,error:(0,_form.shouldShowErrors)(this.props.meta)?this.props.meta.error:"",fullWidth:!0,InputLabelProps:{shrink:0!==this.props.input.value},InputProps:{type:"input",inputProps:{"data-testid":o,"data-keyboard":n?"prefix-".concat(n):null}},label:this.props.field.label,margin:"none",name:"prefix",onChange:this.handleOnChangePrefix,onKeyPress:this.handleKeyPress,placeholder:"XX",value:e}),_react.default.createElement(_TextField.default,{autoComplete:"off",className:_stylesModule.default.fieldDocument,disabled:this.props.field.configuration.disable_document,error:(0,_form.shouldShowErrors)(this.props.meta)?this.props.meta.error:"",fullWidth:!0,InputProps:{type:"text",inputProps:{"data-testid":i,"data-keyboard":n?"document-".concat(n):null}},inputRef:this.documentRef,margin:"none",name:"document",onChange:this.handleOnChangeDocument,onKeyPress:this.handleKeyPress,placeholder:"XXXXXXXX",value:t}),_react.default.createElement(_TextField.default,{autoComplete:"off",className:_stylesModule.default.fieldCuit,error:(0,_form.shouldShowErrors)(this.props.meta)?this.props.meta.error:"",fullWidth:!0,inputRef:this.verificationCodeRef,InputProps:{type:"input",inputProps:{"data-testid":a,"data-keyboard":n?"verificationCode-".concat(n):null}},margin:"none",name:"verificationCode",onChange:this.handleOnChangeVerificationCode,onKeyPress:this.handleKeyPress,placeholder:"X",value:r})),_react.default.createElement(_UTLabel.default,{variant:"small",colorTheme:"error"},(0,_form.shouldShowErrors)(this.props.meta)?this.props.meta.error:""))}}UTCuit.propTypes={documentDataTestId:_propTypes.string,field:_formTypes.fieldType,input:_formTypes.inputPropTypes,meta:_formTypes.metaPropTypes,prefixDataTestId:_propTypes.string,verificationCodeDataTestId:_propTypes.string};var _default=exports.default=(0,_WithTheme.default)(null,_theme.retrieveMuiTheme)(UTCuit);

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

@@ -1,67 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveMuiTheme = void 0;
-var _seamlessImmutable = require("seamless-immutable");
-var _styles = require("@material-ui/core/styles");
-var _colorsModule = _interopRequireDefault(require("../../../../scss/variables/colors.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const retrieveMuiTheme = theme => (0, _styles.createTheme)({
-  typography: {
-    fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily'])
-  },
-  overrides: {
-    MuiInput: {
-      input: {
-        fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'], 14)),
-        color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'color'])
-      },
-      underline: {
-        '&:hover:not($disabled):not($focused):not($error):before': {
-          borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'hover', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
-        },
-        '&$disabled:before': {
-          borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'disabled', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
-        },
-        '&:before': {
-          borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'unfocused', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
-        },
-        '&$focused:after': {
-          borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'focused', 'borderBottom'], "2px solid ".concat(_colorsModule.default.primary))
-        },
-        '&:after': {
-          borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'underline', 'base', 'borderBottom'], "2px solid ".concat(_colorsModule.default.primary))
-        },
-        '&$error:after': {
-          borderBottom: "2px solid ".concat(theme.Palette.error['05']),
-          borderBottomColor: theme.Palette.error['05']
-        }
-      }
-    },
-    MuiFormLabel: {
-      root: {
-        color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'formLabel', 'color']),
-        '&$error': {
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'formLabel', 'errorColor'], _colorsModule.default.gray)
-        },
-        '&$focused': {
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'formLabel', 'focusedColor'], _colorsModule.default.primary),
-          '&$error': {
-            color: theme.Palette.error['05']
-          }
-        },
-        fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily']),
-        fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'], 14))
-      }
-    },
-    MuiFormHelperText: {
-      root: {
-        fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'helperText', 'fontSize'], 12),
-        color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'helperText', 'color'], theme.Palette.error['05'])
-      }
-    }
-  }
-});
-exports.retrieveMuiTheme = retrieveMuiTheme;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveMuiTheme=void 0;var _seamlessImmutable=require("seamless-immutable"),_styles=require("@material-ui/core/styles"),_colorsModule=_interopRequireDefault(require("../../../../scss/variables/colors.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const retrieveMuiTheme=e=>(0,_styles.createTheme)({typography:{fontFamily:(0,_seamlessImmutable.getIn)(e,["Fonts","fontFamily"])},overrides:{MuiInput:{input:{fontSize:(0,_seamlessImmutable.getIn)(e,["UTTextInput","fontSize"],(0,_seamlessImmutable.getIn)(e,["Fonts","medium"],14)),color:(0,_seamlessImmutable.getIn)(e,["UTTextInput","color"])},underline:{"&:hover:not($disabled):not($focused):not($error):before":{borderBottom:(0,_seamlessImmutable.getIn)(e,["UTTextInput","underline","hover","borderBottom"],"1px solid ".concat(_colorsModule.default.gray))},"&$disabled:before":{borderBottom:(0,_seamlessImmutable.getIn)(e,["UTTextInput","underline","disabled","borderBottom"],"1px solid ".concat(_colorsModule.default.gray))},"&:before":{borderBottom:(0,_seamlessImmutable.getIn)(e,["UTTextInput","underline","unfocused","borderBottom"],"1px solid ".concat(_colorsModule.default.gray))},"&$focused:after":{borderBottom:(0,_seamlessImmutable.getIn)(e,["UTTextInput","underline","focused","borderBottom"],"2px solid ".concat(_colorsModule.default.primary))},"&:after":{borderBottom:(0,_seamlessImmutable.getIn)(e,["UTTextInput","underline","base","borderBottom"],"2px solid ".concat(_colorsModule.default.primary))},"&$error:after":{borderBottom:"2px solid ".concat(e.Palette.error["05"]),borderBottomColor:e.Palette.error["05"]}}},MuiFormLabel:{root:{color:(0,_seamlessImmutable.getIn)(e,["UTTextInput","formLabel","color"]),"&$error":{color:(0,_seamlessImmutable.getIn)(e,["UTTextInput","formLabel","errorColor"],_colorsModule.default.gray)},"&$focused":{color:(0,_seamlessImmutable.getIn)(e,["UTTextInput","formLabel","focusedColor"],_colorsModule.default.primary),"&$error":{color:e.Palette.error["05"]}},fontFamily:(0,_seamlessImmutable.getIn)(e,["Fonts","fontFamily"]),fontSize:(0,_seamlessImmutable.getIn)(e,["UTTextInput","fontSize"],(0,_seamlessImmutable.getIn)(e,["Fonts","medium"],14))}},MuiFormHelperText:{root:{fontSize:(0,_seamlessImmutable.getIn)(e,["UTTextInput","helperText","fontSize"],12),color:(0,_seamlessImmutable.getIn)(e,["UTTextInput","helperText","color"],e.Palette.error["05"])}}}});exports.retrieveMuiTheme=retrieveMuiTheme;

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

@@ -1,163 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _form = require("@widergy/web-utils/lib/form");
-var _propTypes = require("prop-types");
-var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
-var _UTTextInput = _interopRequireDefault(require("../../../UTTextInput"));
-var _WithTheme = _interopRequireDefault(require("../../../WithTheme"));
-var _formTypes = require("../../../../types/formTypes");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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); }
-const UTCuit = _ref => {
-  var _field$configuration;
-  let {
-    documentDataTestId,
-    field,
-    input,
-    meta,
-    prefixDataTestId,
-    verificationCodeDataTestId,
-    dni,
-    disableDocument = false
-  } = _ref;
-  const [prefix, setPrefix] = (0, _react.useState)('');
-  const [verificationCode, setVerificationCode] = (0, _react.useState)('');
-  const [document, setDocument] = (0, _react.useState)('');
-  const verificationCodeRef = (0, _react.useRef)(null);
-  const documentRef = (0, _react.useRef)(null);
-  const getDocumentValue = (0, _react.useCallback)(() => {
-    const rawDocumentValue = disableDocument && dni ? dni : document;
-    return rawDocumentValue ? rawDocumentValue.padStart(8, '0') : '';
-  }, [disableDocument, dni, document]);
-  const handleChangeCuit = (0, _react.useCallback)(() => {
-    const documentValue = getDocumentValue();
-    const fullCuit = prefix.concat(documentValue, verificationCode);
-    input.onChange(fullCuit);
-  }, [prefix, document, verificationCode, input, disableDocument, dni]);
-  (0, _react.useEffect)(() => {
-    if (disableDocument && dni && !document) {
-      setDocument(dni.padStart(8, '0'));
-    }
-  }, [disableDocument, dni, document]);
-  const handleOnChangePrefix = (0, _react.useCallback)(event => {
-    const value = event && event.target ? event.target.value : event;
-    const numericValue = value.replace(/[^0-9]/g, '');
-    if (numericValue.length === 0) {
-      setPrefix('');
-    } else if (numericValue[0] === '2') {
-      setPrefix(numericValue);
-    } else {
-      setPrefix('');
-    }
-  }, []);
-  const handleOnChangeDocument = (0, _react.useCallback)(event => {
-    const value = event && event.target ? event.target.value : event;
-    const numericValue = value.replace(/[^0-9]/g, '');
-    setDocument(numericValue);
-  }, []);
-  const handleOnChangeVerificationCode = (0, _react.useCallback)(event => {
-    const value = event && event.target ? event.target.value : event;
-    const numericValue = value.replace(/[^0-9]/g, '');
-    setVerificationCode(numericValue);
-  }, []);
-  const handleFocus = (0, _react.useCallback)(() => {
-    const documentValue = getDocumentValue();
-    if (prefix.length === 2 && documentValue.length === 8) {
-      var _verificationCodeRef$;
-      (_verificationCodeRef$ = verificationCodeRef.current) === null || _verificationCodeRef$ === void 0 || _verificationCodeRef$.focus();
-    } else if (prefix.length === 2 && !disableDocument) {
-      var _documentRef$current;
-      (_documentRef$current = documentRef.current) === null || _documentRef$current === void 0 || _documentRef$current.focus();
-    }
-  }, [prefix, document, disableDocument, dni]);
-  (0, _react.useEffect)(() => {
-    handleChangeCuit();
-  }, [handleChangeCuit]);
-  (0, _react.useEffect)(() => {
-    handleFocus();
-  }, [handleFocus]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.container
-  }, (field === null || field === void 0 ? void 0 : field.label) && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: _stylesModule.default.label,
-    variant: "medium"
-  }, field === null || field === void 0 ? void 0 : field.label), /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.fieldContainer
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.fieldCuit
-  }, /*#__PURE__*/_react.default.createElement(_UTTextInput.default, {
-    version: "V1",
-    autoComplete: "off",
-    autofocus: ((_field$configuration = field.configuration) === null || _field$configuration === void 0 ? void 0 : _field$configuration.auto_focus) || false,
-    dataTestId: prefixDataTestId,
-    alwaysShowPlaceholder: true,
-    field: field,
-    input: {
-      name: 'prefix'
-    },
-    maxLength: 2,
-    meta: meta,
-    onChange: handleOnChangePrefix,
-    placeholder: "XX",
-    type: "text",
-    value: prefix || ''
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.fieldDocument
-  }, /*#__PURE__*/_react.default.createElement(_UTTextInput.default, {
-    version: "V1",
-    autoComplete: "off",
-    dataTestId: documentDataTestId,
-    alwaysShowPlaceholder: !dni,
-    disabled: disableDocument && dni,
-    field: field,
-    value: dni,
-    input: {
-      value: disableDocument && dni ? dni : document,
-      onChange: disableDocument && dni ? () => {} : handleOnChangeDocument,
-      name: 'document'
-    },
-    maxLength: 8,
-    inputRef: !disableDocument ? documentRef : null,
-    meta: meta,
-    placeholder: "XXXXXXXX",
-    type: "numeric"
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.fieldCuit
-  }, /*#__PURE__*/_react.default.createElement(_UTTextInput.default, {
-    version: "V1",
-    autoComplete: "off",
-    dataTestId: verificationCodeDataTestId,
-    alwaysShowPlaceholder: true,
-    field: field,
-    input: {
-      value: verificationCode || '',
-      name: 'verificationCode'
-    },
-    onChange: handleOnChangeVerificationCode,
-    maxLength: 1,
-    inputRef: verificationCodeRef,
-    meta: meta,
-    placeholder: "X",
-    type: "text"
-  }))), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    variant: "small",
-    colorTheme: "error"
-  }, (0, _form.shouldShowErrors)(meta) ? meta.error : ''));
-};
-UTCuit.propTypes = {
-  documentDataTestId: _propTypes.string,
-  field: _formTypes.fieldType,
-  input: _formTypes.inputPropTypes,
-  meta: _formTypes.metaPropTypes,
-  prefixDataTestId: _propTypes.string,
-  verificationCodeDataTestId: _propTypes.string,
-  dni: _propTypes.string,
-  disableDocument: _propTypes.bool
-};
-var _default = exports.default = (0, _WithTheme.default)(null, null)(UTCuit);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_form=require("@widergy/web-utils/lib/form"),_propTypes=require("prop-types"),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_UTTextInput=_interopRequireDefault(require("../../../UTTextInput")),_WithTheme=_interopRequireDefault(require("../../../WithTheme")),_formTypes=require("../../../../types/formTypes"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var l,u,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(l=t?r:a){if(l.has(e))return l.get(e);l.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((u=(l=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(u.get||u.set)?l(o,t,u):o[t]=e[t]);return o})(e,t)}const UTCuit=e=>{var t;let{documentDataTestId:a,field:r,input:l,meta:u,prefixDataTestId:o,verificationCodeDataTestId:n,dni:i,disableDocument:s=!1}=e;const[c,d]=(0,_react.useState)(""),[f,p]=(0,_react.useState)(""),[_,m]=(0,_react.useState)(""),T=(0,_react.useRef)(null),y=(0,_react.useRef)(null),v=(0,_react.useCallback)(()=>{const e=s&&i?i:_;return e?e.padStart(8,"0"):""},[s,i,_]),h=(0,_react.useCallback)(()=>{const e=v(),t=c.concat(e,f);l.onChange(t)},[c,_,f,l,s,i]);(0,_react.useEffect)(()=>{s&&i&&!_&&m(i.padStart(8,"0"))},[s,i,_]);const g=(0,_react.useCallback)(e=>{const t=(e&&e.target?e.target.value:e).replace(/[^0-9]/g,"");0===t.length?d(""):"2"===t[0]?d(t):d("")},[]),b=(0,_react.useCallback)(e=>{const t=(e&&e.target?e.target.value:e).replace(/[^0-9]/g,"");m(t)},[]),C=(0,_react.useCallback)(e=>{const t=(e&&e.target?e.target.value:e).replace(/[^0-9]/g,"");p(t)},[]),q=(0,_react.useCallback)(()=>{const e=v();var t;if(2===c.length&&8===e.length)null===(t=T.current)||void 0===t||t.focus();else if(2===c.length&&!s){var a;null===(a=y.current)||void 0===a||a.focus()}},[c,_,s,i]);return(0,_react.useEffect)(()=>{h()},[h]),(0,_react.useEffect)(()=>{q()},[q]),_react.default.createElement("div",{className:_stylesModule.default.container},(null==r?void 0:r.label)&&_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.label,variant:"medium"},null==r?void 0:r.label),_react.default.createElement("div",{className:_stylesModule.default.fieldContainer},_react.default.createElement("div",{className:_stylesModule.default.fieldCuit},_react.default.createElement(_UTTextInput.default,{version:"V1",autoComplete:"off",autofocus:(null===(t=r.configuration)||void 0===t?void 0:t.auto_focus)||!1,dataTestId:o,alwaysShowPlaceholder:!0,field:r,input:{name:"prefix"},maxLength:2,meta:u,onChange:g,placeholder:"XX",type:"text",value:c||""})),_react.default.createElement("div",{className:_stylesModule.default.fieldDocument},_react.default.createElement(_UTTextInput.default,{version:"V1",autoComplete:"off",dataTestId:a,alwaysShowPlaceholder:!i,disabled:s&&i,field:r,value:i,input:{value:s&&i?i:_,onChange:s&&i?()=>{}:b,name:"document"},maxLength:8,inputRef:s?null:y,meta:u,placeholder:"XXXXXXXX",type:"numeric"})),_react.default.createElement("div",{className:_stylesModule.default.fieldCuit},_react.default.createElement(_UTTextInput.default,{version:"V1",autoComplete:"off",dataTestId:n,alwaysShowPlaceholder:!0,field:r,input:{value:f||"",name:"verificationCode"},onChange:C,maxLength:1,inputRef:T,meta:u,placeholder:"X",type:"text"}))),_react.default.createElement(_UTLabel.default,{variant:"small",colorTheme:"error"},(0,_form.shouldShowErrors)(u)?u.error:""))};UTCuit.propTypes={documentDataTestId:_propTypes.string,field:_formTypes.fieldType,input:_formTypes.inputPropTypes,meta:_formTypes.metaPropTypes,prefixDataTestId:_propTypes.string,verificationCodeDataTestId:_propTypes.string,dni:_propTypes.string,disableDocument:_propTypes.bool};var _default=exports.default=(0,_WithTheme.default)(null,null)(UTCuit);

package/dist/components/UTDataCategory/components/MainAction/index.js

@@ -1,47 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _testIds = require("../../../../constants/testIds");
-var _UTSwitch = _interopRequireDefault(require("../../../UTSwitch"));
-var _UTButton = _interopRequireDefault(require("../../../UTButton"));
-var _constants = require("../../constants");
-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 {
-  dataElement
-} = _testIds.TEST_IDS;
-const MainAction = _ref => {
-  let {
-    type = _constants.ACTION_TYPE.BUTTON,
-    onChange,
-    value,
-    onClick,
-    dataTestId,
-    ...props
-  } = _ref;
-  return type === _constants.ACTION_TYPE.SWITCH && onChange ? /*#__PURE__*/_react.default.createElement(_UTSwitch.default, _extends({
-    onChange: onChange,
-    value: value
-  }, props, {
-    dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(dataElement.switchAction) : undefined,
-    version: "V1"
-  })) : type === _constants.ACTION_TYPE.BUTTON && onClick ? /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
-    dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(dataElement.buttonAction) : undefined,
-    variant: "text",
-    onClick: onClick
-  }, props)) : null;
-};
-MainAction.propTypes = {
-  dataTestId: _propTypes.string,
-  id: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.number]),
-  onChange: _propTypes.func,
-  onClick: _propTypes.func,
-  type: (0, _propTypes.oneOf)(Object.values(_constants.ACTION_TYPE)),
-  value: _propTypes.bool
-};
-var _default = exports.default = MainAction;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_testIds=require("../../../../constants/testIds"),_UTSwitch=_interopRequireDefault(require("../../../UTSwitch")),_UTButton=_interopRequireDefault(require("../../../UTButton")),_constants=require("../../constants");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 n=arguments[t];for(var a in n)({}).hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},_extends.apply(null,arguments)}const{dataElement:dataElement}=_testIds.TEST_IDS,MainAction=e=>{let{type:t=_constants.ACTION_TYPE.BUTTON,onChange:n,value:a,onClick:r,dataTestId:o,...s}=e;return t===_constants.ACTION_TYPE.SWITCH&&n?_react.default.createElement(_UTSwitch.default,_extends({onChange:n,value:a},s,{dataTestId:o?"".concat(o,".").concat(dataElement.switchAction):void 0,version:"V1"})):t===_constants.ACTION_TYPE.BUTTON&&r?_react.default.createElement(_UTButton.default,_extends({dataTestId:o?"".concat(o,".").concat(dataElement.buttonAction):void 0,variant:"text",onClick:r},s)):null};MainAction.propTypes={dataTestId:_propTypes.string,id:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.number]),onChange:_propTypes.func,onClick:_propTypes.func,type:(0,_propTypes.oneOf)(Object.values(_constants.ACTION_TYPE)),value:_propTypes.bool};var _default=exports.default=MainAction;

package/dist/components/UTDataCategory/constants.js

@@ -1,11 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.WITHOUT_DATA_TEXT = exports.ACTION_TYPE = void 0;
-const WITHOUT_DATA_TEXT = exports.WITHOUT_DATA_TEXT = 'Sin datos';
-const ACTION_TYPE = exports.ACTION_TYPE = {
-  SWITCH: 'switch',
-  BUTTON: 'button'
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WITHOUT_DATA_TEXT=exports.ACTION_TYPE=void 0;const WITHOUT_DATA_TEXT=exports.WITHOUT_DATA_TEXT="Sin datos",ACTION_TYPE=exports.ACTION_TYPE={SWITCH:"switch",BUTTON:"button"};