patternplate-client/application/components/common/search-field.js

Universal javascript client application for patternplate

'use strict';

Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.default = undefined;

var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');

var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);

var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');

var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);

var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');

var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);

var _createClass2 = require('babel-runtime/helpers/createClass');

var _createClass3 = _interopRequireDefault(_createClass2);

var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');

var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);

var _inherits2 = require('babel-runtime/helpers/inherits');

var _inherits3 = _interopRequireDefault(_inherits2);

var _class, _class2, _temp;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _classnames = require('classnames');

var _classnames2 = _interopRequireDefault(_classnames);

var _autobindDecorator = require('autobind-decorator');

var _autobindDecorator2 = _interopRequireDefault(_autobindDecorator);

var _pureRenderDecorator = require('pure-render-decorator');

var _pureRenderDecorator2 = _interopRequireDefault(_pureRenderDecorator);

var _icon = require('./icon');

var _icon2 = _interopRequireDefault(_icon);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var SearchField = (0, _pureRenderDecorator2.default)(_class = (0, _autobindDecorator2.default)(_class = (_temp = _class2 = function (_Component) {
	(0, _inherits3.default)(SearchField, _Component);

	function SearchField() {
		(0, _classCallCheck3.default)(this, SearchField);
		return (0, _possibleConstructorReturn3.default)(this, (SearchField.__proto__ || (0, _getPrototypeOf2.default)(SearchField)).apply(this, arguments));
	}

	(0, _createClass3.default)(SearchField, [{
		key: 'render',
		value: function render() {
			var _props = this.props,
			    base = _props.base,
			    Component = _props.component,
			    userClassName = _props.className,
			    value = _props.value,
			    name = _props.name,
			    onChange = _props.onChange,
			    onFocus = _props.onFocus,
			    onBlur = _props.onBlur,
			    placeholder = _props.placeholder,
			    props = (0, _objectWithoutProperties3.default)(_props, ['base', 'component', 'className', 'value', 'name', 'onChange', 'onFocus', 'onBlur', 'placeholder']);
			var displayName = SearchField.displayName;

			var className = (0, _classnames2.default)(displayName, userClassName);
			var containerClassName = displayName + '__container';
			var iconClassName = displayName + '__icon';
			var inputClassName = displayName + '__input';

			return _react2.default.createElement(
				Component,
				{ className: className },
				_react2.default.createElement(
					'label',
					{ className: containerClassName },
					_react2.default.createElement('input', {
						className: inputClassName,
						value: value,
						placeholder: placeholder,
						title: props.title,
						type: 'search',
						name: name,
						onBlur: onBlur,
						onChange: onChange,
						onFocus: onFocus,
						onKeyDown: this.handleKeyDown
					}),
					_react2.default.createElement(_icon2.default, { base: base, className: iconClassName, symbol: 'search' })
				)
			);
		}
	}]);
	return SearchField;
}(_react.Component), _class2.displayName = 'search-field', _class2.defaultProps = {
	blur: function blur() {},
	component: 'div',
	onChange: function onChange() {},
	onFocus: function onFocus() {},
	onBlur: function onBlur() {}
}, _temp)) || _class) || _class;

