@hitachivantara/uikit-react-core 4.0.3 → 4.0.4

package/dist/BaseInput/BaseInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseInput.js","names":["HvBaseInput","props","classes","className","id","name","value","defaultValue","required","readOnly","disabled","onChange","type","placeholder","multiline","resizable","invalid","inputRef","inputProps","others","formElementContext","useContext","HvFormElementContext","formElementProps","buildFormElementPropsFromContext","localInvalid","status","formElementDescriptorsContext","HvFormElementDescriptorsContext","ariaProps","buildAriaPropsFromContext","onChangeHandler","event","target","clsx","root","inputRoot","focused","inputRootFocused","inputRootDisabled","inputRootMultiline","input","inputResizable","inputDisabled","inputBorderContainer","formElementType","propTypes","PropTypes","string","shape","isRequired","bool","func","instanceOf","Object","refType","withStyles","styles"],"sources":["../../src/BaseInput/BaseInput.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Input } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { refType } from \"../utils\";\nimport styles from \"./styles\";\n\nimport {\n  HvFormElementContext,\n  HvFormElementDescriptorsContext,\n  buildFormElementPropsFromContext,\n  buildAriaPropsFromContext,\n} from \"../Forms/FormElement\";\n\n/**\n * An Input component that only posses the most basic functionalities.\n * It should be used alongside the other form elements to construct a proper accessible form.\n */\nconst HvBaseInput = (props) => {\n  const {\n    classes,\n    className = \"\",\n\n    id,\n    name,\n\n    value,\n    defaultValue,\n\n    required,\n    readOnly,\n    disabled,\n\n    onChange,\n\n    type = \"text\",\n\n    placeholder,\n\n    multiline = false,\n    resizable = false,\n    invalid = false,\n\n    inputRef,\n    inputProps = {},\n\n    ...others\n  } = props;\n\n  const formElementContext = useContext(HvFormElementContext);\n  const formElementProps = buildFormElementPropsFromContext(props, formElementContext);\n\n  const localInvalid = invalid || formElementProps.status === \"invalid\";\n\n  const formElementDescriptorsContext = useContext(HvFormElementDescriptorsContext);\n  const ariaProps = buildAriaPropsFromContext(\n    inputProps,\n    formElementDescriptorsContext,\n    localInvalid,\n    id\n  );\n\n  const onChangeHandler = (event) => {\n    onChange?.(event, event.target.value);\n  };\n\n  return (\n    <div\n      className={clsx(classes.root, className, {\n        [classes.disabled]: formElementProps.disabled,\n        [classes.invalid]: localInvalid,\n        [classes.resizable]: multiline && resizable,\n        [classes.readOnly]: readOnly,\n      })}\n    >\n      <Input\n        id={id}\n        name={formElementProps.name}\n        value={value}\n        defaultValue={defaultValue}\n        type={type}\n        placeholder={placeholder}\n        readOnly={formElementProps.readOnly}\n        disabled={formElementProps.disabled}\n        onChange={onChangeHandler}\n        classes={{\n          root: classes.inputRoot,\n          focused: classes.inputRootFocused,\n          disabled: classes.inputRootDisabled,\n          multiline: classes.inputRootMultiline,\n          input: clsx(classes.input, {\n            [classes.inputResizable]: !formElementProps.disabled && resizable,\n            [classes.inputDisabled]: disabled,\n          }),\n        }}\n        inputProps={{\n          // avoid the required attribute at the root node\n          required: formElementProps.required,\n          ...inputProps,\n          ...ariaProps,\n        }}\n        inputRef={inputRef}\n        multiline={multiline}\n        rows={10}\n        {...others}\n      />\n      {!multiline && <div role=\"presentation\" className={classes.inputBorderContainer} />}\n    </div>\n  );\n};\n\nHvBaseInput.formElementType = \"input\";\n\nHvBaseInput.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root container of the input.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the root container of the input when it is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the root container of the input when it is invalid.\n     */\n    invalid: PropTypes.string,\n    /**\n     * Styles applied to the root container of the input when it is resizable.\n     */\n    resizable: PropTypes.string,\n\n    /**\n     * Styles applied to input root which is the input that encloses all the other elements.\n     */\n    inputRoot: PropTypes.string,\n    /**\n     * Styles applied to input root when it is focused.\n     */\n    inputRootFocused: PropTypes.string,\n    /**\n     * Styles applied to input html element when it is disabled.\n     */\n    inputRootDisabled: PropTypes.string,\n    /**\n     * Styles applied to input html element when it is multiline mode.\n     */\n    inputRootMultiline: PropTypes.string,\n\n    /**\n     * Styles applied to input html element.\n     */\n    input: PropTypes.string,\n    /**\n     * Styles applied to input html element when is disabled.\n     */\n    inputDisabled: PropTypes.string,\n    /**\n     * Styles applied to input html element when it is resizable.\n     */\n    inputResizable: PropTypes.string,\n\n    /**\n     * Styles applied to the container of the border element.\n     */\n    inputBorderContainer: PropTypes.string,\n    /**\n     * Styles applied to the container of the border element, when in read only mode.\n     */\n    readOnly: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * The input name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The value of the input, when controlled.\n   */\n  value: PropTypes.string,\n  /**\n   * The initial value of the input, when uncontrolled.\n   */\n  defaultValue: PropTypes.string,\n\n  /**\n   * If `true` the input is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the input is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * If true, the input element will be required.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The function that will be executed onChange, allows modification of the input,\n   * it receives the value. If a new value should be presented it must returned it.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The input type.\n   */\n  type: PropTypes.string,\n\n  /**\n   * Label inside the input used to help user.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * If true, a textarea element will be rendered.\n   */\n  multiline: PropTypes.bool,\n  /**\n   * If true and multiline is also true the textarea element will be resizable.\n   */\n  resizable: PropTypes.bool,\n  /**\n   * Denotes if the input is in an invalid state.\n   */\n  invalid: PropTypes.bool,\n\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n  /**\n   * Allows passing a ref to the underlying input\n   */\n  inputRef: refType,\n};\n\nexport default withStyles(styles, { name: \"HvBaseInput\" })(HvBaseInput);\n"],"mappings":"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"}
+{"version":3,"file":"BaseInput.js","names":["HvBaseInput","props","classes","className","id","name","value","defaultValue","required","readOnly","disabled","onChange","type","placeholder","multiline","resizable","invalid","inputRef","inputProps","others","formElementContext","useContext","HvFormElementContext","formElementProps","buildFormElementPropsFromContext","localInvalid","status","formElementDescriptorsContext","HvFormElementDescriptorsContext","ariaProps","buildAriaPropsFromContext","onChangeHandler","event","target","clsx","root","inputRoot","focused","inputRootFocused","inputRootDisabled","inputRootMultiline","input","inputResizable","inputDisabled","inputBorderContainer","formElementType","propTypes","PropTypes","string","shape","isRequired","bool","func","instanceOf","Object","refType","withStyles","styles"],"sources":["../../src/BaseInput/BaseInput.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Input } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { refType } from \"../utils\";\nimport styles from \"./styles\";\n\nimport {\n  HvFormElementContext,\n  HvFormElementDescriptorsContext,\n  buildFormElementPropsFromContext,\n  buildAriaPropsFromContext,\n} from \"../Forms/FormElement\";\n\n/**\n * An Input component that only posses the most basic functionalities.\n * It should be used alongside the other form elements to construct a proper accessible form.\n */\nconst HvBaseInput = (props) => {\n  const {\n    classes,\n    className = \"\",\n\n    id,\n    name,\n\n    value,\n    defaultValue,\n\n    required,\n    readOnly,\n    disabled,\n\n    onChange,\n\n    type = \"text\",\n\n    placeholder,\n\n    multiline = false,\n    resizable = false,\n    invalid = false,\n\n    inputRef,\n    inputProps = {},\n\n    ...others\n  } = props;\n\n  const formElementContext = useContext(HvFormElementContext);\n  const formElementProps = buildFormElementPropsFromContext(props, formElementContext);\n\n  const localInvalid = invalid || formElementProps.status === \"invalid\";\n\n  const formElementDescriptorsContext = useContext(HvFormElementDescriptorsContext);\n  const ariaProps = buildAriaPropsFromContext(\n    inputProps,\n    formElementDescriptorsContext,\n    localInvalid,\n    id\n  );\n\n  const onChangeHandler = (event) => {\n    onChange?.(event, event.target.value);\n  };\n\n  return (\n    <div\n      className={clsx(classes.root, className, {\n        [classes.disabled]: formElementProps.disabled,\n        [classes.invalid]: localInvalid,\n        [classes.resizable]: multiline && resizable,\n        [classes.readOnly]: readOnly,\n      })}\n    >\n      <Input\n        id={id}\n        name={formElementProps.name}\n        value={value}\n        defaultValue={defaultValue}\n        type={type}\n        placeholder={placeholder}\n        readOnly={formElementProps.readOnly}\n        disabled={formElementProps.disabled}\n        onChange={onChangeHandler}\n        classes={{\n          root: classes.inputRoot,\n          focused: classes.inputRootFocused,\n          disabled: classes.inputRootDisabled,\n          multiline: classes.inputRootMultiline,\n          input: clsx(classes.input, {\n            [classes.inputResizable]: !formElementProps.disabled && resizable,\n            [classes.inputDisabled]: disabled,\n          }),\n        }}\n        inputProps={{\n          // avoid the required attribute at the root node\n          required: formElementProps.required,\n          ...inputProps,\n          ...ariaProps,\n        }}\n        inputRef={inputRef}\n        multiline={multiline}\n        rows={10}\n        {...others}\n      />\n      {!multiline && <div role=\"presentation\" className={classes.inputBorderContainer} />}\n    </div>\n  );\n};\n\nHvBaseInput.formElementType = \"input\";\n\nHvBaseInput.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root container of the input.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the root container of the input when it is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the root container of the input when it is invalid.\n     */\n    invalid: PropTypes.string,\n    /**\n     * Styles applied to the root container of the input when it is resizable.\n     */\n    resizable: PropTypes.string,\n\n    /**\n     * Styles applied to input root which is the input that encloses all the other elements.\n     */\n    inputRoot: PropTypes.string,\n    /**\n     * Styles applied to input root when it is focused.\n     */\n    inputRootFocused: PropTypes.string,\n    /**\n     * Styles applied to input html element when it is disabled.\n     */\n    inputRootDisabled: PropTypes.string,\n    /**\n     * Styles applied to input html element when it is multiline mode.\n     */\n    inputRootMultiline: PropTypes.string,\n\n    /**\n     * Styles applied to input html element.\n     */\n    input: PropTypes.string,\n    /**\n     * Styles applied to input html element when is disabled.\n     */\n    inputDisabled: PropTypes.string,\n    /**\n     * Styles applied to input html element when it is resizable.\n     */\n    inputResizable: PropTypes.string,\n\n    /**\n     * Styles applied to the container of the border element.\n     */\n    inputBorderContainer: PropTypes.string,\n    /**\n     * Styles applied to the container of the border element, when in read only mode.\n     */\n    readOnly: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * The input name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The value of the input, when controlled.\n   */\n  value: PropTypes.string,\n  /**\n   * The initial value of the input, when uncontrolled.\n   */\n  defaultValue: PropTypes.string,\n\n  /**\n   * If `true` the input is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the input is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * If true, the input element will be required.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The function that will be executed onChange, allows modification of the input,\n   * it receives the value. If a new value should be presented it must returned it.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The input type.\n   */\n  type: PropTypes.string,\n\n  /**\n   * Label inside the input used to help user.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * If true, a textarea element will be rendered.\n   */\n  multiline: PropTypes.bool,\n  /**\n   * If true and multiline is also true the textarea element will be resizable.\n   */\n  resizable: PropTypes.bool,\n  /**\n   * Denotes if the input is in an invalid state.\n   */\n  invalid: PropTypes.bool,\n\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n  /**\n   * Allows passing a ref to the underlying input\n   */\n  inputRef: refType,\n};\n\nexport default withStyles(styles, { name: \"HvBaseInput\" })(HvBaseInput);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAK8B;AAAA;AAAA;AAAA;AAAA;AAAA;AAE9B;AACA;AACA;AACA;AACA,IAAMA,WAAW,GAAG,SAAdA,WAAW,CAAIC,KAAK,EAAK;EAC7B,IACEC,OAAO,GA2BLD,KAAK,CA3BPC,OAAO;IAAA,mBA2BLD,KAAK,CA1BPE,SAAS;IAATA,SAAS,iCAAG,EAAE;IAEdC,EAAE,GAwBAH,KAAK,CAxBPG,EAAE;IACFC,IAAI,GAuBFJ,KAAK,CAvBPI,IAAI;IAEJC,KAAK,GAqBHL,KAAK,CArBPK,KAAK;IACLC,YAAY,GAoBVN,KAAK,CApBPM,YAAY;IAEZC,QAAQ,GAkBNP,KAAK,CAlBPO,QAAQ;IACRC,QAAQ,GAiBNR,KAAK,CAjBPQ,QAAQ;IACRC,QAAQ,GAgBNT,KAAK,CAhBPS,QAAQ;IAERC,QAAQ,GAcNV,KAAK,CAdPU,QAAQ;IAAA,cAcNV,KAAK,CAZPW,IAAI;IAAJA,IAAI,4BAAG,MAAM;IAEbC,WAAW,GAUTZ,KAAK,CAVPY,WAAW;IAAA,mBAUTZ,KAAK,CARPa,SAAS;IAATA,SAAS,iCAAG,KAAK;IAAA,mBAQfb,KAAK,CAPPc,SAAS;IAATA,SAAS,iCAAG,KAAK;IAAA,iBAOfd,KAAK,CANPe,OAAO;IAAPA,OAAO,+BAAG,KAAK;IAEfC,QAAQ,GAINhB,KAAK,CAJPgB,QAAQ;IAAA,oBAINhB,KAAK,CAHPiB,UAAU;IAAVA,UAAU,kCAAG,CAAC,CAAC;IAEZC,MAAM,0CACPlB,KAAK;EAET,IAAMmB,kBAAkB,GAAG,IAAAC,iBAAU,EAACC,iCAAoB,CAAC;EAC3D,IAAMC,gBAAgB,GAAG,IAAAC,6CAAgC,EAACvB,KAAK,EAAEmB,kBAAkB,CAAC;EAEpF,IAAMK,YAAY,GAAGT,OAAO,IAAIO,gBAAgB,CAACG,MAAM,KAAK,SAAS;EAErE,IAAMC,6BAA6B,GAAG,IAAAN,iBAAU,EAACO,4CAA+B,CAAC;EACjF,IAAMC,SAAS,GAAG,IAAAC,sCAAyB,EACzCZ,UAAU,EACVS,6BAA6B,EAC7BF,YAAY,EACZrB,EAAE,CACH;EAED,IAAM2B,eAAe,GAAG,SAAlBA,eAAe,CAAIC,KAAK,EAAK;IACjCrB,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGqB,KAAK,EAAEA,KAAK,CAACC,MAAM,CAAC3B,KAAK,CAAC;EACvC,CAAC;EAED,oBACE;IACE,SAAS,EAAE,IAAA4B,aAAI,EAAChC,OAAO,CAACiC,IAAI,EAAEhC,SAAS,EACjBoB,gBAAgB,CAACb,QAAQ,IAA5CR,OAAO,CAACQ,QAAQ,EACEe,YAAY,IAA9BvB,OAAO,CAACc,OAAO,EACKF,SAAS,IAAIC,SAAS,IAA1Cb,OAAO,CAACa,SAAS,EACEN,QAAQ,IAA3BP,OAAO,CAACO,QAAQ,CAChB;IAAA,wBAEH,qBAAC,eAAK;MACJ,EAAE,EAAEL,EAAG;MACP,IAAI,EAAEmB,gBAAgB,CAAClB,IAAK;MAC5B,KAAK,EAAEC,KAAM;MACb,YAAY,EAAEC,YAAa;MAC3B,IAAI,EAAEK,IAAK;MACX,WAAW,EAAEC,WAAY;MACzB,QAAQ,EAAEU,gBAAgB,CAACd,QAAS;MACpC,QAAQ,EAAEc,gBAAgB,CAACb,QAAS;MACpC,QAAQ,EAAEqB,eAAgB;MAC1B,OAAO,EAAE;QACPI,IAAI,EAAEjC,OAAO,CAACkC,SAAS;QACvBC,OAAO,EAAEnC,OAAO,CAACoC,gBAAgB;QACjC5B,QAAQ,EAAER,OAAO,CAACqC,iBAAiB;QACnCzB,SAAS,EAAEZ,OAAO,CAACsC,kBAAkB;QACrCC,KAAK,EAAE,IAAAP,aAAI,EAAChC,OAAO,CAACuC,KAAK,EACG,CAAClB,gBAAgB,CAACb,QAAQ,IAAIK,SAAS,IAAhEb,OAAO,CAACwC,cAAc,EACEhC,QAAQ,IAAhCR,OAAO,CAACyC,aAAa;MAE1B,CAAE;MACF,UAAU;QACR;QACAnC,QAAQ,EAAEe,gBAAgB,CAACf;MAAQ,GAChCU,UAAU,GACVW,SAAS,CACZ;MACF,QAAQ,EAAEZ,QAAS;MACnB,SAAS,EAAEH,SAAU;MACrB,IAAI,EAAE;IAAG,GACLK,MAAM,EACV,EACD,CAACL,SAAS,iBAAI;MAAK,IAAI,EAAC,cAAc;MAAC,SAAS,EAAEZ,OAAO,CAAC0C;IAAqB,EAAG;EAAA,EAC/E;AAEV,CAAC;AAED5C,WAAW,CAAC6C,eAAe,GAAG,OAAO;AAErC,wCAAA7C,WAAW,CAAC8C,SAAS,GAAG;EACtB;AACF;AACA;EACE3C,SAAS,EAAE4C,kBAAS,CAACC,MAAM;EAC3B;AACF;AACA;EACE9C,OAAO,EAAE6C,kBAAS,CAACE,KAAK,CAAC;IACvB;AACJ;AACA;IACId,IAAI,EAAEY,kBAAS,CAACC,MAAM;IACtB;AACJ;AACA;IACItC,QAAQ,EAAEqC,kBAAS,CAACC,MAAM;IAC1B;AACJ;AACA;IACIhC,OAAO,EAAE+B,kBAAS,CAACC,MAAM;IACzB;AACJ;AACA;IACIjC,SAAS,EAAEgC,kBAAS,CAACC,MAAM;IAE3B;AACJ;AACA;IACIZ,SAAS,EAAEW,kBAAS,CAACC,MAAM;IAC3B;AACJ;AACA;IACIV,gBAAgB,EAAES,kBAAS,CAACC,MAAM;IAClC;AACJ;AACA;IACIT,iBAAiB,EAAEQ,kBAAS,CAACC,MAAM;IACnC;AACJ;AACA;IACIR,kBAAkB,EAAEO,kBAAS,CAACC,MAAM;IAEpC;AACJ;AACA;IACIP,KAAK,EAAEM,kBAAS,CAACC,MAAM;IACvB;AACJ;AACA;IACIL,aAAa,EAAEI,kBAAS,CAACC,MAAM;IAC/B;AACJ;AACA;IACIN,cAAc,EAAEK,kBAAS,CAACC,MAAM;IAEhC;AACJ;AACA;IACIJ,oBAAoB,EAAEG,kBAAS,CAACC,MAAM;IACtC;AACJ;AACA;IACIvC,QAAQ,EAAEsC,kBAAS,CAACC;EACtB,CAAC,CAAC,CAACE,UAAU;EAEb;AACF;AACA;EACE9C,EAAE,EAAE2C,kBAAS,CAACC,MAAM;EACpB;AACF;AACA;EACE3C,IAAI,EAAE0C,kBAAS,CAACC,MAAM;EAEtB;AACF;AACA;EACE1C,KAAK,EAAEyC,kBAAS,CAACC,MAAM;EACvB;AACF;AACA;EACEzC,YAAY,EAAEwC,kBAAS,CAACC,MAAM;EAE9B;AACF;AACA;EACEtC,QAAQ,EAAEqC,kBAAS,CAACI,IAAI;EACxB;AACF;AACA;EACE1C,QAAQ,EAAEsC,kBAAS,CAACI,IAAI;EACxB;AACF;AACA;EACE3C,QAAQ,EAAEuC,kBAAS,CAACI,IAAI;EAExB;AACF;AACA;AACA;EACExC,QAAQ,EAAEoC,kBAAS,CAACK,IAAI;EAExB;AACF;AACA;EACExC,IAAI,EAAEmC,kBAAS,CAACC,MAAM;EAEtB;AACF;AACA;EACEnC,WAAW,EAAEkC,kBAAS,CAACC,MAAM;EAE7B;AACF;AACA;EACElC,SAAS,EAAEiC,kBAAS,CAACI,IAAI;EACzB;AACF;AACA;EACEpC,SAAS,EAAEgC,kBAAS,CAACI,IAAI;EACzB;AACF;AACA;EACEnC,OAAO,EAAE+B,kBAAS,CAACI,IAAI;EAEvB;AACF;AACA;EACEjC,UAAU,EAAE6B,kBAAS,CAACM,UAAU,CAACC,MAAM,CAAC;EACxC;AACF;AACA;EACErC,QAAQ,EAAEsC;AACZ,CAAC;AAAC,eAEa,IAAAC,kBAAU,EAACC,gBAAM,EAAE;EAAEpD,IAAI,EAAE;AAAc,CAAC,CAAC,CAACL,WAAW,CAAC;AAAA"}

package/dist/BaseInput/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _BaseInput.default;
   }
 });
