@agilemotion/oui-react-js 1.2.7 → 1.2.9

package/dist/components/card/Card.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Card;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _cardStyle = _interopRequireDefault(require("../../assets/jss/components/cardStyle"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+const useStyles = (0, _styles.makeStyles)(_cardStyle.default);
+
+function Card(props) {
+  const classes = useStyles();
+
+  const className = props.className,
+        children = props.children,
+        plain = props.plain,
+        profile = props.profile,
+        blog = props.blog,
+        raised = props.raised,
+        background = props.background,
+        pricing = props.pricing,
+        color = props.color,
+        product = props.product,
+        testimonial = props.testimonial,
+        chart = props.chart,
+        login = props.login,
+        rest = _objectWithoutProperties(props, ["className", "children", "plain", "profile", "blog", "raised", "background", "pricing", "color", "product", "testimonial", "chart", "login"]);
+
+  const cardClasses = (0, _classnames.default)({
+    [classes.card]: true,
+    [classes.cardPlain]: plain,
+    [classes.cardProfile]: profile || testimonial,
+    [classes.cardBlog]: blog,
+    [classes.cardRaised]: raised,
+    [classes.cardBackground]: background,
+    [classes.cardPricingColor]: pricing && color !== undefined || pricing && background !== undefined,
+    [classes[color]]: color,
+    [classes.cardPricing]: pricing,
+    [classes.cardProduct]: product,
+    [classes.cardChart]: chart,
+    [classes.cardLogin]: login,
+    [className]: className !== undefined
+  });
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    className: cardClasses
+  }, rest), " ", children, " ");
+}
+
+Card.propTypes = {
+  className: _propTypes.default.string,
+  plain: _propTypes.default.bool,
+  profile: _propTypes.default.bool,
+  blog: _propTypes.default.bool,
+  raised: _propTypes.default.bool,
+  background: _propTypes.default.bool,
+  pricing: _propTypes.default.bool,
+  testimonial: _propTypes.default.bool,
+  color: _propTypes.default.oneOf(["primary", "info", "success", "warning", "danger", "rose"]),
+  product: _propTypes.default.bool,
+  chart: _propTypes.default.bool,
+  login: _propTypes.default.bool,
+  children: _propTypes.default.node
+};

package/dist/components/card/CardAvatar.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = CardAvatar;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _cardAvatarStyle = _interopRequireDefault(require("../../assets/jss/components/cardAvatarStyle"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+const useStyles = (0, _styles.makeStyles)(_cardAvatarStyle.default);
+
+function CardAvatar(props) {
+  const classes = useStyles();
+
+  const children = props.children,
+        className = props.className,
+        plain = props.plain,
+        profile = props.profile,
+        testimonial = props.testimonial,
+        testimonialFooter = props.testimonialFooter,
+        rest = _objectWithoutProperties(props, ["children", "className", "plain", "profile", "testimonial", "testimonialFooter"]);
+
+  const cardAvatarClasses = (0, _classnames.default)({
+    [classes.cardAvatar]: true,
+    [classes.cardAvatarProfile]: profile,
+    [classes.cardAvatarPlain]: plain,
+    [classes.cardAvatarTestimonial]: testimonial,
+    [classes.cardAvatarTestimonialFooter]: testimonialFooter,
+    [className]: className !== undefined
+  });
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    className: cardAvatarClasses
+  }, rest), " ", children, " ");
+}
+
+CardAvatar.propTypes = {
+  children: _propTypes.default.node.isRequired,
+  className: _propTypes.default.string,
+  profile: _propTypes.default.bool,
+  plain: _propTypes.default.bool,
+  testimonial: _propTypes.default.bool,
+  testimonialFooter: _propTypes.default.bool
+};

package/dist/components/card/CardBody.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = CardBody;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _cardBodyStyle = _interopRequireDefault(require("../../assets/jss/components/cardBodyStyle"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+const useStyles = (0, _styles.makeStyles)(_cardBodyStyle.default);
+
+function CardBody(props) {
+  const classes = useStyles();
+
+  const className = props.className,
+        children = props.children,
+        background = props.background,
+        plain = props.plain,
+        formHorizontal = props.formHorizontal,
+        pricing = props.pricing,
+        signup = props.signup,
+        color = props.color,
+        profile = props.profile,
+        calendar = props.calendar,
+        rest = _objectWithoutProperties(props, ["className", "children", "background", "plain", "formHorizontal", "pricing", "signup", "color", "profile", "calendar"]);
+
+  const cardBodyClasses = (0, _classnames.default)({
+    [classes.cardBody]: true,
+    [classes.cardBodyBackground]: background,
+    [classes.cardBodyPlain]: plain,
+    [classes.cardBodyFormHorizontal]: formHorizontal,
+    [classes.cardPricing]: pricing,
+    [classes.cardSignup]: signup,
+    [classes.cardBodyColor]: color,
+    [classes.cardBodyProfile]: profile,
+    [classes.cardBodyCalendar]: calendar,
+    [className]: className !== undefined
+  });
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    className: cardBodyClasses
+  }, rest), " ", children, " ");
+}
+
+CardBody.propTypes = {
+  className: _propTypes.default.string,
+  background: _propTypes.default.bool,
+  plain: _propTypes.default.bool,
+  formHorizontal: _propTypes.default.bool,
+  pricing: _propTypes.default.bool,
+  signup: _propTypes.default.bool,
+  color: _propTypes.default.bool,
+  profile: _propTypes.default.bool,
+  calendar: _propTypes.default.bool,
+  children: _propTypes.default.node
+};

