@hitachivantara/uikit-react-core 2.23.2

package/dist/modern/Login/Login.d.ts

@@ -0,0 +1,157 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface LoginLabelsProp {
+  /**
+   * The welcome message
+   */
+  titleText?: string;
+  /**
+   * Recovery title
+   */
+  recoveryTitle?: string;
+  /**
+   * Message to recover
+   */
+  messageToRecover?: string;
+  /**
+   * Message shown after recover
+   */
+  messageAfterRecover?: string;
+  /**
+   * Recovery input label
+   */
+  recoveryInputLabel?: string;
+  /**
+   * Recovery placeholder
+   */
+  recoveryPlaceholder?: string;
+  /**
+   * Message shown when an error occurs
+   */
+  recoveryErrorMessage?: string;
+  /**
+   * Input user name label
+   */
+  userNameInputLabel?: string;
+  /**
+   * Input user name placeholder
+   */
+  userNamePlaceHolder?: string;
+  /**
+   * Password label
+   */
+  passwordInputLabel?: string;
+  /**
+   * Password placeholder.
+   */
+  passwordPlaceHolder?: string;
+  /**
+   * Remember Me label
+   */
+  rememberMeLabel?: string;
+  /**
+   * The Login Button Message
+   */
+  loginButtonMessage?: string;
+  /**
+   * The Login Button Label
+   */
+  loginButtonLabel?: string;
+  /**
+   * Forget your Credentials Message
+   */
+  forgotYourCredentialMessage?: string;
+  /**
+   * Email Input Label
+   */
+  emailLabel: string;
+  /**
+   * Email Input Placeholder
+   */
+  emailPlaceholder: string;
+  /**
+   * Cancel Button Label
+   */
+  cancelButton: string;
+  /**
+   * Recover Button Label
+   */
+  recoverButton: string;
+  /**
+   * Message presented while recovering the credentials
+   */
+  recoveringMessage: string;
+  /**
+   * Message presented when an error occurs recovering the credentials.
+   */
+  incorrectCredentialsMessage?: string;
+}
+
+export interface LoginProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvLoginClassKey> {
+  /**
+   *  the classes object to be applied into the inner form.
+   */
+  formClasses?: {
+    /**
+     * Styles applied to the component root class.
+     */
+    root?: string;
+  };
+  /**
+   * the function invoked for the log in
+   */
+  login: (credentials: { username: string; password: string }) => Promise<any>;
+  /**
+   * the function invoked for the recovery
+   */
+  recovery?: (credential: { email: string }) => Promise<any>;
+  /**
+   * the url for the background image (CSS style prop).
+   */
+  backgroundImage?: string;
+  /**
+   * Sizing for background image (CSS style prop).
+   */
+  backgroundImageSize?: string;
+  /**
+   * the url for the logo in the welcome message.
+   */
+  logo?: string;
+  /**
+   * a component to replace the welcome message
+   */
+  titleComponent?: React.ReactNode;
+  /**
+   * the component should have the recovery capability
+   */
+  allowRecover?: boolean;
+  /**
+   * the component should have the remember me capability
+   */
+  allowRememberMe?: boolean;
+  /**
+   * Icon to be presented when the recovery occurs successfully.
+   */
+  okRecoveryIcon?: React.ReactNode;
+  /**
+   * Icon to be presented when an error occurs in the login.
+   */
+  errorLoginIcon?: React.ReactNode;
+  /**
+   * The object that contains the different labels inside the kpi.
+   */
+  labels?: LoginLabelsProp;
+  /**
+   * A custom message to be shown in the error area.
+   * Will be overridden by any error messages.
+   */
+  customMessage?: {
+    text: string;
+  };
+}
+
+export type HvLoginClassKey = "container" | "rightContainer" | "panelPosition";
+
+export default function HvTooltip(props: LoginProps): JSX.Element | null;

package/dist/modern/Login/Login.js

