@hitachivantara/uikit-react-core 2.23.2

package/dist/Login/Forms/Recovery/Recovery.js

@@ -0,0 +1,362 @@
+"use strict";
+
+require("core-js/modules/es.reflect.construct.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.promise.js");
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+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 _Input = _interopRequireDefault(require("../../../Input"));
+
+var _Button = _interopRequireDefault(require("../../../Button"));
+
+var _MessageElement = _interopRequireDefault(require("../MessageElement"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+/**
+ * The recovery password form.
+ */
+var Recovery = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(Recovery, _React$Component);
+
+  var _super = _createSuper(Recovery);
+
+  function Recovery() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, Recovery);
+    _this = _super.call(this);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "sleep", function (ms) {
+      return new Promise(function (resolve) {
+        return setTimeout(resolve, ms);
+      });
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSubmit", /*#__PURE__*/function () {
+      var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
+        var email, _this$props, recovery, onClick;
+
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                e.preventDefault();
+                email = _this.state.email;
+                _this$props = _this.props, recovery = _this$props.recovery, onClick = _this$props.onClick;
+
+                _this.setState({
+                  isRecovering: true
+                });
+
+                _this.setState({
+                  recoverStatus: "processing"
+                });
+
+                _context.prev = 5;
+                _context.next = 8;
+                return recovery({
+                  email: email
+                });
+
+              case 8:
+                _this.setState({
+                  recoverStatus: "success"
+                });
+
+                _context.next = 11;
+                return _this.sleep(2000);
+
+              case 11:
+                onClick();
+                _context.next = 17;
+                break;
+
+              case 14:
+                _context.prev = 14;
+                _context.t0 = _context["catch"](5);
+
+                _this.setState({
+                  recoverStatus: "error"
+                });
+
+              case 17:
+                _context.prev = 17;
+
+                _this.setState({
+                  isRecovering: false
+                });
+
+                return _context.finish(17);
+
+              case 20:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, null, [[5, 14, 17, 20]]);
+      }));
+
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }());
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleInputChange", function () {
+      return function (event, value) {
+        _this.setState({
+          email: value
+        });
+
+        return value;
+      };
+    });
+    _this.state = {
+      email: "",
+      recoverStatus: "processing"
+    };
+    return _this;
+  }
+  /**
+   * Sleep function.
+   */
+
+
+  (0, _createClass2.default)(Recovery, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props2 = this.props,
+          classes = _this$props2.classes,
+          onClick = _this$props2.onClick,
+          okRecoveryIcon = _this$props2.okRecoveryIcon,
+          recoveryTitle = _this$props2.recoveryTitle,
+          messageToRecover = _this$props2.messageToRecover,
+          messageAfterRecover = _this$props2.messageAfterRecover,
+          recoveryErrorMessage = _this$props2.recoveryErrorMessage,
+          emailLabel = _this$props2.emailLabel,
+          emailPlaceholder = _this$props2.emailPlaceholder,
+          recoveringMessage = _this$props2.recoveringMessage,
+          cancelButton = _this$props2.cancelButton,
+          recoverButton = _this$props2.recoverButton;
+      var _this$state = this.state,
+          isRecovering = _this$state.isRecovering,
+          recoverStatus = _this$state.recoverStatus;
+      return /*#__PURE__*/_react.default.createElement("form", {
+        className: classes.root,
+        onSubmit: function onSubmit(e) {
+          return _this2.handleSubmit(e);
+        }
+      }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+        className: classes.title,
+        variant: "mTitle"
+      }, recoveryTitle), /*#__PURE__*/_react.default.createElement("div", {
+        className: classes.messageContainer
+      }, recoverStatus === "success" ? /*#__PURE__*/_react.default.createElement(_MessageElement.default, {
+        iconElement: okRecoveryIcon,
+        icon: classes.iconError,
+        showMessage: classes.showOkMessage,
+        message: messageAfterRecover
+      }) : /*#__PURE__*/_react.default.createElement(_Typography.default, {
+        variant: "normalText",
+        className: classes.instructions
+      }, messageToRecover)), /*#__PURE__*/_react.default.createElement("div", {
+        className: classes.input
+      }, /*#__PURE__*/_react.default.createElement(_Input.default, {
+        labels: {
+          inputLabel: emailLabel,
+          placeholder: emailPlaceholder
+        },
+        password: false,
+        onChange: this.handleInputChange(),
+        externalWarningTextOverride: recoverStatus === "error" ? recoveryErrorMessage : null,
+        validationState: recoverStatus === "error" ? "invalid" : undefined,
+        autoFocus: true
+      })), /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _clsx.default)(recoverStatus === "error" ? classes.buttonsContainerError : classes.buttonsContainer)
+      }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+        className: classes.submitButton,
+        type: "submit",
+        category: "primary",
+        disabled: isRecovering
+      }, isRecovering ? recoveringMessage : recoverButton), /*#__PURE__*/_react.default.createElement(_Button.default, {
+        className: classes.cancelButton,
+        type: "submit",
+        onClick: onClick,
+        category: "ghost"
+      }, cancelButton)));
+    }
+  }]);
+  return Recovery;
+}(_react.default.Component);
+
+Recovery.displayName = "recoveryForm";
+process.env.NODE_ENV !== "production" ? Recovery.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 title.
+     */
+    title: _propTypes.default.string,
+
+    /**
+     * Styles applied to the recovery message.
+     */
+    instructions: _propTypes.default.string,
+
+    /**
+     * Styles applied to the input.
+     */
+    input: _propTypes.default.string,
+
+    /**
+     * Styles applied to the cancel button.
+     */
+    cancelButton: _propTypes.default.string,
+
+    /**
+     * Styles applied to the submit button.
+     */
+    submitButton: _propTypes.default.string,
+
+    /**
+     * Styles applied to the button container.
+     */
+    buttonsContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the button container error.
+     */
+    buttonsContainerError: _propTypes.default.string,
+
+    /**
+     * Styles applied to the message ok.
+     */
+    showOkMessage: _propTypes.default.string,
+
+    /**
+     * Styles applied to the icon error.
+     */
+    iconError: _propTypes.default.string,
+
+    /**
+     * Styles applied to the message container.
+     */
+    messageContainer: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * the function invoked for the recover action. The function must throw an exception if the request wasn't successful.
+   */
+  recovery: _propTypes.default.func.isRequired,
+
+  /**
+   * Callback function to switch between forms.
+   */
+  onClick: _propTypes.default.func.isRequired,
+
+  /**
+   * Icon to be presented when the recovery occurs successfully.
+   */
+  okRecoveryIcon: _propTypes.default.node,
+
+  /**
+   * Label for the email input.
+   */
+  emailLabel: _propTypes.default.string.isRequired,
+
+  /**
+   * Placeholder for the email.
+   */
+  emailPlaceholder: _propTypes.default.string.isRequired,
+
+  /**
+   * Label for the cancel button.
+   */
+  cancelButton: _propTypes.default.string.isRequired,
+
+  /**
+   * Recovery button label
+   */
+  recoverButton: _propTypes.default.string.isRequired,
+
+  /**
+   * Recovering message after the recover button is pressed.
+   */
+  recoveringMessage: _propTypes.default.string.isRequired,
+
+  /**
+   * Recovery title.
+   */
+  recoveryTitle: _propTypes.default.string.isRequired,
+
+  /**
+   * Message to recover.
+   */
+  messageToRecover: _propTypes.default.string.isRequired,
+
+  /**
+   * Message shown after recover.
+   */
+  messageAfterRecover: _propTypes.default.string.isRequired,
+
+  /**
+   * Message shown when an error occurs.
+   */
+  recoveryErrorMessage: _propTypes.default.string.isRequired
+} : void 0;
+Recovery.defaultProps = {
+  okRecoveryIcon: null
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvLoginRecovery"
+})(Recovery);
+
+exports.default = _default;
+//# sourceMappingURL=Recovery.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Recovery.js","names":["Recovery","ms","Promise","resolve","setTimeout","e","preventDefault","email","state","props","recovery","onClick","setState","isRecovering","recoverStatus","sleep","event","value","classes","okRecoveryIcon","recoveryTitle","messageToRecover","messageAfterRecover","recoveryErrorMessage","emailLabel","emailPlaceholder","recoveringMessage","cancelButton","recoverButton","root","handleSubmit","title","messageContainer","iconError","showOkMessage","instructions","input","inputLabel","placeholder","handleInputChange","undefined","clsx","buttonsContainerError","buttonsContainer","submitButton","React","Component","displayName","propTypes","PropTypes","shape","string","isRequired","func","node","defaultProps","withStyles","styles","name"],"sources":["../../../../src/Login/Forms/Recovery/Recovery.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 Input from \"../../../Input\";\nimport HvButton from \"../../../Button\";\nimport MessageElement from \"../MessageElement\";\nimport styles from \"./styles\";\n\n/**\n * The recovery password form.\n */\nclass Recovery extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      email: \"\",\n      recoverStatus: \"processing\",\n    };\n  }\n\n  /**\n   * Sleep function.\n   */\n  sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));\n\n  /**\n   * Submit of the Form. Asynchronous call of the passed recovery function.\n   *\n   * @param e\n   * @returns {Promise<void>}\n   */\n  handleSubmit = async (e) => {\n    e.preventDefault();\n\n    const { email } = this.state;\n    const { recovery, onClick } = this.props;\n\n    this.setState({ isRecovering: true });\n    this.setState({ recoverStatus: \"processing\" });\n\n    try {\n      await recovery({ email });\n      this.setState({ recoverStatus: \"success\" });\n      await this.sleep(2000);\n      onClick();\n    } catch (error) {\n      this.setState({ recoverStatus: \"error\" });\n    } finally {\n      this.setState({ isRecovering: false });\n    }\n  };\n\n  /**\n   * Sets the value of the state of the passed parameter.\n   *\n   * @returns {function(*=): *}\n   */\n  handleInputChange = () => (event, value) => {\n    this.setState({ email: value });\n    return value;\n  };\n\n  render() {\n    const {\n      classes,\n      onClick,\n      okRecoveryIcon,\n      recoveryTitle,\n      messageToRecover,\n      messageAfterRecover,\n      recoveryErrorMessage,\n      emailLabel,\n      emailPlaceholder,\n      recoveringMessage,\n      cancelButton,\n      recoverButton,\n    } = this.props;\n    const { isRecovering, recoverStatus } = this.state;\n\n    return (\n      <form className={classes.root} onSubmit={(e) => this.handleSubmit(e)}>\n        <HvTypography className={classes.title} variant=\"mTitle\">\n          {recoveryTitle}\n        </HvTypography>\n\n        <div className={classes.messageContainer}>\n          {recoverStatus === \"success\" ? (\n            <MessageElement\n              iconElement={okRecoveryIcon}\n              icon={classes.iconError}\n              showMessage={classes.showOkMessage}\n              message={messageAfterRecover}\n            />\n          ) : (\n            <HvTypography variant=\"normalText\" className={classes.instructions}>\n              {messageToRecover}\n            </HvTypography>\n          )}\n        </div>\n\n        <div className={classes.input}>\n          <Input\n            labels={{\n              inputLabel: emailLabel,\n              placeholder: emailPlaceholder,\n            }}\n            password={false}\n            onChange={this.handleInputChange()}\n            externalWarningTextOverride={recoverStatus === \"error\" ? recoveryErrorMessage : null}\n            validationState={recoverStatus === \"error\" ? \"invalid\" : undefined}\n            autoFocus\n          />\n        </div>\n\n        <div\n          className={clsx({\n            [classes.buttonsContainer]: recoverStatus !== \"error\",\n            [classes.buttonsContainerError]: recoverStatus === \"error\",\n          })}\n        >\n          <HvButton\n            className={classes.submitButton}\n            type=\"submit\"\n            category=\"primary\"\n            disabled={isRecovering}\n          >\n            {isRecovering ? recoveringMessage : recoverButton}\n          </HvButton>\n          <HvButton\n            className={classes.cancelButton}\n            type=\"submit\"\n            onClick={onClick}\n            category=\"ghost\"\n          >\n            {cancelButton}\n          </HvButton>\n        </div>\n      </form>\n    );\n  }\n}\n\nRecovery.displayName = \"recoveryForm\";\n\nRecovery.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 recovery message.\n     */\n    instructions: PropTypes.string,\n    /**\n     * Styles applied to the input.\n     */\n    input: PropTypes.string,\n    /**\n     * Styles applied to the cancel button.\n     */\n    cancelButton: PropTypes.string,\n    /**\n     * Styles applied to the submit button.\n     */\n    submitButton: PropTypes.string,\n    /**\n     * Styles applied to the button container.\n     */\n    buttonsContainer: PropTypes.string,\n    /**\n     * Styles applied to the button container error.\n     */\n    buttonsContainerError: PropTypes.string,\n    /**\n     * Styles applied to the message ok.\n     */\n    showOkMessage: PropTypes.string,\n    /**\n     * Styles applied to the icon error.\n     */\n    iconError: PropTypes.string,\n    /**\n     * Styles applied to the message container.\n     */\n    messageContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * the function invoked for the recover action. The function must throw an exception if the request wasn't successful.\n   */\n  recovery: PropTypes.func.isRequired,\n  /**\n   * Callback function to switch between forms.\n   */\n  onClick: PropTypes.func.isRequired,\n  /**\n   * Icon to be presented when the recovery occurs successfully.\n   */\n  okRecoveryIcon: PropTypes.node,\n  /**\n   * Label for the email input.\n   */\n  emailLabel: PropTypes.string.isRequired,\n  /**\n   * Placeholder for the email.\n   */\n  emailPlaceholder: PropTypes.string.isRequired,\n  /**\n   * Label for the cancel button.\n   */\n  cancelButton: PropTypes.string.isRequired,\n  /**\n   * Recovery button label\n   */\n  recoverButton: PropTypes.string.isRequired,\n  /**\n   * Recovering message after the recover button is pressed.\n   */\n  recoveringMessage: PropTypes.string.isRequired,\n  /**\n   * Recovery title.\n   */\n  recoveryTitle: PropTypes.string.isRequired,\n  /**\n   * Message to recover.\n   */\n  messageToRecover: PropTypes.string.isRequired,\n  /**\n   * Message shown after recover.\n   */\n  messageAfterRecover: PropTypes.string.isRequired,\n  /**\n   * Message shown when an error occurs.\n   */\n  recoveryErrorMessage: PropTypes.string.isRequired,\n};\n\nRecovery.defaultProps = {\n  okRecoveryIcon: null,\n};\n\nexport default withStyles(styles, { name: \"HvLoginRecovery\" })(Recovery);\n"],"mappings":"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"}

