@hitachivantara/uikit-react-core 2.23.2

package/dist/Login/Forms/Login/Login.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Login.js","names":["Login","e","preventDefault","isLoading","props","state","username","password","rememberMe","login","setState","isLogging","loginError","localStorage","setItem","removeItem","isMounted","target","checked","name","event","value","getItem","isFullyMounted","status","classes","logo","titleText","titleComponent","onClick","allowRecover","allowRememberMe","errorLoginIcon","userNameInputLabel","userNamePlaceHolder","passwordInputLabel","passwordPlaceHolder","loginButtonMessage","loginButtonLabel","forgotYourCredentialMessage","rememberMeLabel","incorrectCredentialsMessage","customMessage","formProps","customMessageElement","showCustomMessage","clsx","root","className","handleSubmit","title","errorMessageContainer","icon","showMessage","inputUser","inputLabel","placeholder","infoText","handleInputChange","inputPassword","buttonsContainerWithRemember","buttonsContainer","labelTypography","checkBoxTypography","handleRememberMe","button","sentenceCase","forgotCredentials","React","Component","displayName","propTypes","PropTypes","shape","string","h3","separator","isRequired","func","node","bool","element","instanceOf","Object","defaultProps","withStyles","styles"],"sources":["../../../../src/Login/Forms/Login/Login.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport Input from \"../../../Input\";\nimport HvButton from \"../../../Button\";\nimport HvCheckbox from \"../../../Selectors/CheckBox\";\nimport Title from \"./Title\";\nimport MessageElement from \"../MessageElement\";\nimport styles from \"./styles\";\n\n/**\n * Login main form.\n */\nclass Login extends React.Component {\n  isFullyMounted = false;\n\n  constructor() {\n    super();\n    this.state = {\n      password: \"\",\n      username: \"\",\n      isLogging: false,\n      rememberMe: false,\n      loginError: false,\n    };\n  }\n\n  componentDidMount() {\n    this.isMounted = true;\n\n    this.setState({\n      username: localStorage.getItem(\"username\") != null ? localStorage.getItem(\"username\") : \"\",\n    });\n  }\n\n  componentWillUnmount() {\n    this.isMounted = false;\n  }\n\n  set isMounted(status) {\n    this.isFullyMounted = status;\n  }\n\n  get isMounted() {\n    return this.isFullyMounted;\n  }\n\n  /**\n   * Submit of the Form. Asynchronous call of the passed login function.\n   * The remember checkbox is evaluated to determine if the value of the username\n   * and password should be store in the local storage.\n   *\n   * @param e\n   * @returns {Promise<void>}\n   */\n  handleSubmit = async (e) => {\n    e.preventDefault();\n\n    // Prevent the submit if the component isn't fully loaded.\n    const { isLoading } = this.props;\n    if (isLoading) return;\n\n    const { username, password, rememberMe } = this.state;\n    const { login } = this.props;\n\n    this.setState({ isLogging: true });\n    this.setState({ loginError: false });\n\n    if (rememberMe) {\n      localStorage.setItem(\"username\", username);\n    } else {\n      localStorage.removeItem(\"username\");\n    }\n\n    try {\n      await login({ username, password });\n      if (this.isMounted) this.setState({ isLogging: false });\n    } catch (error) {\n      if (this.isMounted) this.setState({ loginError: true, isLogging: false });\n    }\n  };\n\n  /**\n   * Maintains the state of the remember me checkbox.\n   *\n   * @param e\n   */\n  handleRememberMe = (e) => {\n    this.setState({ rememberMe: e.target.checked });\n  };\n\n  /**\n   * Sets the value of the state of the passed parameter.\n   *\n   * @param name\n   * @returns {function(*): *}\n   */\n  handleInputChange = (name) => (event, value) => {\n    this.setState({ [name]: value });\n    return value;\n  };\n\n  render() {\n    const {\n      classes,\n      logo,\n      titleText,\n      titleComponent,\n      onClick,\n      allowRecover,\n      allowRememberMe,\n      errorLoginIcon,\n      isLoading,\n      userNameInputLabel,\n      userNamePlaceHolder,\n      passwordInputLabel,\n      passwordPlaceHolder,\n      loginButtonMessage,\n      loginButtonLabel,\n      forgotYourCredentialMessage,\n      rememberMeLabel,\n      incorrectCredentialsMessage,\n      customMessage,\n      formProps,\n    } = this.props;\n    const { isLogging, loginError } = this.state;\n\n    const customMessageElement =\n      !loginError && customMessage != null ? (\n        <MessageElement showMessage={classes.showCustomMessage} message={customMessage} />\n      ) : null;\n    return (\n      <form\n        {...formProps}\n        className={clsx(classes.root, formProps.className)}\n        onSubmit={(e) => this.handleSubmit(e)}\n      >\n        <div className={classes.title}>\n          <Title titleText={titleText} logo={logo} titleComponent={titleComponent} />\n        </div>\n\n        <div className={classes.errorMessageContainer}>\n          {loginError ? (\n            <MessageElement\n              iconElement={errorLoginIcon}\n              icon={classes.icon}\n              showMessage={classes.showMessage}\n              message={incorrectCredentialsMessage}\n            />\n          ) : (\n            customMessageElement\n          )}\n        </div>\n\n        <div className={classes.inputUser}>\n          <Input\n            labels={{\n              inputLabel: userNameInputLabel,\n              placeholder: userNamePlaceHolder,\n              infoText: \"\",\n            }}\n            name=\"username\"\n            disabled={isLoading}\n            password={false}\n            onChange={this.handleInputChange(\"username\")}\n            autoFocus\n          />\n        </div>\n        <div className={classes.inputPassword}>\n          <Input\n            labels={{\n              inputLabel: passwordInputLabel,\n              placeholder: passwordPlaceHolder,\n              infoText: \"\",\n            }}\n            name=\"password\"\n            disabled={isLoading}\n            password\n            onChange={this.handleInputChange(\"password\")}\n          />\n        </div>\n\n        <div\n          className={clsx({\n            [classes.buttonsContainerWithRemember]: allowRememberMe,\n            [classes.buttonsContainer]: !allowRememberMe,\n          })}\n        >\n          {allowRememberMe ? (\n            <HvCheckbox\n              classes={{ labelTypography: classes.checkBoxTypography }}\n              label={rememberMeLabel}\n              onChange={this.handleRememberMe}\n            />\n          ) : null}\n          <HvButton\n            type=\"submit\"\n            category=\"primary\"\n            className={clsx(classes.button, classes.sentenceCase)}\n            disabled={isLoading || isLogging}\n          >\n            {isLogging ? loginButtonMessage : loginButtonLabel}\n          </HvButton>\n        </div>\n\n        {allowRecover ? (\n          <div className={classes.forgotCredentials}>\n            <HvButton category=\"ghost\" onClick={onClick} className={classes.sentenceCase}>\n              {forgotYourCredentialMessage}\n            </HvButton>\n          </div>\n        ) : null}\n      </form>\n    );\n  }\n}\n\nLogin.displayName = \"loginForm\";\n\nLogin.propTypes = {\n  /**\n   * The classes object to be applied into the root object.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the title.\n     */\n    title: PropTypes.string,\n    /**\n     * Styles applied to the h3.\n     */\n    h3: PropTypes.string,\n    /**\n     * Styles applied to the user input.\n     */\n    inputUser: PropTypes.string,\n    /**\n     * Styles applied to the password input.\n     */\n    inputPassword: PropTypes.string,\n    /**\n     * Styles applied to the button.\n     */\n    button: PropTypes.string,\n    /**\n     * Styles applied to the button container.\n     */\n    buttonsContainer: PropTypes.string,\n    /**\n     * Styles applied to the button container when with remember.\n     */\n    buttonsContainerWithRemember: PropTypes.string,\n    /**\n     * Styles applied to the separator.\n     */\n    separator: PropTypes.string,\n    /**\n     * Styles applied to the forgot credentials.\n     */\n    forgotCredentials: PropTypes.string,\n    /**\n     * Styles applied to the typography of the checkbox.\n     */\n    checkBoxTypography: PropTypes.string,\n    /**\n     * Styles to apply sentence case.\n     */\n    sentenceCase: PropTypes.string,\n    /**\n     * Styles applied to the message.\n     */\n    showMessage: PropTypes.string,\n    /**\n     * Styles applied to the custom message.\n     */\n    showCustomMessage: PropTypes.string,\n    /**\n     * Styles applied to the icon.\n     */\n    icon: PropTypes.string,\n    /**\n     * Styles applied to the error message container.\n     */\n    errorMessageContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * The function invoked for the login action\n   */\n  login: PropTypes.func.isRequired,\n  /**\n   * The welcome message\n   */\n  titleText: PropTypes.string,\n  /**\n   * The url for the logo in the welcome message.\n   */\n  logo: PropTypes.string,\n  /**\n   * A component to replace the welcome message\n   */\n  titleComponent: PropTypes.node,\n  /**\n   * The component should have the recovery capability\n   */\n  allowRecover: PropTypes.bool,\n  /**\n   * The component should have remember me capability.\n   */\n  allowRememberMe: PropTypes.bool,\n  /**\n   * Callback function to switch between forms\n   */\n  onClick: PropTypes.func.isRequired,\n  /**\n   * Icon to be presented when an error occurs in the login.\n   */\n  errorLoginIcon: PropTypes.element,\n  /**\n   * Label for the login button.\n   */\n  loginButtonLabel: PropTypes.string.isRequired,\n  /**\n   * Label for the login button while loggin.\n   */\n  loginButtonMessage: PropTypes.string.isRequired,\n  /**\n   * Link for forgot your credentials.\n   */\n  forgotYourCredentialMessage: PropTypes.string.isRequired,\n  /**\n   * Input user name label\n   */\n  userNameInputLabel: PropTypes.string.isRequired,\n  /**\n   * Input user name placeholder\n   */\n  userNamePlaceHolder: PropTypes.string.isRequired,\n  /**\n   * Password label.\n   */\n  passwordInputLabel: PropTypes.string.isRequired,\n  /**\n   * Password placeholder.\n   */\n  passwordPlaceHolder: PropTypes.string.isRequired,\n  /**\n   * Remember me label.\n   */\n  rememberMeLabel: PropTypes.string.isRequired,\n  /**\n   * Incorrect Credentials Message\n   */\n  incorrectCredentialsMessage: PropTypes.string.isRequired,\n  /**\n   * Indicates if the Login is fully loaded.\n   */\n  isLoading: PropTypes.bool,\n  /**\n   * A custom message to be shown in the error area.\n   * Will be overridden by any error messages.\n   */\n  customMessage: PropTypes.string,\n  /**\n   * Additional props for form element\n   */\n  formProps: PropTypes.instanceOf(Object),\n};\n\nLogin.defaultProps = {\n  titleText: null,\n  logo: null,\n  titleComponent: null,\n  allowRecover: false,\n  allowRememberMe: false,\n  errorLoginIcon: null,\n  isLoading: false,\n  customMessage: null,\n  formProps: {},\n};\n\nexport default withStyles(styles, { name: \"HvLoginLogin\" })(Login);\n"],"mappings":"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"}

