@krowdy-ui/views/ReferentInput/ReferentInput.js

React components that implement Google's Material Design.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = exports.styles = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

var _react = _interopRequireDefault(require("react"));

var _core = require("@material-ui/core");

var _clsx = _interopRequireDefault(require("clsx"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _excluded = ["filled", "unPadding", "classes"];

var styles = function styles(theme) {
  return {
    filled: {
      backgroundColor: theme.palette.secondary[10]
    },
    input: {
      '&::placeholder': {
        color: theme.palette.grey[600],
        opacity: 1
      },
      padding: theme.spacing(.5, 0)
    },
    inputSelect: {
      backgroundColor: 'red'
    },
    root: {
      borderRadius: theme.shape.borderRadius,
      color: 'inherit',
      fontSize: 10,
      padding: theme.spacing(.5, .75)
    },
    unPadding: {
      padding: 0
    },
    unPaddingInput: {
      '&::placeholder': {
        color: theme.palette.grey[600],
        opacity: 1
      },
      padding: theme.spacing(.25, .5)
    }
  };
};

exports.styles = styles;

var ReferentInput = function ReferentInput(_ref) {
  var filled = _ref.filled,
      unPadding = _ref.unPadding,
      classes = _ref.classes,
      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
  return /*#__PURE__*/_react["default"].createElement(_core.TextField, (0, _extends2["default"])({
    inputProps: {
      autoComplete: "new-".concat(props.name)
    },
    InputProps: (0, _extends2["default"])({}, props.InputProps, {
      className: (0, _clsx["default"])(filled && classes.filled),
      classes: {
        input: (0, _clsx["default"])(classes.input, unPadding && classes.unPaddingInput),
        root: (0, _clsx["default"])(classes.root, unPadding && classes.unPadding)
      },
      disableUnderline: true
    })
  }, props));
};

process.env.NODE_ENV !== "production" ? ReferentInput.propTypes = (0, _extends2["default"])({}, _core.TextField.propTypes, {
  classes: _propTypes["default"].shape((0, _extends2["default"])({}, _core.TextField.propTypes.classes, {
    filled: _propTypes["default"].string,
    unPadding: _propTypes["default"].string,
    unPaddingInput: _propTypes["default"].string
  })),
  filled: _propTypes["default"].bool,
  unPadding: _propTypes["default"].bool
}) : void 0;

var _default = (0, _core.withStyles)(styles, {
  name: 'ReferentInput'
})(ReferentInput);

exports["default"] = _default;