package/dist/components/card/CardFooter.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = CardFooter;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _cardFooterStyle = _interopRequireDefault(require("../../assets/jss/components/cardFooterStyle"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+const useStyles = (0, _styles.makeStyles)(_cardFooterStyle.default);
+
+function CardFooter(props) {
+  const classes = useStyles();
+
+  const className = props.className,
+        children = props.children,
+        plain = props.plain,
+        profile = props.profile,
+        pricing = props.pricing,
+        testimonial = props.testimonial,
+        stats = props.stats,
+        chart = props.chart,
+        product = props.product,
+        rest = _objectWithoutProperties(props, ["className", "children", "plain", "profile", "pricing", "testimonial", "stats", "chart", "product"]);
+
+  const cardFooterClasses = (0, _classnames.default)({
+    [classes.cardFooter]: true,
+    [classes.cardFooterPlain]: plain,
+    [classes.cardFooterProfile]: profile || testimonial,
+    [classes.cardFooterPricing]: pricing,
+    [classes.cardFooterTestimonial]: testimonial,
+    [classes.cardFooterStats]: stats,
+    [classes.cardFooterChart]: chart || product,
+    [className]: className !== undefined
+  });
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    className: cardFooterClasses
+  }, rest), " ", children, " ");
+}
+
+CardFooter.propTypes = {
+  className: _propTypes.default.string,
+  plain: _propTypes.default.bool,
+  profile: _propTypes.default.bool,
+  pricing: _propTypes.default.bool,
+  testimonial: _propTypes.default.bool,
+  stats: _propTypes.default.bool,
+  chart: _propTypes.default.bool,
+  product: _propTypes.default.bool,
+  children: _propTypes.default.node
+};

package/dist/components/card/CardHeader.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = CardHeader;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _cardHeaderStyle = _interopRequireDefault(require("../../assets/jss/components/cardHeaderStyle"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+const useStyles = (0, _styles.makeStyles)(_cardHeaderStyle.default);
+
+function CardHeader(props) {
+  const classes = useStyles();
+
+  const className = props.className,
+        children = props.children,
+        color = props.color,
+        plain = props.plain,
+        image = props.image,
+        contact = props.contact,
+        signup = props.signup,
+        stats = props.stats,
+        icon = props.icon,
+        text = props.text,
+        rest = _objectWithoutProperties(props, ["className", "children", "color", "plain", "image", "contact", "signup", "stats", "icon", "text"]);
+
+  const cardHeaderClasses = (0, _classnames.default)({
+    [classes.cardHeader]: true,
+    [classes[color + "CardHeader"]]: color,
+    [classes.cardHeaderPlain]: plain,
+    [classes.cardHeaderImage]: image,
+    [classes.cardHeaderContact]: contact,
+    [classes.cardHeaderSignup]: signup,
+    [classes.cardHeaderStats]: stats,
+    [classes.cardHeaderIcon]: icon,
+    [classes.cardHeaderText]: text,
+    [className]: className !== undefined
+  });
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    className: cardHeaderClasses
+  }, rest), " ", children, " ");
+}
+
+CardHeader.propTypes = {
+  className: _propTypes.default.string,
+  color: _propTypes.default.string,
+  plain: _propTypes.default.bool,
+  image: _propTypes.default.bool,
+  contact: _propTypes.default.bool,
+  signup: _propTypes.default.bool,
+  stats: _propTypes.default.bool,
+  icon: _propTypes.default.bool,
+  text: _propTypes.default.bool,
+  children: _propTypes.default.node
+};

package/dist/components/card/CardIcon.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = CardIcon;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _cardIconStyle = _interopRequireDefault(require("../../assets/jss/components/cardIconStyle"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+const useStyles = (0, _styles.makeStyles)(_cardIconStyle.default);
+
+function CardIcon(props) {
+  const classes = useStyles();
+
+  const className = props.className,
+        children = props.children,
+        color = props.color,
+        rest = _objectWithoutProperties(props, ["className", "children", "color"]);
+
+  const cardIconClasses = (0, _classnames.default)({
+    [classes.cardIcon]: true,
+    [classes[color + "CardHeader"]]: color,
+    [className]: className !== undefined
+  });
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    className: cardIconClasses
+  }, rest), " ", children, " ");
+}
+
+CardIcon.propTypes = {
+  className: _propTypes.default.string,
+  color: _propTypes.default.oneOf(["warning", "success", "danger", "info", "primary", "rose"]),
+  children: _propTypes.default.node
+};