package/dist/Login/Forms/Login/Title/Title.js

@@ -0,0 +1,113 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _core = require("@material-ui/core");
+
+var _Typography = _interopRequireDefault(require("../../../../Typography"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+/**
+ * Builds the title component. This component can be render by the props:
+ *  - titleText - overrides the default "Welcome" text.
+ *  - logo - an url for a icon to be used in junction with the titleText.
+ *  - titleComponent - a component to be render, overriding the titleText.
+ *
+ * @param props
+ * @returns {*}
+ * @constructor
+ */
+var Title = function Title(_ref) {
+  var classes = _ref.classes,
+      logo = _ref.logo,
+      titleText = _ref.titleText,
+      titleComponent = _ref.titleComponent;
+
+  if (titleComponent !== null) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: classes.root
+    }, titleComponent);
+  }
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.root
+  }, logo != null && /*#__PURE__*/_react.default.createElement("img", {
+    src: logo,
+    className: classes.logoImage,
+    alt: "Company logo"
+  }), /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "mTitle",
+    className: (0, _clsx.default)(classes.titleContainer, !logo && classes.titleNoLogoComponent)
+  }, titleText));
+};
+
+process.env.NODE_ENV !== "production" ? Title.propTypes = {
+  /**
+   * The classes object to be applied into the root object.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component title class.
+     */
+    titleContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component logo image.
+     */
+    logoImage: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component when no logo component is passed.
+     */
+    titleNoLogoComponent: _propTypes.default.string,
+
+    /**
+     * Styles applied to the separator.
+     */
+    separator: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * The welcome message
+   */
+  titleText: _propTypes.default.string,
+
+  /**
+   * The url for the logo in the welcome message.
+   */
+  logo: _propTypes.default.string,
+
+  /**
+   * A component to replace the welcome message
+   */
+  titleComponent: _propTypes.default.node
+} : void 0;
+Title.defaultProps = {
+  logo: null,
+  titleText: "Welcome",
+  titleComponent: null
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvLoginTitle"
+})(Title);
+
+exports.default = _default;
+//# sourceMappingURL=Title.js.map

