{"dependencies":[{"name":"simple-assign","loc":{"line":7,"column":28}},{"name":"react","loc":{"line":11,"column":21}},{"name":"prop-types","loc":{"line":15,"column":25}},{"name":"../styles/transitions","loc":{"line":19,"column":27}}],"generated":{"js":"'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar _simpleAssign = require('simple-assign');\n\nvar _simpleAssign2 = _interopRequireDefault(_simpleAssign);\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _transitions = require('../styles/transitions');\n\nvar _transitions2 = _interopRequireDefault(_transitions);\n\nfunction _interopRequireDefault(obj) {\n  return obj && obj.__esModule ? obj : { default: obj };\n}\n\nfunction getStyles(props) {\n  var defaultStyles = {\n    position: 'absolute',\n    lineHeight: '22px',\n    top: 38,\n    transition: _transitions2.default.easeOut(),\n    zIndex: 1, // Needed to display label above Chrome's autocomplete field background\n    transform: 'scale(1) translate(0, 0)',\n    transformOrigin: 'left top',\n    pointerEvents: 'auto',\n    userSelect: 'none'\n  };\n\n  var shrinkStyles = props.shrink ? (0, _simpleAssign2.default)({\n    transform: 'scale(0.75) translate(0, -28px)',\n    pointerEvents: 'none'\n  }, props.shrinkStyle) : null;\n\n  return {\n    root: (0, _simpleAssign2.default)(defaultStyles, props.style, shrinkStyles)\n  };\n}\n\nvar TextFieldLabel = function TextFieldLabel(props) {\n  var muiTheme = props.muiTheme,\n      className = props.className,\n      children = props.children,\n      htmlFor = props.htmlFor,\n      onClick = props.onClick;\n  var prepareStyles = muiTheme.prepareStyles;\n\n  var styles = getStyles(props);\n\n  return _react2.default.createElement('label', {\n    className: className,\n    style: prepareStyles(styles.root),\n    htmlFor: htmlFor,\n    onClick: onClick\n  }, children);\n};\n\nTextFieldLabel.propTypes = \"development\" !== \"production\" ? {\n  /**\n   * The label contents.\n   */\n  children: _propTypes2.default.node,\n  /**\n   * The css class name of the root element.\n   */\n  className: _propTypes2.default.string,\n  /**\n   * Disables the label if set to true.\n   */\n  disabled: _propTypes2.default.bool,\n  /**\n   * The id of the target element that this label should refer to.\n   */\n  htmlFor: _propTypes2.default.string,\n  /**\n   * @ignore\n   * The material-ui theme applied to this component.\n   */\n  muiTheme: _propTypes2.default.object.isRequired,\n  /**\n   * Callback function for when the label is selected via a click.\n   *\n   * @param {object} event Click event targeting the text field label.\n   */\n  onClick: _propTypes2.default.func,\n  /**\n   * True if the floating label should shrink.\n   */\n  shrink: _propTypes2.default.bool,\n  /**\n   * Override the inline-styles of the root element when shrunk.\n   */\n  shrinkStyle: _propTypes2.default.object,\n  /**\n   * Override the inline-styles of the root element.\n   */\n  style: _propTypes2.default.object\n} : {};\n\nTextFieldLabel.defaultProps = {\n  disabled: false,\n  shrink: false\n};\n\nexports.default = TextFieldLabel;"},"hash":"22eb6bda57e51855c4bc6bf9fcd6324a"}