@hitachivantara/uikit-react-core 3.52.5

package/dist/Loading/Loading.js

@@ -0,0 +1,148 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.string.small.js");
+
+require("core-js/modules/es.array.concat.js");
+
+require("core-js/modules/es.array.map.js");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _range = _interopRequireDefault(require("lodash/range"));
+
+var _core = require("@material-ui/core");
+
+var _ = require("..");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["className", "classes", "small", "label", "hidden", "color"];
+
+/**
+ * Loading provides feedback about a process that is taking place in the application.
+ */
+var HvLoading = function HvLoading(_ref) {
+  var className = _ref.className,
+      classes = _ref.classes,
+      _ref$small = _ref.small,
+      small = _ref$small === void 0 ? false : _ref$small,
+      label = _ref.label,
+      _ref$hidden = _ref.hidden,
+      hidden = _ref$hidden === void 0 ? false : _ref$hidden,
+      color = _ref.color,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var theme = (0, _core.useTheme)();
+
+  var getColor = function getColor(colorName) {
+    return color ? theme.palette[color] || color : theme.palette[colorName];
+  };
+
+  var size = small ? "small" : "regular";
+  var colorVariant = color ? "Color" : "";
+  var variant = "".concat(size).concat(colorVariant);
+  var inline = {
+    backgroundColor: getColor(small ? "acce1" : "acce3")
+  };
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: (0, _clsx.default)(className, classes.root, hidden && classes.hidden)
+  }, others), /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.barContainer
+  }, (0, _range.default)(0, 3).map(function (e) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: e,
+      style: inline,
+      className: (0, _clsx.default)(classes.loadingBar, classes[variant])
+    });
+  })), label && /*#__PURE__*/_react.default.createElement(_.HvTypography, {
+    className: classes.label
+  }, label));
+};
+
+HvLoading.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   *  Styles applied to the Drawer Paper element.
+   */
+  classes: _propTypes.default.PropTypes.shape({
+    /**
+     * Style applied to the root of the component
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Style applied to the container.
+     */
+    barContainer: _propTypes.default.string,
+
+    /**
+     * Style applied to the loading bar.
+     */
+    loadingBar: _propTypes.default.string,
+
+    /**
+     * Style applied to the label text.
+     */
+    label: _propTypes.default.string,
+
+    /**
+     * Style applied to the overlay
+     */
+    overlay: _propTypes.default.string,
+
+    /**
+     * Style to display overlay.
+     */
+    blur: _propTypes.default.string,
+
+    /**
+     * Style applied when when animation is hidden.
+     */
+    hidden: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Indicates if the component should be render in a small size.
+   */
+  small: _propTypes.default.bool,
+
+  /**
+   * The label to be displayed.
+   */
+  label: _propTypes.default.node,
+
+  /**
+   * Whether the loading animation is hidden.
+   */
+  hidden: _propTypes.default.bool,
+
+  /**
+   * Color applied to the bars.
+   */
+  color: _propTypes.default.string
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvLoading"
+})(HvLoading);
+
+exports.default = _default;
+//# sourceMappingURL=Loading.js.map