package/dist/Login/Forms/Login/Title/Title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.js","names":["Title","classes","logo","titleText","titleComponent","root","logoImage","clsx","titleContainer","titleNoLogoComponent","propTypes","PropTypes","shape","string","separator","isRequired","node","defaultProps","withStyles","styles","name"],"sources":["../../../../../src/Login/Forms/Login/Title/Title.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport HvTypography from \"../../../../Typography\";\nimport styles from \"./styles\";\n\n/**\n * Builds the title component. This component can be render by the props:\n *  - titleText - overrides the default \"Welcome\" text.\n *  - logo - an url for a icon to be used in junction with the titleText.\n *  - titleComponent - a component to be render, overriding the titleText.\n *\n * @param props\n * @returns {*}\n * @constructor\n */\nconst Title = ({ classes, logo, titleText, titleComponent }) => {\n  if (titleComponent !== null) {\n    return <div className={classes.root}>{titleComponent}</div>;\n  }\n\n  return (\n    <div className={classes.root}>\n      {logo != null && <img src={logo} className={classes.logoImage} alt=\"Company logo\" />}\n\n      <HvTypography\n        variant=\"mTitle\"\n        className={clsx(classes.titleContainer, {\n          [classes.titleNoLogoComponent]: !logo,\n        })}\n      >\n        {titleText}\n      </HvTypography>\n    </div>\n  );\n};\n\nTitle.propTypes = {\n  /**\n   * The classes object to be applied into the root object.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component title class.\n     */\n    titleContainer: PropTypes.string,\n    /**\n     * Styles applied to the component logo image.\n     */\n    logoImage: PropTypes.string,\n    /**\n     * Styles applied to the component when no logo component is passed.\n     */\n    titleNoLogoComponent: PropTypes.string,\n    /**\n     * Styles applied to the separator.\n     */\n    separator: PropTypes.string,\n  }).isRequired,\n  /**\n   * The welcome message\n   */\n  titleText: PropTypes.string,\n  /**\n   * The url for the logo in the welcome message.\n   */\n  logo: PropTypes.string,\n  /**\n   * A component to replace the welcome message\n   */\n  titleComponent: PropTypes.node,\n};\n\nTitle.defaultProps = {\n  logo: null,\n  titleText: \"Welcome\",\n  titleComponent: null,\n};\n\nexport default withStyles(styles, { name: \"HvLoginTitle\" })(Title);\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAAkD;EAAA,IAA/CC,OAA+C,QAA/CA,OAA+C;EAAA,IAAtCC,IAAsC,QAAtCA,IAAsC;EAAA,IAAhCC,SAAgC,QAAhCA,SAAgC;EAAA,IAArBC,cAAqB,QAArBA,cAAqB;;EAC9D,IAAIA,cAAc,KAAK,IAAvB,EAA6B;IAC3B,oBAAO;MAAK,SAAS,EAAEH,OAAO,CAACI;IAAxB,GAA+BD,cAA/B,CAAP;EACD;;EAED,oBACE;IAAK,SAAS,EAAEH,OAAO,CAACI;EAAxB,GACGH,IAAI,IAAI,IAAR,iBAAgB;IAAK,GAAG,EAAEA,IAAV;IAAgB,SAAS,EAAED,OAAO,CAACK,SAAnC;IAA8C,GAAG,EAAC;EAAlD,EADnB,eAGE,6BAAC,mBAAD;IACE,OAAO,EAAC,QADV;IAEE,SAAS,EAAE,IAAAC,aAAA,EAAKN,OAAO,CAACO,cAAb,EACuB,CAACN,IADxB,IACRD,OAAO,CAACQ,oBADA;EAFb,GAMGN,SANH,CAHF,CADF;AAcD,CAnBD;;AAqBA,wCAAAH,KAAK,CAACU,SAAN,GAAkB;EAChB;AACF;AACA;EACET,OAAO,EAAEU,kBAAA,CAAUC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIP,IAAI,EAAEM,kBAAA,CAAUE,MAJO;;IAKvB;AACJ;AACA;IACIL,cAAc,EAAEG,kBAAA,CAAUE,MARH;;IASvB;AACJ;AACA;IACIP,SAAS,EAAEK,kBAAA,CAAUE,MAZE;;IAavB;AACJ;AACA;IACIJ,oBAAoB,EAAEE,kBAAA,CAAUE,MAhBT;;IAiBvB;AACJ;AACA;IACIC,SAAS,EAAEH,kBAAA,CAAUE;EApBE,CAAhB,EAqBNE,UAzBa;;EA0BhB;AACF;AACA;EACEZ,SAAS,EAAEQ,kBAAA,CAAUE,MA7BL;;EA8BhB;AACF;AACA;EACEX,IAAI,EAAES,kBAAA,CAAUE,MAjCA;;EAkChB;AACF;AACA;EACET,cAAc,EAAEO,kBAAA,CAAUK;AArCV,CAAlB;AAwCAhB,KAAK,CAACiB,YAAN,GAAqB;EACnBf,IAAI,EAAE,IADa;EAEnBC,SAAS,EAAE,SAFQ;EAGnBC,cAAc,EAAE;AAHG,CAArB;;eAMe,IAAAc,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA6CpB,KAA7C,C"}

