@hitachivantara/uikit-react-core 2.23.2

package/dist/modern/Login/Forms/Login/Login.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Login.js","names":["React","PropTypes","clsx","withStyles","Input","HvButton","HvCheckbox","Title","MessageElement","styles","Login","Component","constructor","e","preventDefault","isLoading","props","username","password","rememberMe","state","login","setState","isLogging","loginError","localStorage","setItem","removeItem","isMounted","error","target","checked","name","event","value","componentDidMount","getItem","componentWillUnmount","status","isFullyMounted","render","classes","logo","titleText","titleComponent","onClick","allowRecover","allowRememberMe","errorLoginIcon","userNameInputLabel","userNamePlaceHolder","passwordInputLabel","passwordPlaceHolder","loginButtonMessage","loginButtonLabel","forgotYourCredentialMessage","rememberMeLabel","incorrectCredentialsMessage","customMessage","formProps","customMessageElement","showCustomMessage","root","className","handleSubmit","title","errorMessageContainer","icon","showMessage","inputUser","inputLabel","placeholder","infoText","handleInputChange","inputPassword","buttonsContainerWithRemember","buttonsContainer","labelTypography","checkBoxTypography","handleRememberMe","button","sentenceCase","forgotCredentials","displayName","propTypes","shape","string","h3","separator","isRequired","func","node","bool","element","instanceOf","Object","defaultProps"],"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/modern/Login/Forms/Login/Title/Title.js

@@ -0,0 +1,96 @@
+import React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles } from "@material-ui/core";
+import HvTypography from "../../../../Typography";
+import styles from "./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
+ */
+
+const Title = ({
+  classes,
+  logo,
+  titleText,
+  titleComponent
+}) => {
+  if (titleComponent !== null) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: classes.root
+    }, titleComponent);
+  }
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: classes.root
+  }, logo != null && /*#__PURE__*/React.createElement("img", {
+    src: logo,
+    className: classes.logoImage,
+    alt: "Company logo"
+  }), /*#__PURE__*/React.createElement(HvTypography, {
+    variant: "mTitle",
+    className: clsx(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.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the component title class.
+     */
+    titleContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the component logo image.
+     */
+    logoImage: PropTypes.string,
+
+    /**
+     * Styles applied to the component when no logo component is passed.
+     */
+    titleNoLogoComponent: PropTypes.string,
+
+    /**
+     * Styles applied to the separator.
+     */
+    separator: PropTypes.string
+  }).isRequired,
+
+  /**
+   * The welcome message
+   */
+  titleText: PropTypes.string,
+
+  /**
+   * The url for the logo in the welcome message.
+   */
+  logo: PropTypes.string,
+
+  /**
+   * A component to replace the welcome message
+   */
+  titleComponent: PropTypes.node
+} : void 0;
+Title.defaultProps = {
+  logo: null,
+  titleText: "Welcome",
+  titleComponent: null
+};
+export default withStyles(styles, {
+  name: "HvLoginTitle"
+})(Title);
+//# sourceMappingURL=Title.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Title.js","names":["React","PropTypes","clsx","withStyles","HvTypography","styles","Title","classes","logo","titleText","titleComponent","root","logoImage","titleContainer","titleNoLogoComponent","propTypes","shape","string","separator","isRequired","node","defaultProps","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,YAAP,MAAyB,wBAAzB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,MAAMC,KAAK,GAAG,CAAC;EAAEC,OAAF;EAAWC,IAAX;EAAiBC,SAAjB;EAA4BC;AAA5B,CAAD,KAAkD;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,oBAAC,YAAD;IACE,OAAO,EAAC,QADV;IAEE,SAAS,EAAEV,IAAI,CAACK,OAAO,CAACM,cAAT,EACmB,CAACL,IADpB,IACZD,OAAO,CAACO,oBADI;EAFjB,GAMGL,SANH,CAHF,CADF;AAcD,CAnBD;;AAqBA,wCAAAH,KAAK,CAACS,SAAN,GAAkB;EAChB;AACF;AACA;EACER,OAAO,EAAEN,SAAS,CAACe,KAAV,CAAgB;IACvB;AACJ;AACA;IACIL,IAAI,EAAEV,SAAS,CAACgB,MAJO;;IAKvB;AACJ;AACA;IACIJ,cAAc,EAAEZ,SAAS,CAACgB,MARH;;IASvB;AACJ;AACA;IACIL,SAAS,EAAEX,SAAS,CAACgB,MAZE;;IAavB;AACJ;AACA;IACIH,oBAAoB,EAAEb,SAAS,CAACgB,MAhBT;;IAiBvB;AACJ;AACA;IACIC,SAAS,EAAEjB,SAAS,CAACgB;EApBE,CAAhB,EAqBNE,UAzBa;;EA0BhB;AACF;AACA;EACEV,SAAS,EAAER,SAAS,CAACgB,MA7BL;;EA8BhB;AACF;AACA;EACET,IAAI,EAAEP,SAAS,CAACgB,MAjCA;;EAkChB;AACF;AACA;EACEP,cAAc,EAAET,SAAS,CAACmB;AArCV,CAAlB;AAwCAd,KAAK,CAACe,YAAN,GAAqB;EACnBb,IAAI,EAAE,IADa;EAEnBC,SAAS,EAAE,SAFQ;EAGnBC,cAAc,EAAE;AAHG,CAArB;AAMA,eAAeP,UAAU,CAACE,MAAD,EAAS;EAAEiB,IAAI,EAAE;AAAR,CAAT,CAAV,CAA6ChB,KAA7C,CAAf"}

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

@@ -0,0 +1,2 @@
+export { default } from "./Title";
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,20 @@
+const styles = {
+  root: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    width: "100%"
+  },
+  logoImage: {
+    maxHeight: "80px"
+  },
+  titleNoLogoComponent: {
+    marginTop: "80px"
+  },
+  separator: {
+    height: "15px"
+  }
+};
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/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,MAAMA,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;AAmBA,eAAeZ,MAAf"}

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

@@ -0,0 +1,2 @@
+export { default } from "./Login";
+//# sourceMappingURL=index.js.map

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

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