package/dist/Loading/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Loading/Loading.js"],"names":["HvLoading","className","classes","small","label","hidden","color","others","theme","getColor","colorName","palette","size","colorVariant","variant","inline","backgroundColor","root","barContainer","map","e","loadingBar","propTypes","PropTypes","string","shape","overlay","blur","isRequired","bool","node","styles","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport range from \"lodash/range\";\nimport { useTheme, withStyles } from \"@material-ui/core\";\nimport { HvTypography } from \"..\";\nimport styles from \"./styles\";\n\n/**\n * Loading provides feedback about a process that is taking place in the application.\n */\nconst HvLoading = ({\n  className,\n  classes,\n  small = false,\n  label,\n  hidden = false,\n  color,\n  ...others\n}) => {\n  const theme = useTheme();\n\n  const getColor = (colorName) =>\n    color ? theme.palette[color] || color : theme.palette[colorName];\n\n  const size = small ? \"small\" : \"regular\";\n  const colorVariant = color ? \"Color\" : \"\";\n  const variant = `${size}${colorVariant}`;\n\n  const inline = { backgroundColor: getColor(small ? \"acce1\" : \"acce3\") };\n\n  return (\n    <div className={clsx(className, classes.root, { [classes.hidden]: hidden })} {...others}>\n      <div className={classes.barContainer}>\n        {range(0, 3).map((e) => (\n          <div key={e} style={inline} className={clsx(classes.loadingBar, classes[variant])} />\n        ))}\n      </div>\n      {label && <HvTypography className={classes.label}>{label}</HvTypography>}\n    </div>\n  );\n};\n\nHvLoading.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   *  Styles applied to the Drawer Paper element.\n   */\n  classes: PropTypes.PropTypes.shape({\n    /**\n     * Style applied to the root of the component\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the container.\n     */\n    barContainer: PropTypes.string,\n    /**\n     * Style applied to the loading bar.\n     */\n    loadingBar: PropTypes.string,\n    /**\n     * Style applied to the label text.\n     */\n    label: PropTypes.string,\n    /**\n     * Style applied to the overlay\n     */\n    overlay: PropTypes.string,\n    /**\n     * Style to display overlay.\n     */\n    blur: PropTypes.string,\n    /**\n     * Style applied when when animation is hidden.\n     */\n    hidden: PropTypes.string,\n  }).isRequired,\n  /**\n   * Indicates if the component should be render in a small size.\n   */\n  small: PropTypes.bool,\n  /**\n   * The label to be displayed.\n   */\n  label: PropTypes.node,\n  /**\n   * Whether the loading animation is hidden.\n   */\n  hidden: PropTypes.bool,\n  /**\n   * Color applied to the bars.\n   */\n  color: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvLoading\" })(HvLoading);\n"],"file":"Loading.js"}

package/dist/Loading/index.d.ts

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

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

package/dist/Loading/index.js.map

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

package/dist/Loading/styles.js