exports.default = SearchField;
module.exports = exports['default'];
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NvdXJjZS9hcHBsaWNhdGlvbi9jb21wb25lbnRzL2NvbW1vbi9zZWFyY2gtZmllbGQuanMiXSwibmFtZXMiOlsiU2VhcmNoRmllbGQiLCJwcm9wcyIsImJhc2UiLCJDb21wb25lbnQiLCJjb21wb25lbnQiLCJ1c2VyQ2xhc3NOYW1lIiwiY2xhc3NOYW1lIiwidmFsdWUiLCJuYW1lIiwib25DaGFuZ2UiLCJvbkZvY3VzIiwib25CbHVyIiwicGxhY2Vob2xkZXIiLCJkaXNwbGF5TmFtZSIsImNvbnRhaW5lckNsYXNzTmFtZSIsImljb25DbGFzc05hbWUiLCJpbnB1dENsYXNzTmFtZSIsInRpdGxlIiwiaGFuZGxlS2V5RG93biIsImRlZmF1bHRQcm9wcyIsImJsdXIiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBOzs7O0FBQ0E7Ozs7QUFDQTs7OztBQUNBOzs7O0FBRUE7Ozs7OztJQUlxQkEsVzs7Ozs7Ozs7OzsyQkEwQlg7QUFBQSxnQkFZSixLQUFLQyxLQVpEO0FBQUEsT0FFUEMsSUFGTyxVQUVQQSxJQUZPO0FBQUEsT0FHSUMsU0FISixVQUdQQyxTQUhPO0FBQUEsT0FJSUMsYUFKSixVQUlQQyxTQUpPO0FBQUEsT0FLUEMsS0FMTyxVQUtQQSxLQUxPO0FBQUEsT0FNUEMsSUFOTyxVQU1QQSxJQU5PO0FBQUEsT0FPUEMsUUFQTyxVQU9QQSxRQVBPO0FBQUEsT0FRUEMsT0FSTyxVQVFQQSxPQVJPO0FBQUEsT0FTUEMsTUFUTyxVQVNQQSxNQVRPO0FBQUEsT0FVUEMsV0FWTyxVQVVQQSxXQVZPO0FBQUEsT0FXSlgsS0FYSTtBQUFBLE9BY0RZLFdBZEMsR0FjY2IsV0FkZCxDQWNEYSxXQWRDOztBQWVSLE9BQU1QLFlBQVksMEJBQUdPLFdBQUgsRUFBZ0JSLGFBQWhCLENBQWxCO0FBQ0EsT0FBTVMscUJBQXdCRCxXQUF4QixnQkFBTjtBQUNBLE9BQU1FLGdCQUFtQkYsV0FBbkIsV0FBTjtBQUNBLE9BQU1HLGlCQUFvQkgsV0FBcEIsWUFBTjs7QUFFQSxVQUNDO0FBQUMsYUFBRDtBQUFBLE1BQVcsV0FBV1AsU0FBdEI7QUFDQztBQUFBO0FBQUEsT0FBTyxXQUFXUSxrQkFBbEI7QUFDQztBQUNDLGlCQUFXRSxjQURaO0FBRUMsYUFBT1QsS0FGUjtBQUdDLG1CQUFhSyxXQUhkO0FBSUMsYUFBT1gsTUFBTWdCLEtBSmQ7QUFLQyxZQUFLLFFBTE47QUFNQyxZQUFNVCxJQU5QO0FBT0MsY0FBUUcsTUFQVDtBQVFDLGdCQUFVRixRQVJYO0FBU0MsZUFBU0MsT0FUVjtBQVVDLGlCQUFXLEtBQUtRO0FBVmpCLE9BREQ7QUFhQyxxREFBTSxNQUFNaEIsSUFBWixFQUFrQixXQUFXYSxhQUE3QixFQUE0QyxRQUFPLFFBQW5EO0FBYkQ7QUFERCxJQUREO0FBbUJBOzs7NkJBaEVNRixXLEdBQWMsYyxVQWlCZE0sWSxHQUFlO0FBQ3JCQyxPQUFNLGdCQUFNLENBQUUsQ0FETztBQUVyQmhCLFlBQVcsS0FGVTtBQUdyQkssV0FBVSxvQkFBTSxDQUFFLENBSEc7QUFJckJDLFVBQVMsbUJBQU0sQ0FBRSxDQUpJO0FBS3JCQyxTQUFRLGtCQUFNLENBQUU7QUFMSyxDOztrQkFsQkZYLFciLCJmaWxlIjoic2VhcmNoLWZpZWxkLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7Q29tcG9uZW50LCBQcm9wVHlwZXMgYXMgdHlwZXN9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBjeCBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCBhdXRvYmluZCBmcm9tICdhdXRvYmluZC1kZWNvcmF0b3InO1xuaW1wb3J0IHB1cmUgZnJvbSAncHVyZS1yZW5kZXItZGVjb3JhdG9yJztcblxuaW1wb3J0IEljb24gZnJvbSAnLi9pY29uJztcblxuQHB1cmVcbkBhdXRvYmluZFxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgU2VhcmNoRmllbGQgZXh0ZW5kcyBDb21wb25lbnQge1xuXHRzdGF0aWMgZGlzcGxheU5hbWUgPSAnc2VhcmNoLWZpZWxkJztcblxuXHRzdGF0aWMgcHJvcFR5cGVzID0ge1xuXHRcdGJhc2U6IHR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuXHRcdGJsdXI6IHR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcblx0XHRjbGFzc05hbWU6IHR5cGVzLnN0cmluZyxcblx0XHRjb21wb25lbnQ6IHR5cGVzLm5vZGUsXG5cdFx0bGlua1RvOiB0eXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcblx0XHRuYW1lOiB0eXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcblx0XHRvbkJsdXI6IHR5cGVzLmZ1bmMsXG5cdFx0b25DaGFuZ2U6IHR5cGVzLmZ1bmMsXG5cdFx0b25Gb2N1czogdHlwZXMuZnVuYyxcblx0XHRwbGFjZWhvbGRlcjogdHlwZXMuc3RyaW5nLFxuXHRcdHRpdGxlOiB0eXBlcy5zdHJpbmcsXG5cdFx0dmFsdWU6IHR5cGVzLnN0cmluZ1xuXHR9O1xuXG5cdHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG5cdFx0Ymx1cjogKCkgPT4ge30sXG5cdFx0Y29tcG9uZW50OiAnZGl2Jyxcblx0XHRvbkNoYW5nZTogKCkgPT4ge30sXG5cdFx0b25Gb2N1czogKCkgPT4ge30sXG5cdFx0b25CbHVyOiAoKSA9PiB7fVxuXHR9O1xuXG5cdHJlbmRlcigpIHtcblx0XHRjb25zdCB7XG5cdFx0XHRiYXNlLFxuXHRcdFx0Y29tcG9uZW50OiBDb21wb25lbnQsXG5cdFx0XHRjbGFzc05hbWU6IHVzZXJDbGFzc05hbWUsXG5cdFx0XHR2YWx1ZSxcblx0XHRcdG5hbWUsXG5cdFx0XHRvbkNoYW5nZSxcblx0XHRcdG9uRm9jdXMsXG5cdFx0XHRvbkJsdXIsXG5cdFx0XHRwbGFjZWhvbGRlcixcblx0XHRcdC4uLnByb3BzXG5cdFx0fSA9IHRoaXMucHJvcHM7XG5cblx0XHRjb25zdCB7ZGlzcGxheU5hbWV9ID0gU2VhcmNoRmllbGQ7XG5cdFx0Y29uc3QgY2xhc3NOYW1lID0gY3goZGlzcGxheU5hbWUsIHVzZXJDbGFzc05hbWUpO1xuXHRcdGNvbnN0IGNvbnRhaW5lckNsYXNzTmFtZSA9IGAke2Rpc3BsYXlOYW1lfV9fY29udGFpbmVyYDtcblx0XHRjb25zdCBpY29uQ2xhc3NOYW1lID0gYCR7ZGlzcGxheU5hbWV9X19pY29uYDtcblx0XHRjb25zdCBpbnB1dENsYXNzTmFtZSA9IGAke2Rpc3BsYXlOYW1lfV9faW5wdXRgO1xuXG5cdFx0cmV0dXJuIChcblx0XHRcdDxDb21wb25lbnQgY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuXHRcdFx0XHQ8bGFiZWwgY2xhc3NOYW1lPXtjb250YWluZXJDbGFzc05hbWV9PlxuXHRcdFx0XHRcdDxpbnB1dFxuXHRcdFx0XHRcdFx0Y2xhc3NOYW1lPXtpbnB1dENsYXNzTmFtZX1cblx0XHRcdFx0XHRcdHZhbHVlPXt2YWx1ZX1cblx0XHRcdFx0XHRcdHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cblx0XHRcdFx0XHRcdHRpdGxlPXtwcm9wcy50aXRsZX1cblx0XHRcdFx0XHRcdHR5cGU9XCJzZWFyY2hcIlxuXHRcdFx0XHRcdFx0bmFtZT17bmFtZX1cblx0XHRcdFx0XHRcdG9uQmx1cj17b25CbHVyfVxuXHRcdFx0XHRcdFx0b25DaGFuZ2U9e29uQ2hhbmdlfVxuXHRcdFx0XHRcdFx0b25Gb2N1cz17b25Gb2N1c31cblx0XHRcdFx0XHRcdG9uS2V5RG93bj17dGhpcy5oYW5kbGVLZXlEb3dufVxuXHRcdFx0XHRcdFx0Lz5cblx0XHRcdFx0XHQ8SWNvbiBiYXNlPXtiYXNlfSBjbGFzc05hbWU9e2ljb25DbGFzc05hbWV9IHN5bWJvbD1cInNlYXJjaFwiLz5cblx0XHRcdFx0PC9sYWJlbD5cblx0XHRcdDwvQ29tcG9uZW50PlxuXHRcdCk7XG5cdH1cbn1cbiJdfQ==