@@ -0,0 +1,410 @@
+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 { Fail, Success } from "@hitachivantara/uikit-react-icons";
+import withLabels from "../withLabels";
+import withDeprecate from "../withDeprecated";
+import HvGrid from "../Grid";
+import Login from "./Forms/Login";
+import Recovery from "./Forms/Recovery";
+import defaultBackImage from "./resources/bg.svg";
+import styles from "./styles";
+const DEFAULT_LABELS = {
+  titleText: "Welcome",
+  recoveryTitle: "Recover Credentials",
+  messageToRecover: "You will receive an email with instructions to recover your credentials",
+  messageAfterRecover: "The instructions to recover your credentials were sent.",
+  recoveryInputLabel: "Email",
+  recoveryPlaceholder: "Enter text",
+  recoveryErrorMessage: "The email you've entered doesn't match any account",
+  userNameInputLabel: "Username",
+  userNamePlaceHolder: "Enter text",
+  passwordInputLabel: "Password",
+  passwordPlaceHolder: "Enter text",
+  rememberMeLabel: "Remember me",
+  loginButtonMessage: "Logging",
+  loginButtonLabel: "Log in",
+  forgotYourCredentialMessage: "Forgot your credentials?",
+  emailLabel: "Email",
+  emailPlaceholder: "Enter Email",
+  cancelButton: "Cancel",
+  recoverButton: "Recover",
+  recoveringMessage: "Recovering",
+  incorrectCredentialsMessage: "Incorrect Username and/or Password. Please try again."
+};
+/**
+ * Main container for the Login component.
+ */
+
+class HvLogin extends React.Component {
+  constructor() {
+    super();
+
+    _defineProperty(this, "switchForms", () => {
+      this.setState(prevState => ({
+        inRecoveryMode: !prevState.inRecoveryMode
+      }));
+    });
+
+    this.state = {
+      inRecoveryMode: false,
+      isLoading: true
+    };
+  }
+  /**
+   * When the component is fully loaded the state is changed
+   * indicating that the load is complete and the form can be displayed.
+   */
+
+
+  componentDidMount() {
+    this.setState({
+      isLoading: false
+    });
+  }
+  /**
+   * Function to switch the status inRecoveryMode. This status is used to determine which form
+   * should be render (Login or Recover).
+   */
+
+
+  render() {
+    const {
+      classes,
+      className,
+      id,
+      login,
+      recovery,
+      backgroundImage,
+      backgroundImageSize,
+      logo,
+      titleComponent,
+      allowRecover,
+      allowRememberMe,
+      okRecoveryIcon,
+      errorLoginIcon,
+      labels,
+      customMessage,
+      formClasses,
+      formProps
+    } = this.props;
+    const {
+      inRecoveryMode,
+      isLoading
+    } = this.state;
+    const backgroundLoginImg = !backgroundImage.length ? defaultBackImage : backgroundImage;
+    const form = inRecoveryMode ? /*#__PURE__*/React.createElement(Recovery, {
+      recovery: recovery,
+      onClick: this.switchForms,
+      okRecoveryIcon: okRecoveryIcon,
+      recoveryTitle: labels.recoveryTitle,
+      messageToRecover: labels.messageToRecover,
+      messageAfterRecover: labels.messageAfterRecover,
+      recoveryInputLabel: labels.recoveryInputLabel,
+      recoveryPlaceholder: labels.recoveryPlaceholder,
+      recoveryErrorMessage: labels.recoveryErrorMessage,
+      emailLabel: labels.emailLabel,
+      emailPlaceholder: labels.emailPlaceholder,
+      cancelButton: labels.cancelButton,
+      recoverButton: labels.recoverButton,
+      recoveringMessage: labels.recoveringMessage
+    }) : /*#__PURE__*/React.createElement(Login, {
+      login: login,
+      titleText: labels.titleText,
+      logo: logo,
+      titleComponent: titleComponent,
+      allowRecover: allowRecover,
+      allowRememberMe: allowRememberMe,
+      onClick: this.switchForms,
+      errorLoginIcon: errorLoginIcon,
+      incorrectCredentialsMessage: labels.incorrectCredentialsMessage,
+      userNameInputLabel: labels.userNameInputLabel,
+      userNamePlaceHolder: labels.userNamePlaceHolder,
+      passwordInputLabel: labels.passwordInputLabel,
+      passwordPlaceHolder: labels.passwordPlaceHolder,
+      rememberMeLabel: labels.rememberMeLabel,
+      loginButtonMessage: labels.loginButtonMessage,
+      loginButtonLabel: labels.loginButtonLabel,
+      forgotYourCredentialMessage: labels.forgotYourCredentialMessage,
+      isLoading: isLoading,
+      customMessage: customMessage.text,
+      classes: formClasses,
+      formProps: formProps
+    });
+    return /*#__PURE__*/React.createElement(HvGrid, {
+      container: true,
+      className: classes.container,
+      style: {
+        backgroundImage: `url(${backgroundLoginImg})`,
+        backgroundSize: `${backgroundImageSize}`,
+        margin: 0
+      }
+    }, /*#__PURE__*/React.createElement(HvGrid, {
+      item: true,
+      xs: false,
+      sm: false,
+      md: 8,
+      lg: 8,
+      xl: 8,
+      className: classes.panelPosition
+    }, /*#__PURE__*/React.createElement("div", {
+      id: id,
+      className: clsx(classes.root, className)
+    })), /*#__PURE__*/React.createElement(HvGrid, {
+      item: true,
+      xs: 12,
+      sm: 12,
+      md: 5,
+      lg: 5,
+      xl: 5,
+      className: classes.rightContainer
+    }, /*#__PURE__*/React.createElement("div", null, form)));
+  }
+
+}
+
+process.env.NODE_ENV !== "production" ? HvLogin.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * 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 container class.
+     */
+    container: PropTypes.string,
+
+    /**
+     * Styles applied to the right container.
+     */
+    rightContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the grid.
+     */
+    panelPosition: PropTypes.string
+  }).isRequired,
+
+  /**
+   *  the classes object to be applied into the inner form.
+   */
+  formClasses: PropTypes.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string
+  }),
+
+  /**
+   * the function invoked for the log in
+   */
+  login: PropTypes.func.isRequired,
+
+  /**
+   * the function invoked for the recovery
+   */
+  recovery: PropTypes.func,
+
+  /**
+   * the url for the background image
+   */
+  backgroundImage: PropTypes.string,
+
+  /**
+   * Sizing for background image
+   */
+  backgroundImageSize: PropTypes.string,
+
+  /**
+   * the url for the logo in the welcome message.
+   */
+  logo: PropTypes.string,
+
+  /**
+   * a component to replace the welcome message
+   */
+  titleComponent: PropTypes.element,
+
+  /**
+   * the component should have the recovery capability
+   */
+  allowRecover: PropTypes.bool,
+
+  /**
+   * the component should have the remember me capability
+   */
+  allowRememberMe: PropTypes.bool,
+
+  /**
+   * Icon to be presented when the recovery occurs successfully.
+   */
+  okRecoveryIcon: PropTypes.element,
+
+  /**
+   * Icon to be presented when an error occurs in the login.
+   */
+  errorLoginIcon: PropTypes.element,
+
+  /**
+   * An object containing all the labels for the login.
+   */
+  labels: PropTypes.shape({
+    /**
+     * The welcome message.
+     */
+    titleText: PropTypes.string,
+
+    /**
+     * Recovery title.
+     */
+    recoveryTitle: PropTypes.string,
+
+    /**
+     * Message to recover
+     */
+    messageToRecover: PropTypes.string,
+
+    /**
+     * Message shown after recover.
+     */
+    messageAfterRecover: PropTypes.string,
+
+    /**
+     * Recovery input label.
+     */
+    recoveryInputLabel: PropTypes.string,
+
+    /**
+     * Recovery placeholder.
+     */
+    recoveryPlaceholder: PropTypes.string,
+
+    /**
+     * Message shown when an error occurs.
+     */
+    recoveryErrorMessage: PropTypes.string,
+
+    /**
+     * Input user name label.
+     */
+    userNameInputLabel: PropTypes.string,
+
+    /**
+     * Input user name placeholder.
+     */
+    userNamePlaceHolder: PropTypes.string,
+
+    /**
+     * Password label.
+     */
+    passwordInputLabel: PropTypes.string,
+
+    /**
+     * Password placeholder.
+     */
+    passwordPlaceHolder: PropTypes.string,
+
+    /**
+     * Remember me label.
+     */
+    rememberMeLabel: PropTypes.string,
+
+    /**
+     * Login Button message.
+     */
+    loginButtonMessage: PropTypes.string,
+
+    /**
+     * Login button label.
+     */
+    loginButtonLabel: PropTypes.string,
+
+    /**
+     * Forgot your credential message
+     */
+    forgotYourCredentialMessage: PropTypes.string,
+
+    /**
+     * Email Input Label.
+     */
+    emailLabel: PropTypes.string.isRequired,
+
+    /**
+     * Email Input Placeholder.
+     */
+    emailPlaceholder: PropTypes.string.isRequired,
+
+    /**
+     * Cancel button label.
+     */
+    cancelButton: PropTypes.string.isRequired,
+
+    /**
+     * Recover button label.
+     */
+    recoverButton: PropTypes.string.isRequired,
+
+    /**
+     * Message presented while recovering the credentials.
+     */
+    recoveringMessage: PropTypes.string.isRequired,
+
+    /**
+     * Message presented when an error occurs recovering the credentials.
+     */
+    incorrectCredentialsMessage: PropTypes.string
+  }),
+
+  /**
+   * A custom message to be shown in the error area.
+   * Will be overridden by any error messages.
+   */
+  customMessage: PropTypes.shape({
+    text: PropTypes.string
+  }),
+
+  /**
+   * Additional props for form element
+   */
+  formProps: PropTypes.instanceOf(Object)
+} : void 0;
+HvLogin.defaultProps = {
+  className: "",
+  id: undefined,
+  backgroundImage: "",
+  backgroundImageSize: "100%",
+  recovery: () => {},
+  logo: null,
+  titleComponent: null,
+  allowRecover: true,
+  allowRememberMe: true,
+  okRecoveryIcon: /*#__PURE__*/React.createElement(Success, {
+    semantic: "sema1"
+  }),
+  errorLoginIcon: /*#__PURE__*/React.createElement(Fail, {
+    semantic: "sema4"
+  }),
+  customMessage: {},
+  formClasses: null,
+  formProps: {}
+};
+export default withDeprecate(withStyles(styles, {
+  name: "HvLogin"
+})(withLabels(DEFAULT_LABELS)(HvLogin)), "Please use the HvLoginContainer component");
+//# sourceMappingURL=Login.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Login.js","names":["React","PropTypes","clsx","withStyles","Fail","Success","withLabels","withDeprecate","HvGrid","Login","Recovery","defaultBackImage","styles","DEFAULT_LABELS","titleText","recoveryTitle","messageToRecover","messageAfterRecover","recoveryInputLabel","recoveryPlaceholder","recoveryErrorMessage","userNameInputLabel","userNamePlaceHolder","passwordInputLabel","passwordPlaceHolder","rememberMeLabel","loginButtonMessage","loginButtonLabel","forgotYourCredentialMessage","emailLabel","emailPlaceholder","cancelButton","recoverButton","recoveringMessage","incorrectCredentialsMessage","HvLogin","Component","constructor","setState","prevState","inRecoveryMode","state","isLoading","componentDidMount","render","classes","className","id","login","recovery","backgroundImage","backgroundImageSize","logo","titleComponent","allowRecover","allowRememberMe","okRecoveryIcon","errorLoginIcon","labels","customMessage","formClasses","formProps","props","backgroundLoginImg","length","form","switchForms","text","container","backgroundSize","margin","panelPosition","root","rightContainer","propTypes","string","shape","isRequired","func","element","bool","instanceOf","Object","defaultProps","undefined","name"],"sources":["../../../src/Login/Login.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { Fail, Success } from \"@hitachivantara/uikit-react-icons\";\nimport withLabels from \"../withLabels\";\nimport withDeprecate from \"../withDeprecated\";\nimport HvGrid from \"../Grid\";\nimport Login from \"./Forms/Login\";\nimport Recovery from \"./Forms/Recovery\";\nimport defaultBackImage from \"./resources/bg.svg\";\nimport styles from \"./styles\";\n\nconst DEFAULT_LABELS = {\n  titleText: \"Welcome\",\n  recoveryTitle: \"Recover Credentials\",\n  messageToRecover: \"You will receive an email with instructions to recover your credentials\",\n  messageAfterRecover: \"The instructions to recover your credentials were sent.\",\n  recoveryInputLabel: \"Email\",\n  recoveryPlaceholder: \"Enter text\",\n  recoveryErrorMessage: \"The email you've entered doesn't match any account\",\n  userNameInputLabel: \"Username\",\n  userNamePlaceHolder: \"Enter text\",\n  passwordInputLabel: \"Password\",\n  passwordPlaceHolder: \"Enter text\",\n  rememberMeLabel: \"Remember me\",\n  loginButtonMessage: \"Logging\",\n  loginButtonLabel: \"Log in\",\n  forgotYourCredentialMessage: \"Forgot your credentials?\",\n  emailLabel: \"Email\",\n  emailPlaceholder: \"Enter Email\",\n  cancelButton: \"Cancel\",\n  recoverButton: \"Recover\",\n  recoveringMessage: \"Recovering\",\n  incorrectCredentialsMessage: \"Incorrect Username and/or Password. Please try again.\",\n};\n\n/**\n * Main container for the Login component.\n */\nclass HvLogin extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      inRecoveryMode: false,\n      isLoading: true,\n    };\n  }\n\n  /**\n   * When the component is fully loaded the state is changed\n   * indicating that the load is complete and the form can be displayed.\n   */\n  componentDidMount() {\n    this.setState({ isLoading: false });\n  }\n\n  /**\n   * Function to switch the status inRecoveryMode. This status is used to determine which form\n   * should be render (Login or Recover).\n   */\n  switchForms = () => {\n    this.setState((prevState) => ({ inRecoveryMode: !prevState.inRecoveryMode }));\n  };\n\n  render() {\n    const {\n      classes,\n      className,\n      id,\n      login,\n      recovery,\n      backgroundImage,\n      backgroundImageSize,\n      logo,\n      titleComponent,\n      allowRecover,\n      allowRememberMe,\n      okRecoveryIcon,\n      errorLoginIcon,\n      labels,\n      customMessage,\n      formClasses,\n      formProps,\n    } = this.props;\n    const { inRecoveryMode, isLoading } = this.state;\n    const backgroundLoginImg = !backgroundImage.length ? defaultBackImage : backgroundImage;\n\n    const form = inRecoveryMode ? (\n      <Recovery\n        recovery={recovery}\n        onClick={this.switchForms}\n        okRecoveryIcon={okRecoveryIcon}\n        recoveryTitle={labels.recoveryTitle}\n        messageToRecover={labels.messageToRecover}\n        messageAfterRecover={labels.messageAfterRecover}\n        recoveryInputLabel={labels.recoveryInputLabel}\n        recoveryPlaceholder={labels.recoveryPlaceholder}\n        recoveryErrorMessage={labels.recoveryErrorMessage}\n        emailLabel={labels.emailLabel}\n        emailPlaceholder={labels.emailPlaceholder}\n        cancelButton={labels.cancelButton}\n        recoverButton={labels.recoverButton}\n        recoveringMessage={labels.recoveringMessage}\n      />\n    ) : (\n      <Login\n        login={login}\n        titleText={labels.titleText}\n        logo={logo}\n        titleComponent={titleComponent}\n        allowRecover={allowRecover}\n        allowRememberMe={allowRememberMe}\n        onClick={this.switchForms}\n        errorLoginIcon={errorLoginIcon}\n        incorrectCredentialsMessage={labels.incorrectCredentialsMessage}\n        userNameInputLabel={labels.userNameInputLabel}\n        userNamePlaceHolder={labels.userNamePlaceHolder}\n        passwordInputLabel={labels.passwordInputLabel}\n        passwordPlaceHolder={labels.passwordPlaceHolder}\n        rememberMeLabel={labels.rememberMeLabel}\n        loginButtonMessage={labels.loginButtonMessage}\n        loginButtonLabel={labels.loginButtonLabel}\n        forgotYourCredentialMessage={labels.forgotYourCredentialMessage}\n        isLoading={isLoading}\n        customMessage={customMessage.text}\n        classes={formClasses}\n        formProps={formProps}\n      />\n    );\n\n    return (\n      <HvGrid\n        container\n        className={classes.container}\n        style={{\n          backgroundImage: `url(${backgroundLoginImg})`,\n          backgroundSize: `${backgroundImageSize}`,\n          margin: 0,\n        }}\n      >\n        <HvGrid item xs={false} sm={false} md={8} lg={8} xl={8} className={classes.panelPosition}>\n          <div id={id} className={clsx(classes.root, className)} />\n        </HvGrid>\n        <HvGrid item xs={12} sm={12} md={5} lg={5} xl={5} className={classes.rightContainer}>\n          <div>{form}</div>\n        </HvGrid>\n      </HvGrid>\n    );\n  }\n}\n\nHvLogin.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\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 container class.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the right container.\n     */\n    rightContainer: PropTypes.string,\n    /**\n     * Styles applied to the grid.\n     */\n    panelPosition: PropTypes.string,\n  }).isRequired,\n\n  /**\n   *  the classes object to be applied into the inner form.\n   */\n  formClasses: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }),\n  /**\n   * the function invoked for the log in\n   */\n  login: PropTypes.func.isRequired,\n  /**\n   * the function invoked for the recovery\n   */\n  recovery: PropTypes.func,\n  /**\n   * the url for the background image\n   */\n  backgroundImage: PropTypes.string,\n  /**\n   * Sizing for background image\n   */\n  backgroundImageSize: 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.element,\n  /**\n   * the component should have the recovery capability\n   */\n  allowRecover: PropTypes.bool,\n  /**\n   * the component should have the remember me capability\n   */\n  allowRememberMe: PropTypes.bool,\n  /**\n   * Icon to be presented when the recovery occurs successfully.\n   */\n  okRecoveryIcon: PropTypes.element,\n  /**\n   * Icon to be presented when an error occurs in the login.\n   */\n  errorLoginIcon: PropTypes.element,\n  /**\n   * An object containing all the labels for the login.\n   */\n  labels: PropTypes.shape({\n    /**\n     * The welcome message.\n     */\n    titleText: PropTypes.string,\n    /**\n     * Recovery title.\n     */\n    recoveryTitle: PropTypes.string,\n    /**\n     * Message to recover\n     */\n    messageToRecover: PropTypes.string,\n    /**\n     * Message shown after recover.\n     */\n    messageAfterRecover: PropTypes.string,\n    /**\n     * Recovery input label.\n     */\n    recoveryInputLabel: PropTypes.string,\n    /**\n     * Recovery placeholder.\n     */\n    recoveryPlaceholder: PropTypes.string,\n    /**\n     * Message shown when an error occurs.\n     */\n    recoveryErrorMessage: PropTypes.string,\n    /**\n     * Input user name label.\n     */\n    userNameInputLabel: PropTypes.string,\n    /**\n     * Input user name placeholder.\n     */\n    userNamePlaceHolder: PropTypes.string,\n    /**\n     * Password label.\n     */\n    passwordInputLabel: PropTypes.string,\n    /**\n     * Password placeholder.\n     */\n    passwordPlaceHolder: PropTypes.string,\n    /**\n     * Remember me label.\n     */\n    rememberMeLabel: PropTypes.string,\n    /**\n     * Login Button message.\n     */\n    loginButtonMessage: PropTypes.string,\n    /**\n     * Login button label.\n     */\n    loginButtonLabel: PropTypes.string,\n    /**\n     * Forgot your credential message\n     */\n    forgotYourCredentialMessage: PropTypes.string,\n    /**\n     * Email Input Label.\n     */\n    emailLabel: PropTypes.string.isRequired,\n    /**\n     * Email Input Placeholder.\n     */\n    emailPlaceholder: PropTypes.string.isRequired,\n    /**\n     * Cancel button label.\n     */\n    cancelButton: PropTypes.string.isRequired,\n    /**\n     * Recover button label.\n     */\n    recoverButton: PropTypes.string.isRequired,\n    /**\n     * Message presented while recovering the credentials.\n     */\n    recoveringMessage: PropTypes.string.isRequired,\n    /**\n     * Message presented when an error occurs recovering the credentials.\n     */\n    incorrectCredentialsMessage: PropTypes.string,\n  }),\n  /**\n   * A custom message to be shown in the error area.\n   * Will be overridden by any error messages.\n   */\n  customMessage: PropTypes.shape({\n    text: PropTypes.string,\n  }),\n  /**\n   * Additional props for form element\n   */\n  formProps: PropTypes.instanceOf(Object),\n};\n\nHvLogin.defaultProps = {\n  className: \"\",\n  id: undefined,\n  backgroundImage: \"\",\n  backgroundImageSize: \"100%\",\n  recovery: () => {},\n  logo: null,\n  titleComponent: null,\n  allowRecover: true,\n  allowRememberMe: true,\n  okRecoveryIcon: <Success semantic=\"sema1\" />,\n  errorLoginIcon: <Fail semantic=\"sema4\" />,\n  customMessage: {},\n  formClasses: null,\n  formProps: {},\n};\n\nexport default withDeprecate(\n  withStyles(styles, { name: \"HvLogin\" })(withLabels(DEFAULT_LABELS)(HvLogin)),\n  \"Please use the HvLoginContainer component\"\n);\n"],"mappings":"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"}

package/dist/modern/Login/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Login";
+export * from "./Login";

package/dist/modern/Login/index.js

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

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

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