package/dist/Login/Forms/Recovery/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 _Recovery.default;
+  }
+});
+
+var _Recovery = _interopRequireDefault(require("./Recovery"));
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      height: "100%",
+      minWidth: 250,
+      width: 300,
+      marginLeft: "auto",
+      marginRight: "auto",
+      padding: "30px 0px 0px 0px"
+    },
+    title: {
+      display: "flex",
+      position: "relative",
+      width: "100%",
+      zIndex: 1,
+      marginTop: "100px",
+      justifyContent: "center"
+    },
+    instructions: {
+      position: "relative",
+      margin: "0px",
+      textAlign: "center",
+      fontFamily: theme.hv.typography.fontFamily
+    },
+    input: {
+      position: "relative",
+      paddingTop: "126px"
+    },
+    cancelButton: {
+      position: "relative",
+      width: "120px"
+    },
+    submitButton: {
+      position: "relative",
+      width: "120px",
+      float: "right"
+    },
+    buttonsContainer: {
+      position: "relative",
+      display: "inherit",
+      alignItems: "center",
+      marginTop: "52px"
+    },
+    buttonsContainerError: {
+      position: "relative",
+      display: "inherit",
+      alignItems: "center",
+      marginTop: "28px"
+    },
+    showOkMessage: {
+      backgroundColor: theme.hv.palette.semantic.sema8,
+      display: "flex",
+      alignItems: "center",
+      height: "100%",
+      paddingRight: "".concat(theme.hv.spacing.xs, "px")
+    },
+    iconError: {
+      margin: "0 ".concat(theme.hv.spacing.xs, "px"),
+      maxWidth: "32px",
+      maxHeight: "32px",
+      minWidth: "32px",
+      minHeight: "32px"
+    },
+    messageContainer: {
+      top: "15px",
+      position: "relative",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      width: "100%",
+      height: "52px"
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","height","minWidth","width","marginLeft","marginRight","padding","title","display","position","zIndex","marginTop","justifyContent","instructions","margin","textAlign","fontFamily","hv","typography","input","paddingTop","cancelButton","submitButton","float","buttonsContainer","alignItems","buttonsContainerError","showOkMessage","backgroundColor","palette","semantic","sema8","paddingRight","spacing","xs","iconError","maxWidth","maxHeight","minHeight","messageContainer","top"],"sources":["../../../../src/Login/Forms/Recovery/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    height: \"100%\",\n    minWidth: 250,\n    width: 300,\n    marginLeft: \"auto\",\n    marginRight: \"auto\",\n    padding: \"30px 0px 0px 0px\",\n  },\n  title: {\n    display: \"flex\",\n    position: \"relative\",\n    width: \"100%\",\n    zIndex: 1,\n    marginTop: \"100px\",\n    justifyContent: \"center\",\n  },\n  instructions: {\n    position: \"relative\",\n    margin: \"0px\",\n    textAlign: \"center\",\n    fontFamily: theme.hv.typography.fontFamily,\n  },\n  input: {\n    position: \"relative\",\n    paddingTop: \"126px\",\n  },\n  cancelButton: {\n    position: \"relative\",\n    width: \"120px\",\n  },\n  submitButton: {\n    position: \"relative\",\n    width: \"120px\",\n    float: \"right\",\n  },\n  buttonsContainer: {\n    position: \"relative\",\n    display: \"inherit\",\n    alignItems: \"center\",\n    marginTop: \"52px\",\n  },\n  buttonsContainerError: {\n    position: \"relative\",\n    display: \"inherit\",\n    alignItems: \"center\",\n    marginTop: \"28px\",\n  },\n  showOkMessage: {\n    backgroundColor: theme.hv.palette.semantic.sema8,\n    display: \"flex\",\n    alignItems: \"center\",\n    height: \"100%\",\n    paddingRight: `${theme.hv.spacing.xs}px`,\n  },\n  iconError: {\n    margin: `0 ${theme.hv.spacing.xs}px`,\n    maxWidth: \"32px\",\n    maxHeight: \"32px\",\n    minWidth: \"32px\",\n    minHeight: \"32px\",\n  },\n  messageContainer: {\n    top: \"15px\",\n    position: \"relative\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    width: \"100%\",\n    height: \"52px\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,MAAM,EAAE,MADJ;MAEJC,QAAQ,EAAE,GAFN;MAGJC,KAAK,EAAE,GAHH;MAIJC,UAAU,EAAE,MAJR;MAKJC,WAAW,EAAE,MALT;MAMJC,OAAO,EAAE;IANL,CADmB;IASzBC,KAAK,EAAE;MACLC,OAAO,EAAE,MADJ;MAELC,QAAQ,EAAE,UAFL;MAGLN,KAAK,EAAE,MAHF;MAILO,MAAM,EAAE,CAJH;MAKLC,SAAS,EAAE,OALN;MAMLC,cAAc,EAAE;IANX,CATkB;IAiBzBC,YAAY,EAAE;MACZJ,QAAQ,EAAE,UADE;MAEZK,MAAM,EAAE,KAFI;MAGZC,SAAS,EAAE,QAHC;MAIZC,UAAU,EAAEjB,KAAK,CAACkB,EAAN,CAASC,UAAT,CAAoBF;IAJpB,CAjBW;IAuBzBG,KAAK,EAAE;MACLV,QAAQ,EAAE,UADL;MAELW,UAAU,EAAE;IAFP,CAvBkB;IA2BzBC,YAAY,EAAE;MACZZ,QAAQ,EAAE,UADE;MAEZN,KAAK,EAAE;IAFK,CA3BW;IA+BzBmB,YAAY,EAAE;MACZb,QAAQ,EAAE,UADE;MAEZN,KAAK,EAAE,OAFK;MAGZoB,KAAK,EAAE;IAHK,CA/BW;IAoCzBC,gBAAgB,EAAE;MAChBf,QAAQ,EAAE,UADM;MAEhBD,OAAO,EAAE,SAFO;MAGhBiB,UAAU,EAAE,QAHI;MAIhBd,SAAS,EAAE;IAJK,CApCO;IA0CzBe,qBAAqB,EAAE;MACrBjB,QAAQ,EAAE,UADW;MAErBD,OAAO,EAAE,SAFY;MAGrBiB,UAAU,EAAE,QAHS;MAIrBd,SAAS,EAAE;IAJU,CA1CE;IAgDzBgB,aAAa,EAAE;MACbC,eAAe,EAAE7B,KAAK,CAACkB,EAAN,CAASY,OAAT,CAAiBC,QAAjB,CAA0BC,KAD9B;MAEbvB,OAAO,EAAE,MAFI;MAGbiB,UAAU,EAAE,QAHC;MAIbxB,MAAM,EAAE,MAJK;MAKb+B,YAAY,YAAKjC,KAAK,CAACkB,EAAN,CAASgB,OAAT,CAAiBC,EAAtB;IALC,CAhDU;IAuDzBC,SAAS,EAAE;MACTrB,MAAM,cAAOf,KAAK,CAACkB,EAAN,CAASgB,OAAT,CAAiBC,EAAxB,OADG;MAETE,QAAQ,EAAE,MAFD;MAGTC,SAAS,EAAE,MAHF;MAITnC,QAAQ,EAAE,MAJD;MAKToC,SAAS,EAAE;IALF,CAvDc;IA8DzBC,gBAAgB,EAAE;MAChBC,GAAG,EAAE,MADW;MAEhB/B,QAAQ,EAAE,UAFM;MAGhBD,OAAO,EAAE,MAHO;MAIhBiB,UAAU,EAAE,QAJI;MAKhBb,cAAc,EAAE,QALA;MAMhBT,KAAK,EAAE,MANS;MAOhBF,MAAM,EAAE;IAPQ;EA9DO,CAAZ;AAAA,CAAf;;eAyEeH,M"}

package/dist/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;