package/dist/components/card/CardText.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = CardText;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _cardTextStyle = _interopRequireDefault(require("../../assets/jss/components/cardTextStyle"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+const useStyles = (0, _styles.makeStyles)(_cardTextStyle.default);
+
+function CardText(props) {
+  const classes = useStyles();
+
+  const className = props.className,
+        children = props.children,
+        color = props.color,
+        rest = _objectWithoutProperties(props, ["className", "children", "color"]);
+
+  const cardTextClasses = (0, _classnames.default)({
+    [classes.cardText]: true,
+    [classes[color + "CardHeader"]]: color,
+    [className]: className !== undefined
+  });
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    className: cardTextClasses
+  }, rest), " ", children, " ");
+}
+
+CardText.propTypes = {
+  className: _propTypes.default.string,
+  color: _propTypes.default.oneOf(["warning", "success", "danger", "info", "primary", "rose"]),
+  children: _propTypes.default.node
+};

package/dist/components/customInput/CustomInput.js

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = CustomInput;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _FormControl = _interopRequireDefault(require("@material-ui/core/FormControl"));
+
+var _InputLabel = _interopRequireDefault(require("@material-ui/core/InputLabel"));
+
+var _FormHelperText = _interopRequireDefault(require("@material-ui/core/FormHelperText"));
+
+var _Input = _interopRequireDefault(require("@material-ui/core/Input"));
+
+var _customInputStyle = _interopRequireDefault(require("../../assets/jss/components/customInputStyle"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const useStyles = (0, _styles.makeStyles)(_customInputStyle.default);
+
+function CustomInput(props) {
+  const classes = useStyles();
+  const formControlProps = props.formControlProps,
+        labelText = props.labelText,
+        id = props.id,
+        labelProps = props.labelProps,
+        inputProps = props.inputProps,
+        error = props.error,
+        white = props.white,
+        inputRootCustomClasses = props.inputRootCustomClasses,
+        success = props.success,
+        helperText = props.helperText;
+  const labelClasses = (0, _classnames.default)({
+    [" " + classes.labelRootError]: error,
+    [" " + classes.labelRootSuccess]: success && !error
+  });
+  const underlineClasses = (0, _classnames.default)({
+    [classes.underlineError]: error,
+    [classes.underlineSuccess]: success && !error,
+    [classes.underline]: true,
+    [classes.whiteUnderline]: white
+  });
+  const marginTop = (0, _classnames.default)({
+    [inputRootCustomClasses]: inputRootCustomClasses !== undefined
+  });
+  const inputClasses = (0, _classnames.default)({
+    [classes.input]: true,
+    [classes.whiteInput]: white
+  });
+  var formControlClasses;
+
+  if (formControlProps !== undefined) {
+    formControlClasses = (0, _classnames.default)(formControlProps.className, classes.formControl);
+  } else {
+    formControlClasses = classes.formControl;
+  }
+
+  var helpTextClasses = (0, _classnames.default)({
+    [classes.labelRootError]: error,
+    [classes.labelRootSuccess]: success && !error
+  });
+  let newInputProps = {
+    maxLength: inputProps && inputProps.maxLength ? inputProps.maxLength : undefined,
+    minLength: inputProps && inputProps.minLength ? inputProps.minLength : undefined
+  };
+  return /*#__PURE__*/_react.default.createElement(_FormControl.default, _extends({}, formControlProps, {
+    className: formControlClasses
+  }), labelText !== undefined ? /*#__PURE__*/_react.default.createElement(_InputLabel.default, _extends({
+    className: classes.labelRoot + " " + labelClasses,
+    htmlFor: id
+  }, labelProps), labelText) : null, /*#__PURE__*/_react.default.createElement(_Input.default, _extends({
+    classes: {
+      input: inputClasses,
+      root: marginTop,
+      disabled: classes.disabled,
+      underline: underlineClasses
+    },
+    id: id
+  }, inputProps, {
+    inputProps: newInputProps
+  })), helperText !== undefined ? /*#__PURE__*/_react.default.createElement(_FormHelperText.default, {
+    id: id + "-text",
+    className: helpTextClasses
+  }, " ", helperText, " ") : null);
+}
+
+CustomInput.propTypes = {
+  labelText: _propTypes.default.node,
+  labelProps: _propTypes.default.object,
+  id: _propTypes.default.string,
+  inputProps: _propTypes.default.object,
+  formControlProps: _propTypes.default.object,
+  inputRootCustomClasses: _propTypes.default.string,
+  error: _propTypes.default.bool,
+  success: _propTypes.default.bool,
+  white: _propTypes.default.bool,
+  helperText: _propTypes.default.node
+};