@@ -0,0 +1,127 @@
+"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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var interval = 0.11;
+var bars = {
+  "&:nth-child(1)": {
+    animationDelay: "0"
+  },
+  "&:nth-child(2)": {
+    animationDelay: "".concat(interval * 2, "s")
+  },
+  "&:nth-child(3)": {
+    animationDelay: "".concat(interval * 4, "s")
+  }
+};
+
+var small = _objectSpread({
+  width: "2px",
+  height: "18px",
+  margin: "0px 2px"
+}, bars);
+
+var regular = _objectSpread({
+  width: "4px",
+  height: "30px",
+  margin: "0 3px"
+}, bars);
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    hidden: {
+      display: "none"
+    },
+    barContainer: {
+      display: "flex"
+    },
+    loadingBar: {
+      display: "inline-block"
+    },
+    regular: _objectSpread({
+      animation: "$loading-regular 1s ease-in-out infinite"
+    }, regular),
+    regularColor: _objectSpread({
+      animation: "$loading-regular-color 1s ease-in-out infinite"
+    }, regular),
+    small: _objectSpread({
+      animation: "$loading-small 1s ease-in-out infinite"
+    }, small),
+    smallColor: _objectSpread({
+      animation: "$loading-small-color 1s ease-in-out infinite"
+    }, small),
+    "@keyframes loading-regular": {
+      "0%": {
+        transform: "scale(1)",
+        backgroundColor: theme.hv.palette.accent.acce3
+      },
+      "50%": {
+        transform: "scale(1, 0.6)",
+        backgroundColor: theme.hv.palette.accent.acce1
+      }
+    },
+    "@keyframes loading-regular-color": {
+      "0%": {
+        transform: "scale(1)"
+      },
+      "50%": {
+        transform: "scale(1, 0.6)"
+      }
+    },
+    "@keyframes loading-small": {
+      "0%": {
+        transform: "scale(1)"
+      },
+      "50%": {
+        transform: "scale(1,0.223)"
+      },
+      "100%": {}
+    },
+    "@keyframes loading-small-color": {
+      "0%": {
+        transform: "scale(1)"
+      },
+      "50%": {
+        transform: "scale(1,0.223)"
+      }
+    },
+    label: {
+      marginTop: "15px"
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Loading/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Loading/styles.js"],"names":["interval","bars","animationDelay","small","width","height","margin","regular","styles","theme","root","display","flexDirection","alignItems","justifyContent","hidden","barContainer","loadingBar","animation","regularColor","smallColor","transform","backgroundColor","hv","palette","accent","acce3","acce1","label","marginTop"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,QAAQ,GAAG,IAAjB;AAEA,IAAMC,IAAI,GAAG;AACX,oBAAkB;AAChBC,IAAAA,cAAc,EAAE;AADA,GADP;AAIX,oBAAkB;AAChBA,IAAAA,cAAc,YAAKF,QAAQ,GAAG,CAAhB;AADE,GAJP;AAOX,oBAAkB;AAChBE,IAAAA,cAAc,YAAKF,QAAQ,GAAG,CAAhB;AADE;AAPP,CAAb;;AAYA,IAAMG,KAAK;AACTC,EAAAA,KAAK,EAAE,KADE;AAETC,EAAAA,MAAM,EAAE,MAFC;AAGTC,EAAAA,MAAM,EAAE;AAHC,GAINL,IAJM,CAAX;;AAOA,IAAMM,OAAO;AACXH,EAAAA,KAAK,EAAE,KADI;AAEXC,EAAAA,MAAM,EAAE,MAFG;AAGXC,EAAAA,MAAM,EAAE;AAHG,GAIRL,IAJQ,CAAb;;AAOA,IAAMO,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE,MADL;AAEJC,MAAAA,aAAa,EAAE,QAFX;AAGJC,MAAAA,UAAU,EAAE,QAHR;AAIJC,MAAAA,cAAc,EAAE;AAJZ,KADmB;AAQzBC,IAAAA,MAAM,EAAE;AACNJ,MAAAA,OAAO,EAAE;AADH,KARiB;AAYzBK,IAAAA,YAAY,EAAE;AACZL,MAAAA,OAAO,EAAE;AADG,KAZW;AAgBzBM,IAAAA,UAAU,EAAE;AACVN,MAAAA,OAAO,EAAE;AADC,KAhBa;AAoBzBJ,IAAAA,OAAO;AACLW,MAAAA,SAAS,EAAE;AADN,OAEFX,OAFE,CApBkB;AAwBzBY,IAAAA,YAAY;AACVD,MAAAA,SAAS,EAAE;AADD,OAEPX,OAFO,CAxBa;AA6BzBJ,IAAAA,KAAK;AACHe,MAAAA,SAAS,EAAE;AADR,OAEAf,KAFA,CA7BoB;AAiCzBiB,IAAAA,UAAU;AACRF,MAAAA,SAAS,EAAE;AADH,OAELf,KAFK,CAjCe;AAqCzB,kCAA8B;AAC5B,YAAM;AACJkB,QAAAA,SAAS,EAAE,UADP;AAEJC,QAAAA,eAAe,EAAEb,KAAK,CAACc,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC;AAFrC,OADsB;AAK5B,aAAO;AACLL,QAAAA,SAAS,EAAE,eADN;AAELC,QAAAA,eAAe,EAAEb,KAAK,CAACc,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBE;AAFpC;AALqB,KArCL;AAgDzB,wCAAoC;AAClC,YAAM;AACJN,QAAAA,SAAS,EAAE;AADP,OAD4B;AAIlC,aAAO;AACLA,QAAAA,SAAS,EAAE;AADN;AAJ2B,KAhDX;AAyDzB,gCAA4B;AAC1B,YAAM;AACJA,QAAAA,SAAS,EAAE;AADP,OADoB;AAI1B,aAAO;AACLA,QAAAA,SAAS,EAAE;AADN,OAJmB;AAO1B,cAAQ;AAPkB,KAzDH;AAmEzB,sCAAkC;AAChC,YAAM;AACJA,QAAAA,SAAS,EAAE;AADP,OAD0B;AAIhC,aAAO;AACLA,QAAAA,SAAS,EAAE;AADN;AAJyB,KAnET;AA4EzBO,IAAAA,KAAK,EAAE;AACLC,MAAAA,SAAS,EAAE;AADN;AA5EkB,GAAZ;AAAA,CAAf;;eAiFerB,M","sourcesContent":["const interval = 0.11;\n\nconst bars = {\n  \"&:nth-child(1)\": {\n    animationDelay: \"0\",\n  },\n  \"&:nth-child(2)\": {\n    animationDelay: `${interval * 2}s`,\n  },\n  \"&:nth-child(3)\": {\n    animationDelay: `${interval * 4}s`,\n  },\n};\n\nconst small = {\n  width: \"2px\",\n  height: \"18px\",\n  margin: \"0px 2px\",\n  ...bars,\n};\n\nconst regular = {\n  width: \"4px\",\n  height: \"30px\",\n  margin: \"0 3px\",\n  ...bars,\n};\n\nconst styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n\n  hidden: {\n    display: \"none\",\n  },\n\n  barContainer: {\n    display: \"flex\",\n  },\n\n  loadingBar: {\n    display: \"inline-block\",\n  },\n\n  regular: {\n    animation: \"$loading-regular 1s ease-in-out infinite\",\n    ...regular,\n  },\n  regularColor: {\n    animation: \"$loading-regular-color 1s ease-in-out infinite\",\n    ...regular,\n  },\n\n  small: {\n    animation: \"$loading-small 1s ease-in-out infinite\",\n    ...small,\n  },\n  smallColor: {\n    animation: \"$loading-small-color 1s ease-in-out infinite\",\n    ...small,\n  },\n  \"@keyframes loading-regular\": {\n    \"0%\": {\n      transform: \"scale(1)\",\n      backgroundColor: theme.hv.palette.accent.acce3,\n    },\n    \"50%\": {\n      transform: \"scale(1, 0.6)\",\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n  },\n\n  \"@keyframes loading-regular-color\": {\n    \"0%\": {\n      transform: \"scale(1)\",\n    },\n    \"50%\": {\n      transform: \"scale(1, 0.6)\",\n    },\n  },\n\n  \"@keyframes loading-small\": {\n    \"0%\": {\n      transform: \"scale(1)\",\n    },\n    \"50%\": {\n      transform: \"scale(1,0.223)\",\n    },\n    \"100%\": {},\n  },\n\n  \"@keyframes loading-small-color\": {\n    \"0%\": {\n      transform: \"scale(1)\",\n    },\n    \"50%\": {\n      transform: \"scale(1,0.223)\",\n    },\n  },\n\n  label: {\n    marginTop: \"15px\",\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/Login/Login.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export type HvLoginClassKey = "container" | "item" | "formContainer";
+
+export interface HvLoginProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvLoginClassKey> {
+  /**
+   *  The path for the background image.
+   */
+  background?: string;
+}
+
+export default function HvLogin(props: HvLoginProps): JSX.Element | null;

package/dist/Login/Login.js

@@ -0,0 +1,91 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _core = require("@material-ui/core");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _background = _interopRequireDefault(require("./resources/background.svg"));
+
+var _excluded = ["id", "className", "classes", "children", "background"];
+
+/**
+ * Container layout for the login form.
+ */
+var HvLogin = function HvLogin(_ref) {
+  var id = _ref.id,
+      className = _ref.className,
+      classes = _ref.classes,
+      children = _ref.children,
+      background = _ref.background,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    id: id,
+    className: (0, _clsx.default)(className, classes.root),
+    style: {
+      backgroundImage: "url(".concat(background || _background.default, ")")
+    }
+  }, others), /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.formContainer
+  }, children));
+};
+
+HvLogin.propTypes = {
+  /**
+   * Id to be applied to the root node.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to root.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to the form container.
+     */
+    formContainer: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   *  The form to be rendered.
+   */
+  children: _propTypes.default.node.isRequired,
+
+  /**
+   *  The path for the background image.
+   */
+  background: _propTypes.default.string
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvLogin"
+})(HvLogin);
+
+exports.default = _default;
+//# sourceMappingURL=Login.js.map