package/dist/Login/Forms/Login/Title/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Title.default;
+  }
+});
+
+var _Title = _interopRequireDefault(require("./Title"));
+//# sourceMappingURL=index.js.map

package/dist/Login/Forms/Login/Title/index.js.map

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

package/dist/Login/Forms/Login/Title/styles.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var styles = {
+  root: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    width: "100%"
+  },
+  logoImage: {
+    maxHeight: "80px"
+  },
+  titleNoLogoComponent: {
+    marginTop: "80px"
+  },
+  separator: {
+    height: "15px"
+  }
+};
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Login/Forms/Login/Title/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","root","display","flexDirection","alignItems","justifyContent","width","logoImage","maxHeight","titleNoLogoComponent","marginTop","separator","height"],"sources":["../../../../../src/Login/Forms/Login/Title/styles.js"],"sourcesContent":["const styles = {\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    width: \"100%\",\n  },\n  logoImage: {\n    maxHeight: \"80px\",\n  },\n  titleNoLogoComponent: {\n    marginTop: \"80px\",\n  },\n  separator: {\n    height: \"15px\",\n  },\n};\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG;EACbC,IAAI,EAAE;IACJC,OAAO,EAAE,MADL;IAEJC,aAAa,EAAE,QAFX;IAGJC,UAAU,EAAE,QAHR;IAIJC,cAAc,EAAE,QAJZ;IAKJC,KAAK,EAAE;EALH,CADO;EAQbC,SAAS,EAAE;IACTC,SAAS,EAAE;EADF,CARE;EAWbC,oBAAoB,EAAE;IACpBC,SAAS,EAAE;EADS,CAXT;EAcbC,SAAS,EAAE;IACTC,MAAM,EAAE;EADC;AAdE,CAAf;eAmBeZ,M"}