-
 var _BaseInput = _interopRequireDefault(require("./BaseInput"));
 //# sourceMappingURL=index.js.map

package/dist/BaseInput/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/BaseInput/index.js"],"sourcesContent":["export { default } from \"./BaseInput\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/BaseInput/index.js"],"sourcesContent":["export { default } from \"./BaseInput\";\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/BaseInput/styles.js

@@ -1,34 +1,21 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _styles = require("../Focus/styles");
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var styles = function styles(theme) {
   return {
     root: {
@@ -70,7 +57,6 @@ var styles = function styles(theme) {
           "-webkit-box-shadow": "0 0 0px 1000px ".concat(theme.hv.palette.atmosphere.atmo1, " inset"),
           "-webkit-text-fill-color": theme.hv.typography.normalText.color
         },
-
         /* clears input's clear and reveal buttons from IE */
         "input[type=search]::-ms-clear": {
           display: "none",
@@ -82,7 +68,6 @@ var styles = function styles(theme) {
           width: 0,
           height: 0
         },
-
         /* clears input's clear button from Chrome */
         "input[type=search]::-webkit-search-decoration": {
           display: "none"
@@ -262,7 +247,6 @@ var styles = function styles(theme) {
     }
   };
 };
-
 var _default = styles;
 exports.default = _default;
 //# sourceMappingURL=styles.js.map

package/dist/BaseInput/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","width","position","overflow","border","hv","palette","accent","acce1","backgroundColor","atmosphere","atmo1","typography","normalText","color","height","resizable","readOnly","disabled","atmo4","atmo3","invalid","semantic","sema4","inputRoot","margin","borderRadius","borderBottom","inputRootFocused","background","outlineStyles","inputRootDisabled","cursor","borderBottomStyle","inputRootMultiline","padding","minHeight","marginLeft","marginRight","input","spacing","xs","textOverflow","outline","placeholderText","opacity","flexGrow","inputDisabled","atmo5","inputResizable","resize","inputBorderContainer","top","left"],"sources":["../../src/BaseInput/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"inline-block\",\n    width: \"100%\",\n    position: \"relative\",\n    \"& $inputRootMultiline\": {\n      overflow: \"auto\",\n      border: \"none\",\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus-within $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n\n    \"@global\": {\n      \"input:-webkit-autofill\": {\n        \"-webkit-box-shadow\": `0 0 0px 1000px ${theme.hv.palette.atmosphere.atmo1} inset`,\n        \"-webkit-text-fill-color\": theme.hv.typography.normalText.color,\n      },\n\n      /* clears input's clear and reveal buttons from IE */\n      \"input[type=search]::-ms-clear\": { display: \"none\", width: 0, height: 0 },\n      \"input[type=search]::-ms-reveal\": { display: \"none\", width: 0, height: 0 },\n\n      /* clears input's clear button from Chrome */\n      \"input[type=search]::-webkit-search-decoration\": { display: \"none\" },\n      \"input[type=search]::-webkit-search-cancel-button\": { display: \"none\" },\n      \"input[type=search]::-webkit-search-results-button\": { display: \"none\" },\n      \"input[type=search]::-webkit-search-results-decoration\": { display: \"none\" },\n    },\n  },\n  resizable: {\n    width: \"auto\",\n  },\n  readOnly: {\n    \"& $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&:focus-within $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n\n    // multiline\n    \"& $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n    \"&:focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n  },\n  disabled: {\n    \"& $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    },\n    \"& $inputRootMultiline\": {\n      \"& $input\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      },\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      },\n    },\n  },\n  invalid: {\n    \"&:not($disabled)\": {\n      \"& $inputBorderContainer\": {\n        backgroundColor: theme.hv.palette.semantic.sema4,\n      },\n      \"&:hover $inputBorderContainer\": {\n        backgroundColor: theme.hv.palette.semantic.sema4,\n      },\n      \"& $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      \"&:hover $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      \"&:focus-within $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&.focus-within $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n    },\n  },\n\n  inputRoot: {\n    margin: 0,\n    width: \"100%\",\n    borderRadius: \"2px\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    \"&:hover:not($inputRootDisabled)::before\": {\n      borderBottom: \"none\",\n    },\n    \"&::before\": {\n      borderBottom: \"none\",\n    },\n    \"&::after\": {\n      borderBottom: \"none\",\n    },\n  },\n  inputRootFocused: {\n    background: theme.hv.palette.atmosphere.atmo1,\n    ...outlineStyles,\n    \"&:hover\": {\n      background: theme.hv.palette.atmosphere.atmo1,\n    },\n  },\n  inputRootDisabled: {\n    background: theme.hv.palette.atmosphere.atmo3,\n    \"&:hover\": {\n      background: theme.hv.palette.atmosphere.atmo3,\n      cursor: \"not-allowed\",\n    },\n    cursor: \"not-allowed\",\n    \"&&::before\": {\n      borderBottomStyle: \"none\",\n    },\n  },\n  inputRootMultiline: {\n    padding: 0,\n    backgroundColor: \"transparent\",\n    \"& $input\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      borderRadius: \"2px\",\n      backgroundColor: theme.hv.palette.atmosphere.atmo1,\n      height: \"auto\",\n      minHeight: \"21px\",\n      padding: \"5px 10px\",\n      overflow: \"auto\",\n      marginLeft: \"0px\",\n      marginRight: \"0px\",\n    },\n  },\n\n  input: {\n    height: \"21px\",\n    marginLeft: theme.hv.spacing.xs,\n    marginRight: theme.hv.spacing.xs,\n    padding: \"6px 0 5px\",\n    ...theme.hv.typography.normalText,\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    outline: \"none\",\n    \"&::placeholder\": {\n      ...theme.hv.typography.placeholderText,\n      opacity: 1,\n    },\n    \"&::-ms-clear\": {\n      display: \"none\",\n    },\n    width: \"initial\",\n    flexGrow: 1,\n  },\n  inputDisabled: {\n    color: theme.hv.palette.atmosphere.atmo5,\n  },\n  inputResizable: {\n    resize: \"both\",\n    width: \"100%\",\n  },\n\n  inputBorderContainer: {\n    position: \"absolute\",\n    width: \"calc(100% - 4px)\",\n    height: \"1px\",\n    top: \"31px\",\n    left: \"2px\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","width","position","overflow","border","hv","palette","accent","acce1","backgroundColor","atmosphere","atmo1","typography","normalText","color","height","resizable","readOnly","disabled","atmo4","atmo3","invalid","semantic","sema4","inputRoot","margin","borderRadius","borderBottom","inputRootFocused","background","outlineStyles","inputRootDisabled","cursor","borderBottomStyle","inputRootMultiline","padding","minHeight","marginLeft","marginRight","input","spacing","xs","textOverflow","outline","placeholderText","opacity","flexGrow","inputDisabled","atmo5","inputResizable","resize","inputBorderContainer","top","left"],"sources":["../../src/BaseInput/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"inline-block\",\n    width: \"100%\",\n    position: \"relative\",\n    \"& $inputRootMultiline\": {\n      overflow: \"auto\",\n      border: \"none\",\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus-within $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n\n    \"@global\": {\n      \"input:-webkit-autofill\": {\n        \"-webkit-box-shadow\": `0 0 0px 1000px ${theme.hv.palette.atmosphere.atmo1} inset`,\n        \"-webkit-text-fill-color\": theme.hv.typography.normalText.color,\n      },\n\n      /* clears input's clear and reveal buttons from IE */\n      \"input[type=search]::-ms-clear\": { display: \"none\", width: 0, height: 0 },\n      \"input[type=search]::-ms-reveal\": { display: \"none\", width: 0, height: 0 },\n\n      /* clears input's clear button from Chrome */\n      \"input[type=search]::-webkit-search-decoration\": { display: \"none\" },\n      \"input[type=search]::-webkit-search-cancel-button\": { display: \"none\" },\n      \"input[type=search]::-webkit-search-results-button\": { display: \"none\" },\n      \"input[type=search]::-webkit-search-results-decoration\": { display: \"none\" },\n    },\n  },\n  resizable: {\n    width: \"auto\",\n  },\n  readOnly: {\n    \"& $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&:focus-within $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n\n    // multiline\n    \"& $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n    \"&:focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n  },\n  disabled: {\n    \"& $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    },\n    \"& $inputRootMultiline\": {\n      \"& $input\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      },\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      },\n    },\n  },\n  invalid: {\n    \"&:not($disabled)\": {\n      \"& $inputBorderContainer\": {\n        backgroundColor: theme.hv.palette.semantic.sema4,\n      },\n      \"&:hover $inputBorderContainer\": {\n        backgroundColor: theme.hv.palette.semantic.sema4,\n      },\n      \"& $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      \"&:hover $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      \"&:focus-within $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&.focus-within $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n    },\n  },\n\n  inputRoot: {\n    margin: 0,\n    width: \"100%\",\n    borderRadius: \"2px\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    \"&:hover:not($inputRootDisabled)::before\": {\n      borderBottom: \"none\",\n    },\n    \"&::before\": {\n      borderBottom: \"none\",\n    },\n    \"&::after\": {\n      borderBottom: \"none\",\n    },\n  },\n  inputRootFocused: {\n    background: theme.hv.palette.atmosphere.atmo1,\n    ...outlineStyles,\n    \"&:hover\": {\n      background: theme.hv.palette.atmosphere.atmo1,\n    },\n  },\n  inputRootDisabled: {\n    background: theme.hv.palette.atmosphere.atmo3,\n    \"&:hover\": {\n      background: theme.hv.palette.atmosphere.atmo3,\n      cursor: \"not-allowed\",\n    },\n    cursor: \"not-allowed\",\n    \"&&::before\": {\n      borderBottomStyle: \"none\",\n    },\n  },\n  inputRootMultiline: {\n    padding: 0,\n    backgroundColor: \"transparent\",\n    \"& $input\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      borderRadius: \"2px\",\n      backgroundColor: theme.hv.palette.atmosphere.atmo1,\n      height: \"auto\",\n      minHeight: \"21px\",\n      padding: \"5px 10px\",\n      overflow: \"auto\",\n      marginLeft: \"0px\",\n      marginRight: \"0px\",\n    },\n  },\n\n  input: {\n    height: \"21px\",\n    marginLeft: theme.hv.spacing.xs,\n    marginRight: theme.hv.spacing.xs,\n    padding: \"6px 0 5px\",\n    ...theme.hv.typography.normalText,\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    outline: \"none\",\n    \"&::placeholder\": {\n      ...theme.hv.typography.placeholderText,\n      opacity: 1,\n    },\n    \"&::-ms-clear\": {\n      display: \"none\",\n    },\n    width: \"initial\",\n    flexGrow: 1,\n  },\n  inputDisabled: {\n    color: theme.hv.palette.atmosphere.atmo5,\n  },\n  inputResizable: {\n    resize: \"both\",\n    width: \"100%\",\n  },\n\n  inputBorderContainer: {\n    position: \"absolute\",\n    width: \"calc(100% - 4px)\",\n    height: \"1px\",\n    top: \"31px\",\n    left: \"2px\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}

package/dist/BaseInput/validations.js

@@ -1,24 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.validationTypes = exports.validateInput = exports.hasBuiltInValidations = exports.computeValidationType = exports.computeValidationState = exports.computeValidationMessage = exports.DEFAULT_ERROR_MESSAGES = void 0;
-
 require("core-js/modules/es.string.trim.js");
-
 require("core-js/modules/es.number.is-nan.js");
-
 require("core-js/modules/es.number.constructor.js");
-
 require("core-js/modules/es.regexp.exec.js");
-
 require("core-js/modules/es.object.freeze.js");
-
 var _validationStates = _interopRequireDefault(require("../Forms/FormElement/validationStates"));
-
 /**
  * Checks if the value is a number.
  *
@@ -27,10 +19,12 @@ var _validationStates = _interopRequireDefault(require("../Forms/FormElement/val
  * @returns {Boolean} - `true` if the value is a number `false` otherwise.
  */
 var isNumeric = function isNumeric(num) {
-  return (// to prevent Number( <spaces> ) = 0
+  return (
+    // to prevent Number( <spaces> ) = 0
     num.trim().length > 0 && !Number.isNaN(Number(num))
   );
 };
+
 /**
  * Checks if the value is an email
  *
@@ -38,18 +32,16 @@ var isNumeric = function isNumeric(num) {
  *
  * @returns {Boolean} - `true` if the value is an email `false` otherwise.
  */
-
-
 var isEmail = function isEmail(email) {
   var regexp = /^[^\\s]+[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?[.])+[a-z0-9](?:[a-z0-9-]*[a-z0-9])$/i;
   return regexp.test(email);
 };
-
 var validationTypes = Object.freeze({
   none: "none",
   number: "number",
   email: "email"
 });
+
 /**
  * Returns the input's validation type based in the type of the input.
  *
@@ -57,31 +49,26 @@ var validationTypes = Object.freeze({
  *
  * @returns {String}    - the validation type.
  */
-
 exports.validationTypes = validationTypes;
-
 var computeValidationType = function computeValidationType(type) {
   switch (type) {
     case "number":
       return validationTypes.number;
-
     case "email":
       return validationTypes.email;
-
     default:
       return validationTypes.none;
   }
 };
+
 /**
  * Checks whether any integrated validation, native or not, is active.
  */
-
-
 exports.computeValidationType = computeValidationType;
-
 var hasBuiltInValidations = function hasBuiltInValidations(required, validationType, minCharQuantity, maxCharQuantity, validation, inputProps) {
   return required || validationType !== validationTypes.none || minCharQuantity != null || maxCharQuantity != null || validation != null || (inputProps === null || inputProps === void 0 ? void 0 : inputProps.required) != null || (inputProps === null || inputProps === void 0 ? void 0 : inputProps.minLength) != null || (inputProps === null || inputProps === void 0 ? void 0 : inputProps.maxLength) != null || (inputProps === null || inputProps === void 0 ? void 0 : inputProps.min) != null || (inputProps === null || inputProps === void 0 ? void 0 : inputProps.max) != null || (inputProps === null || inputProps === void 0 ? void 0 : inputProps.type) != null && (inputProps === null || inputProps === void 0 ? void 0 : inputProps.type) !== "text" && (inputProps === null || inputProps === void 0 ? void 0 : inputProps.type) !== "password" || (inputProps === null || inputProps === void 0 ? void 0 : inputProps.pattern) != null;
 };
+
 /**
  * Returns the form element's validation state based in the validity state of the input.
  *
@@ -89,10 +76,7 @@ var hasBuiltInValidations = function hasBuiltInValidations(required, validationT
  *
  * @returns {String}                - the validation state.
  */
-
-
 exports.hasBuiltInValidations = hasBuiltInValidations;
-
 var computeValidationState = function computeValidationState(inputValidity, isEmptyValue) {
   // to keep 2.x behaviour,
   // consider that if the value is empty (and not required) we're returning to the standBy state.
@@ -100,9 +84,9 @@ var computeValidationState = function computeValidationState(inputValidity, isEm
   if (inputValidity.valid && isEmptyValue) {
     return _validationStates.default.standBy;
   }
-
   return inputValidity.valid ? _validationStates.default.valid : _validationStates.default.invalid;
 };
+
 /**
  * Returns a error message based in the validity state of the input.
  *
@@ -117,33 +101,26 @@ var computeValidationState = function computeValidationState(inputValidity, isEm
  *
  * @returns {String}                - the error message.
  */
-
-
 exports.computeValidationState = computeValidationState;
-
 var computeValidationMessage = function computeValidationMessage(inputValidity, errorMessages) {
   if (inputValidity.valid) {
     return "";
   }
-
   if (inputValidity.valueMissing) {
     return errorMessages.requiredError;
   }
-
   if (inputValidity.tooLong) {
     return errorMessages.maxCharError;
   }
-
   if (inputValidity.tooShort) {
     return errorMessages.minCharError;
   }
-
   if (inputValidity.typeMismatch) {
     return errorMessages.typeMismatchError;
   }
-
   return errorMessages.error;
 };
+
 /**
  * Returns a object describing the validity state of the input.
  *
@@ -160,13 +137,9 @@ var computeValidationMessage = function computeValidationMessage(inputValidity,
  *
  * @returns {Object}                - the validity state of the input.
  */
-
-
 exports.computeValidationMessage = computeValidationMessage;
-
 var validateInput = function validateInput(input, value, required, minCharQuantity, maxCharQuantity, validationType, validation) {
   var _input$validity$valid, _input$validity, _input$validity2, _input$validity3, _input$validity4, _input$validity5, _input$validity6, _input$validity7, _input$validity8, _input$validity9, _input$validity10, _input$validity11;
-
   // bootstrap validity object using browser's built-in validation
   var inputValidity = {
     valid: (_input$validity$valid = input === null || input === void 0 ? void 0 : (_input$validity = input.validity) === null || _input$validity === void 0 ? void 0 : _input$validity.valid) !== null && _input$validity$valid !== void 0 ? _input$validity$valid : true,
@@ -181,7 +154,6 @@ var validateInput = function validateInput(input, value, required, minCharQuanti
     typeMismatch: input === null || input === void 0 ? void 0 : (_input$validity10 = input.validity) === null || _input$validity10 === void 0 ? void 0 : _input$validity10.typeMismatch,
     valueMissing: input === null || input === void 0 ? void 0 : (_input$validity11 = input.validity) === null || _input$validity11 === void 0 ? void 0 : _input$validity11.valueMissing
   };
-
   if (!value) {
     if (required) {
       // this is redundant because we're setting the required property in the native input
@@ -195,43 +167,35 @@ var validateInput = function validateInput(input, value, required, minCharQuanti
       inputValidity.tooShort = true;
       inputValidity.valid = false;
     }
-
     if (maxCharQuantity !== null && value.length > maxCharQuantity) {
       inputValidity.tooLong = true;
       inputValidity.valid = false;
-    } // the validationType is used instead of type
-    // for the same reason stated above
-
+    }
 
+    // the validationType is used instead of type
+    // for the same reason stated above
     switch (validationType) {
       case validationTypes.number:
         if (!isNumeric(value)) {
           inputValidity.typeMismatch = true;
           inputValidity.valid = false;
         }
-
         break;
-
       case validationTypes.email:
         if (!isEmail(value)) {
           inputValidity.typeMismatch = true;
           inputValidity.valid = false;
         }
-
         break;
-
       default:
     }
-
     if (validation != null && !validation(value)) {
       inputValidity.customError = true;
       inputValidity.valid = false;
     }
   }
-
   return inputValidity;
 };
-
 exports.validateInput = validateInput;
 var DEFAULT_ERROR_MESSAGES = {
   error: "Invalid value",

package/dist/BaseInput/validations.js.map

@@ -1 +1 @@
-{"version":3,"file":"validations.js","names":["isNumeric","num","trim","length","Number","isNaN","isEmail","email","regexp","test","validationTypes","Object","freeze","none","number","computeValidationType","type","hasBuiltInValidations","required","validationType","minCharQuantity","maxCharQuantity","validation","inputProps","minLength","maxLength","min","max","pattern","computeValidationState","inputValidity","isEmptyValue","valid","validationStates","standBy","invalid","computeValidationMessage","errorMessages","valueMissing","requiredError","tooLong","maxCharError","tooShort","minCharError","typeMismatch","typeMismatchError","error","validateInput","input","value","validity","badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","DEFAULT_ERROR_MESSAGES"],"sources":["../../src/BaseInput/validations.js"],"sourcesContent":["import validationStates from \"../Forms/FormElement/validationStates\";\n\n/**\n * Checks if the value is a number.\n *\n * @param {Number || String} num - The value to test.\n *\n * @returns {Boolean} - `true` if the value is a number `false` otherwise.\n */\nconst isNumeric = (num) =>\n  // to prevent Number( <spaces> ) = 0\n  num.trim().length > 0 && !Number.isNaN(Number(num));\n\n/**\n * Checks if the value is an email\n *\n * @param {String} email - The value to test.\n *\n * @returns {Boolean} - `true` if the value is an email `false` otherwise.\n */\nconst isEmail = (email) => {\n  const regexp =\n    /^[^\\\\s]+[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?[.])+[a-z0-9](?:[a-z0-9-]*[a-z0-9])$/i;\n  return regexp.test(email);\n};\n\nexport const validationTypes = Object.freeze({\n  none: \"none\",\n  number: \"number\",\n  email: \"email\",\n});\n\n/**\n * Returns the input's validation type based in the type of the input.\n *\n * @param {String} type - the input type.\n *\n * @returns {String}    - the validation type.\n */\nexport const computeValidationType = (type) => {\n  switch (type) {\n    case \"number\":\n      return validationTypes.number;\n    case \"email\":\n      return validationTypes.email;\n\n    default:\n      return validationTypes.none;\n  }\n};\n\n/**\n * Checks whether any integrated validation, native or not, is active.\n */\nexport const hasBuiltInValidations = (\n  required,\n  validationType,\n  minCharQuantity,\n  maxCharQuantity,\n  validation,\n  inputProps\n) =>\n  required ||\n  validationType !== validationTypes.none ||\n  minCharQuantity != null ||\n  maxCharQuantity != null ||\n  validation != null ||\n  inputProps?.required != null ||\n  inputProps?.minLength != null ||\n  inputProps?.maxLength != null ||\n  inputProps?.min != null ||\n  inputProps?.max != null ||\n  (inputProps?.type != null && inputProps?.type !== \"text\" && inputProps?.type !== \"password\") ||\n  inputProps?.pattern != null;\n\n/**\n * Returns the form element's validation state based in the validity state of the input.\n *\n * @param {Object} inputValidity    - the input validity state (implementing ValidityState interface).\n *\n * @returns {String}                - the validation state.\n */\nexport const computeValidationState = (inputValidity, isEmptyValue) => {\n  // to keep 2.x behaviour,\n  // consider that if the value is empty (and not required) we're returning to the standBy state.\n  // might not make sense, as it makes impossible to say if the user explicitly cleared the input.\n  if (inputValidity.valid && isEmptyValue) {\n    return validationStates.standBy;\n  }\n\n  return inputValidity.valid ? validationStates.valid : validationStates.invalid;\n};\n\n/**\n * Returns a error message based in the validity state of the input.\n *\n * Only one error message is returned even if multiple validations fail.\n * Also, only required, minCharQuantity, maxCharQuantity and validationType have specific error messages.\n *\n * For further customization both status and statusMessage should be controlled and\n * set using the onBlur callback that receives both the value and the input validity object.\n *\n * @param {Object} inputValidity    - the input validity state (implementing ValidityState interface).\n * @param {Object} errorMessages    - the available localized error messages.\n *\n * @returns {String}                - the error message.\n */\nexport const computeValidationMessage = (inputValidity, errorMessages) => {\n  if (inputValidity.valid) {\n    return \"\";\n  }\n\n  if (inputValidity.valueMissing) {\n    return errorMessages.requiredError;\n  }\n  if (inputValidity.tooLong) {\n    return errorMessages.maxCharError;\n  }\n  if (inputValidity.tooShort) {\n    return errorMessages.minCharError;\n  }\n  if (inputValidity.typeMismatch) {\n    return errorMessages.typeMismatchError;\n  }\n\n  return errorMessages.error;\n};\n\n/**\n * Returns a object describing the validity state of the input.\n *\n * It implements the native browser's ValidityState interface:\n * https://developer.mozilla.org/en-US/docs/Web/API/ValidityState\n *\n * @param {DOMElement} input        - the input being validated.\n * @param {String} value            - the inputted value.\n * @param {Boolean} required        - if the input needs to be filled.\n * @param {Number} minCharQuantity  - the minimum length of the value.\n * @param {Number} maxCharQuantity  - the maximum length of the value.\n * @param {String} validationType   - the input value type.\n * @param {Function} validation     - a custom validation function.\n *\n * @returns {Object}                - the validity state of the input.\n */\nexport const validateInput = (\n  input,\n  value,\n  required,\n  minCharQuantity,\n  maxCharQuantity,\n  validationType,\n  validation\n) => {\n  // bootstrap validity object using browser's built-in validation\n  const inputValidity = {\n    valid: input?.validity?.valid ?? true,\n    badInput: input?.validity?.badInput,\n    customError: input?.validity?.customError,\n    patternMismatch: input?.validity?.patternMismatch,\n    rangeOverflow: input?.validity?.rangeOverflow,\n    rangeUnderflow: input?.validity?.rangeUnderflow,\n    stepMismatch: input?.validity?.stepMismatch,\n    tooLong: input?.validity?.tooLong,\n    tooShort: input?.validity?.tooShort,\n    typeMismatch: input?.validity?.typeMismatch,\n    valueMissing: input?.validity?.valueMissing,\n  };\n\n  if (!value) {\n    if (required) {\n      // this is redundant because we're setting the required property in the native input\n      inputValidity.valueMissing = true;\n      inputValidity.valid = false;\n    }\n  } else {\n    // we're not setting minlength and maxlength in the native input\n    // to avoid different browser's behaviours and keep the user experience consistent\n    if (minCharQuantity !== null && value.length < minCharQuantity) {\n      inputValidity.tooShort = true;\n      inputValidity.valid = false;\n    }\n\n    if (maxCharQuantity !== null && value.length > maxCharQuantity) {\n      inputValidity.tooLong = true;\n      inputValidity.valid = false;\n    }\n\n    // the validationType is used instead of type\n    // for the same reason stated above\n    switch (validationType) {\n      case validationTypes.number:\n        if (!isNumeric(value)) {\n          inputValidity.typeMismatch = true;\n          inputValidity.valid = false;\n        }\n        break;\n\n      case validationTypes.email:\n        if (!isEmail(value)) {\n          inputValidity.typeMismatch = true;\n          inputValidity.valid = false;\n        }\n        break;\n\n      default:\n    }\n\n    if (validation != null && !validation(value)) {\n      inputValidity.customError = true;\n      inputValidity.valid = false;\n    }\n  }\n\n  return inputValidity;\n};\n\nexport const DEFAULT_ERROR_MESSAGES = {\n  error: \"Invalid value\",\n  requiredError: \"The value is required\",\n  minCharError: \"The value is too short\",\n  maxCharError: \"The value is too long\",\n  typeMismatchError: \"Invalid value\",\n};\n"],"mappings":"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"}
+{"version":3,"file":"validations.js","names":["isNumeric","num","trim","length","Number","isNaN","isEmail","email","regexp","test","validationTypes","Object","freeze","none","number","computeValidationType","type","hasBuiltInValidations","required","validationType","minCharQuantity","maxCharQuantity","validation","inputProps","minLength","maxLength","min","max","pattern","computeValidationState","inputValidity","isEmptyValue","valid","validationStates","standBy","invalid","computeValidationMessage","errorMessages","valueMissing","requiredError","tooLong","maxCharError","tooShort","minCharError","typeMismatch","typeMismatchError","error","validateInput","input","value","validity","badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","DEFAULT_ERROR_MESSAGES"],"sources":["../../src/BaseInput/validations.js"],"sourcesContent":["import validationStates from \"../Forms/FormElement/validationStates\";\n\n/**\n * Checks if the value is a number.\n *\n * @param {Number || String} num - The value to test.\n *\n * @returns {Boolean} - `true` if the value is a number `false` otherwise.\n */\nconst isNumeric = (num) =>\n  // to prevent Number( <spaces> ) = 0\n  num.trim().length > 0 && !Number.isNaN(Number(num));\n\n/**\n * Checks if the value is an email\n *\n * @param {String} email - The value to test.\n *\n * @returns {Boolean} - `true` if the value is an email `false` otherwise.\n */\nconst isEmail = (email) => {\n  const regexp =\n    /^[^\\\\s]+[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?[.])+[a-z0-9](?:[a-z0-9-]*[a-z0-9])$/i;\n  return regexp.test(email);\n};\n\nexport const validationTypes = Object.freeze({\n  none: \"none\",\n  number: \"number\",\n  email: \"email\",\n});\n\n/**\n * Returns the input's validation type based in the type of the input.\n *\n * @param {String} type - the input type.\n *\n * @returns {String}    - the validation type.\n */\nexport const computeValidationType = (type) => {\n  switch (type) {\n    case \"number\":\n      return validationTypes.number;\n    case \"email\":\n      return validationTypes.email;\n\n    default:\n      return validationTypes.none;\n  }\n};\n\n/**\n * Checks whether any integrated validation, native or not, is active.\n */\nexport const hasBuiltInValidations = (\n  required,\n  validationType,\n  minCharQuantity,\n  maxCharQuantity,\n  validation,\n  inputProps\n) =>\n  required ||\n  validationType !== validationTypes.none ||\n  minCharQuantity != null ||\n  maxCharQuantity != null ||\n  validation != null ||\n  inputProps?.required != null ||\n  inputProps?.minLength != null ||\n  inputProps?.maxLength != null ||\n  inputProps?.min != null ||\n  inputProps?.max != null ||\n  (inputProps?.type != null && inputProps?.type !== \"text\" && inputProps?.type !== \"password\") ||\n  inputProps?.pattern != null;\n\n/**\n * Returns the form element's validation state based in the validity state of the input.\n *\n * @param {Object} inputValidity    - the input validity state (implementing ValidityState interface).\n *\n * @returns {String}                - the validation state.\n */\nexport const computeValidationState = (inputValidity, isEmptyValue) => {\n  // to keep 2.x behaviour,\n  // consider that if the value is empty (and not required) we're returning to the standBy state.\n  // might not make sense, as it makes impossible to say if the user explicitly cleared the input.\n  if (inputValidity.valid && isEmptyValue) {\n    return validationStates.standBy;\n  }\n\n  return inputValidity.valid ? validationStates.valid : validationStates.invalid;\n};\n\n/**\n * Returns a error message based in the validity state of the input.\n *\n * Only one error message is returned even if multiple validations fail.\n * Also, only required, minCharQuantity, maxCharQuantity and validationType have specific error messages.\n *\n * For further customization both status and statusMessage should be controlled and\n * set using the onBlur callback that receives both the value and the input validity object.\n *\n * @param {Object} inputValidity    - the input validity state (implementing ValidityState interface).\n * @param {Object} errorMessages    - the available localized error messages.\n *\n * @returns {String}                - the error message.\n */\nexport const computeValidationMessage = (inputValidity, errorMessages) => {\n  if (inputValidity.valid) {\n    return \"\";\n  }\n\n  if (inputValidity.valueMissing) {\n    return errorMessages.requiredError;\n  }\n  if (inputValidity.tooLong) {\n    return errorMessages.maxCharError;\n  }\n  if (inputValidity.tooShort) {\n    return errorMessages.minCharError;\n  }\n  if (inputValidity.typeMismatch) {\n    return errorMessages.typeMismatchError;\n  }\n\n  return errorMessages.error;\n};\n\n/**\n * Returns a object describing the validity state of the input.\n *\n * It implements the native browser's ValidityState interface:\n * https://developer.mozilla.org/en-US/docs/Web/API/ValidityState\n *\n * @param {DOMElement} input        - the input being validated.\n * @param {String} value            - the inputted value.\n * @param {Boolean} required        - if the input needs to be filled.\n * @param {Number} minCharQuantity  - the minimum length of the value.\n * @param {Number} maxCharQuantity  - the maximum length of the value.\n * @param {String} validationType   - the input value type.\n * @param {Function} validation     - a custom validation function.\n *\n * @returns {Object}                - the validity state of the input.\n */\nexport const validateInput = (\n  input,\n  value,\n  required,\n  minCharQuantity,\n  maxCharQuantity,\n  validationType,\n  validation\n) => {\n  // bootstrap validity object using browser's built-in validation\n  const inputValidity = {\n    valid: input?.validity?.valid ?? true,\n    badInput: input?.validity?.badInput,\n    customError: input?.validity?.customError,\n    patternMismatch: input?.validity?.patternMismatch,\n    rangeOverflow: input?.validity?.rangeOverflow,\n    rangeUnderflow: input?.validity?.rangeUnderflow,\n    stepMismatch: input?.validity?.stepMismatch,\n    tooLong: input?.validity?.tooLong,\n    tooShort: input?.validity?.tooShort,\n    typeMismatch: input?.validity?.typeMismatch,\n    valueMissing: input?.validity?.valueMissing,\n  };\n\n  if (!value) {\n    if (required) {\n      // this is redundant because we're setting the required property in the native input\n      inputValidity.valueMissing = true;\n      inputValidity.valid = false;\n    }\n  } else {\n    // we're not setting minlength and maxlength in the native input\n    // to avoid different browser's behaviours and keep the user experience consistent\n    if (minCharQuantity !== null && value.length < minCharQuantity) {\n      inputValidity.tooShort = true;\n      inputValidity.valid = false;\n    }\n\n    if (maxCharQuantity !== null && value.length > maxCharQuantity) {\n      inputValidity.tooLong = true;\n      inputValidity.valid = false;\n    }\n\n    // the validationType is used instead of type\n    // for the same reason stated above\n    switch (validationType) {\n      case validationTypes.number:\n        if (!isNumeric(value)) {\n          inputValidity.typeMismatch = true;\n          inputValidity.valid = false;\n        }\n        break;\n\n      case validationTypes.email:\n        if (!isEmail(value)) {\n          inputValidity.typeMismatch = true;\n          inputValidity.valid = false;\n        }\n        break;\n\n      default:\n    }\n\n    if (validation != null && !validation(value)) {\n      inputValidity.customError = true;\n      inputValidity.valid = false;\n    }\n  }\n\n  return inputValidity;\n};\n\nexport const DEFAULT_ERROR_MESSAGES = {\n  error: \"Invalid value\",\n  requiredError: \"The value is required\",\n  minCharError: \"The value is too short\",\n  maxCharError: \"The value is too long\",\n  typeMismatchError: \"Invalid value\",\n};\n"],"mappings":"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"}