package/dist/Login/Login.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Login/Login.js"],"names":["HvLogin","id","className","classes","children","background","others","root","backgroundImage","bg","formContainer","propTypes","PropTypes","string","shape","isRequired","node","styles","name"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACA,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAAiE;AAAA,MAA9DC,EAA8D,QAA9DA,EAA8D;AAAA,MAA1DC,SAA0D,QAA1DA,SAA0D;AAAA,MAA/CC,OAA+C,QAA/CA,OAA+C;AAAA,MAAtCC,QAAsC,QAAtCA,QAAsC;AAAA,MAA5BC,UAA4B,QAA5BA,UAA4B;AAAA,MAAbC,MAAa;AAC/E,sBACE;AACE,IAAA,EAAE,EAAEL,EADN;AAEE,IAAA,SAAS,EAAE,mBAAKC,SAAL,EAAgBC,OAAO,CAACI,IAAxB,CAFb;AAGE,IAAA,KAAK,EAAE;AACLC,MAAAA,eAAe,gBAASH,UAAU,IAAII,mBAAvB;AADV;AAHT,KAMMH,MANN,gBAQE;AAAK,IAAA,SAAS,EAAEH,OAAO,CAACO;AAAxB,KAAwCN,QAAxC,CARF,CADF;AAYD,CAbD;;AAeAJ,OAAO,CAACW,SAAR,GAAoB;AAClB;AACF;AACA;AACEV,EAAAA,EAAE,EAAEW,mBAAUC,MAJI;;AAKlB;AACF;AACA;AACEX,EAAAA,SAAS,EAAEU,mBAAUC,MARH;;AASlB;AACF;AACA;AACEV,EAAAA,OAAO,EAAES,mBAAUE,KAAV,CAAgB;AACvB;AACJ;AACA;AACIP,IAAAA,IAAI,EAAEK,mBAAUC,MAJO;;AAKvB;AACJ;AACA;AACIH,IAAAA,aAAa,EAAEE,mBAAUC;AARF,GAAhB,EASNE,UArBe;;AAsBlB;AACF;AACA;AACEX,EAAAA,QAAQ,EAAEQ,mBAAUI,IAAV,CAAeD,UAzBP;;AA0BlB;AACF;AACA;AACEV,EAAAA,UAAU,EAAEO,mBAAUC;AA7BJ,CAApB;;eAgCe,sBAAWI,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAAwClB,OAAxC,C","sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\nimport bg from \"./resources/background.svg\";\n\n/**\n * Container layout for the login form.\n */\nconst HvLogin = ({ id, className, classes, children, background, ...others }) => {\n  return (\n    <div\n      id={id}\n      className={clsx(className, classes.root)}\n      style={{\n        backgroundImage: `url(${background || bg})`,\n      }}\n      {...others}\n    >\n      <div className={classes.formContainer}>{children}</div>\n    </div>\n  );\n};\n\nHvLogin.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the form container.\n     */\n    formContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   *  The form to be rendered.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   *  The path for the background image.\n   */\n  background: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvLogin\" })(HvLogin);\n"],"file":"Login.js"}

package/dist/Login/index.d.ts

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

package/dist/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/index.js.map

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