package/dist/Login/Forms/Login/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Login.default;
+  }
+});
+
+var _Login = _interopRequireDefault(require("./Login"));
+//# sourceMappingURL=index.js.map

package/dist/Login/Forms/Login/index.js.map

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

package/dist/Login/Forms/Login/styles.js

@@ -0,0 +1,133 @@
+"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"));
+
+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: {
+      minWidth: "250px",
+      width: "300px",
+      padding: "".concat(theme.hv.spacing.sm, "px 0px 0px 0px"),
+      marginLeft: "auto",
+      marginRight: "auto",
+      marginTop: 50
+    },
+    title: {
+      display: "flex",
+      position: "relative",
+      left: "auto",
+      zIndex: 1,
+      marginBottom: "".concat(theme.hv.spacing.xs, "px"),
+      overflow: "auto"
+    },
+    h3: {
+      margin: "0px"
+    },
+    inputUser: {
+      position: "relative",
+      paddingBottom: "".concat(theme.hv.spacing.md, "px"),
+      marginTop: 10
+    },
+    inputPassword: {},
+    button: {
+      width: "120px",
+      float: "right",
+      position: "absolute",
+      right: 0,
+      top: 0,
+      textTransform: "none"
+    },
+    buttonsContainer: {
+      position: "relative",
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      marginTop: "".concat(theme.hv.spacing.lg, "px")
+    },
+    buttonsContainerWithRemember: {
+      position: "relative",
+      display: "flex",
+      justifyContent: "space-between",
+      marginTop: "52px"
+    },
+    separator: {
+      width: "".concat(theme.hv.spacing.sm, "px")
+    },
+    forgotCredentials: {
+      marginTop: "".concat(theme.hv.spacing.sm, "px"),
+      display: "flex",
+      justifyContent: "center"
+    },
+    checkBoxTypography: _objectSpread({}, theme.hv.typography.normalText),
+    sentenceCase: {
+      textTransform: "full-size-kana"
+    },
+    showMessage: {
+      backgroundColor: theme.hv.palette.semantic.sema9,
+      display: "flex",
+      alignItems: "center",
+      height: "100%",
+      paddingRight: "".concat(theme.hv.spacing.xs, "px"),
+      "& > p": {
+        color: theme.hv.palette.base.base2
+      }
+    },
+    showCustomMessage: {
+      backgroundColor: theme.hv.palette.semantic.sema7,
+      display: "flex",
+      alignItems: "center",
+      height: "100%",
+      width: "100%",
+      paddingRight: "".concat(theme.hv.spacing.xs, "px"),
+      paddingLeft: "".concat(theme.hv.spacing.xs, "px"),
+      whiteSpace: "pre-wrap",
+      "& > p": _objectSpread(_objectSpread({}, theme.hv.typography.normalText), {}, {
+        color: theme.hv.palette.base.base2
+      })
+    },
+    icon: {
+      margin: "0 ".concat(theme.hv.spacing.xs, "px"),
+      maxWidth: "32px",
+      maxHeight: "32px",
+      minWidth: "32px",
+      minHeight: "32px"
+    },
+    errorMessageContainer: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      width: "100%",
+      position: "static",
+      height: "52px"
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Login/Forms/Login/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","minWidth","width","padding","hv","spacing","sm","marginLeft","marginRight","marginTop","title","display","position","left","zIndex","marginBottom","xs","overflow","h3","margin","inputUser","paddingBottom","md","inputPassword","button","float","right","top","textTransform","buttonsContainer","justifyContent","alignItems","lg","buttonsContainerWithRemember","separator","forgotCredentials","checkBoxTypography","typography","normalText","sentenceCase","showMessage","backgroundColor","palette","semantic","sema9","height","paddingRight","color","base","base2","showCustomMessage","sema7","paddingLeft","whiteSpace","icon","maxWidth","maxHeight","minHeight","errorMessageContainer"],"sources":["../../../../src/Login/Forms/Login/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    minWidth: \"250px\",\n    width: \"300px\",\n    padding: `${theme.hv.spacing.sm}px 0px 0px 0px`,\n    marginLeft: \"auto\",\n    marginRight: \"auto\",\n    marginTop: 50,\n  },\n  title: {\n    display: \"flex\",\n    position: \"relative\",\n    left: \"auto\",\n    zIndex: 1,\n    marginBottom: `${theme.hv.spacing.xs}px`,\n    overflow: \"auto\",\n  },\n  h3: {\n    margin: \"0px\",\n  },\n  inputUser: {\n    position: \"relative\",\n    paddingBottom: `${theme.hv.spacing.md}px`,\n    marginTop: 10,\n  },\n  inputPassword: {},\n  button: {\n    width: \"120px\",\n    float: \"right\",\n    position: \"absolute\",\n    right: 0,\n    top: 0,\n    textTransform: \"none\",\n  },\n  buttonsContainer: {\n    position: \"relative\",\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    marginTop: `${theme.hv.spacing.lg}px`,\n  },\n  buttonsContainerWithRemember: {\n    position: \"relative\",\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    marginTop: \"52px\",\n  },\n  separator: {\n    width: `${theme.hv.spacing.sm}px`,\n  },\n  forgotCredentials: {\n    marginTop: `${theme.hv.spacing.sm}px`,\n    display: \"flex\",\n    justifyContent: \"center\",\n  },\n  checkBoxTypography: {\n    ...theme.hv.typography.normalText,\n  },\n  sentenceCase: {\n    textTransform: `full-size-kana`,\n  },\n  showMessage: {\n    backgroundColor: theme.hv.palette.semantic.sema9,\n    display: \"flex\",\n    alignItems: \"center\",\n    height: \"100%\",\n    paddingRight: `${theme.hv.spacing.xs}px`,\n    \"& > p\": {\n      color: theme.hv.palette.base.base2,\n    },\n  },\n  showCustomMessage: {\n    backgroundColor: theme.hv.palette.semantic.sema7,\n    display: \"flex\",\n    alignItems: \"center\",\n    height: \"100%\",\n    width: \"100%\",\n    paddingRight: `${theme.hv.spacing.xs}px`,\n    paddingLeft: `${theme.hv.spacing.xs}px`,\n    whiteSpace: \"pre-wrap\",\n    \"& > p\": {\n      ...theme.hv.typography.normalText,\n      color: theme.hv.palette.base.base2,\n    },\n  },\n  icon: {\n    margin: `0 ${theme.hv.spacing.xs}px`,\n    maxWidth: \"32px\",\n    maxHeight: \"32px\",\n    minWidth: \"32px\",\n    minHeight: \"32px\",\n  },\n  errorMessageContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    width: \"100%\",\n    position: \"static\",\n    height: \"52px\",\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}

package/dist/Login/Forms/MessageElement.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _Typography = _interopRequireDefault(require("../../Typography"));
+
+var MessageElement = function MessageElement(_ref) {
+  var iconElement = _ref.iconElement,
+      showMessage = _ref.showMessage,
+      icon = _ref.icon,
+      message = _ref.message;
+  var iconClone = iconElement != null ? /*#__PURE__*/_react.default.cloneElement(iconElement, {
+    className: icon
+  }) : null;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: showMessage
+  }, iconClone, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "normalText"
+  }, message));
+};
+
+process.env.NODE_ENV !== "production" ? MessageElement.propTypes = {
+  /**
+   * Icon component.
+   */
+  iconElement: _propTypes.default.node,
+
+  /**
+   * Class for the div.
+   */
+  showMessage: _propTypes.default.string.isRequired,
+
+  /**
+   * Class for the icon.
+   */
+  icon: _propTypes.default.string,
+
+  /**
+   * Message to be showed.
+   */
+  message: _propTypes.default.string.isRequired
+} : void 0;
+MessageElement.defaultProps = {
+  iconElement: null,
+  icon: null
+};
+var _default = MessageElement;
+exports.default = _default;
+//# sourceMappingURL=MessageElement.js.map

package/dist/Login/Forms/MessageElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageElement.js","names":["MessageElement","iconElement","showMessage","icon","message","iconClone","React","cloneElement","className","propTypes","PropTypes","node","string","isRequired","defaultProps"],"sources":["../../../src/Login/Forms/MessageElement.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport HvTypography from \"../../Typography\";\n\nconst MessageElement = ({ iconElement, showMessage, icon, message }) => {\n  const iconClone =\n    iconElement != null\n      ? React.cloneElement(iconElement, {\n          className: icon,\n        })\n      : null;\n\n  return (\n    <div className={showMessage}>\n      {iconClone}\n      <HvTypography variant=\"normalText\">{message}</HvTypography>\n    </div>\n  );\n};\n\nMessageElement.propTypes = {\n  /**\n   * Icon component.\n   */\n  iconElement: PropTypes.node,\n  /**\n   * Class for the div.\n   */\n  showMessage: PropTypes.string.isRequired,\n  /**\n   * Class for the icon.\n   */\n  icon: PropTypes.string,\n  /**\n   * Message to be showed.\n   */\n  message: PropTypes.string.isRequired,\n};\n\nMessageElement.defaultProps = {\n  iconElement: null,\n  icon: null,\n};\n\nexport default MessageElement;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,OAAiD;EAAA,IAA9CC,WAA8C,QAA9CA,WAA8C;EAAA,IAAjCC,WAAiC,QAAjCA,WAAiC;EAAA,IAApBC,IAAoB,QAApBA,IAAoB;EAAA,IAAdC,OAAc,QAAdA,OAAc;EACtE,IAAMC,SAAS,GACbJ,WAAW,IAAI,IAAf,gBACIK,cAAA,CAAMC,YAAN,CAAmBN,WAAnB,EAAgC;IAC9BO,SAAS,EAAEL;EADmB,CAAhC,CADJ,GAII,IALN;EAOA,oBACE;IAAK,SAAS,EAAED;EAAhB,GACGG,SADH,eAEE,6BAAC,mBAAD;IAAc,OAAO,EAAC;EAAtB,GAAoCD,OAApC,CAFF,CADF;AAMD,CAdD;;AAgBA,wCAAAJ,cAAc,CAACS,SAAf,GAA2B;EACzB;AACF;AACA;EACER,WAAW,EAAES,kBAAA,CAAUC,IAJE;;EAKzB;AACF;AACA;EACET,WAAW,EAAEQ,kBAAA,CAAUE,MAAV,CAAiBC,UARL;;EASzB;AACF;AACA;EACEV,IAAI,EAAEO,kBAAA,CAAUE,MAZS;;EAazB;AACF;AACA;EACER,OAAO,EAAEM,kBAAA,CAAUE,MAAV,CAAiBC;AAhBD,CAA3B;AAmBAb,cAAc,CAACc,YAAf,GAA8B;EAC5Bb,WAAW,EAAE,IADe;EAE5BE,IAAI,EAAE;AAFsB,CAA9B;eAKeH,c"}