focus-components-v3/autocomplete-select/index.js

Focus web components to build applications (based on Material Design)

'use strict';

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

var _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; };

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _edit = require('./edit');

var _edit2 = _interopRequireDefault(_edit);

var _consult = require('./consult');

var _consult2 = _interopRequireDefault(_consult);

var _i18next = require('i18next');

var _i18next2 = _interopRequireDefault(_i18next);

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

function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }

var AutocompleteSelectField = function (_Component) {
    _inherits(AutocompleteSelectField, _Component);

    function AutocompleteSelectField(props) {
        _classCallCheck(this, AutocompleteSelectField);

        var _this = _possibleConstructorReturn(this, _Component.call(this, props));

        _this.getValue = function () {
            var _this$props = _this.props,
                editing = _this$props.editing,
                formattedInputValue = _this$props.formattedInputValue;

            if (editing) {
                return _this.refs.autocomplete.getValue();
            } else {
                return formattedInputValue;
            }
        };

        _this._handleAutocompleteBadInput = function (formattedInputValue) {
            var onBlurError = _this.props.onBlurError;

            if (onBlurError) onBlurError(_i18next2.default.t('focus.components.input.autocomplete.error.invalid', { formattedInputValue: formattedInputValue }));
        };

        _this._handleAutocompleteChange = function (rawInputValue) {
            var onChange = _this.props.onChange;

            if (onChange) onChange(rawInputValue);
        };

        _this._renderEdit = function () {
            var customError = _this.state.customError;
            var _this$props2 = _this.props,
                onBlurError = _this$props2.onBlurError,
                valid = _this$props2.valid,
                hasResolved = _this$props2.hasResolved;

            return _react2.default.createElement(_edit2.default, _extends({
                customError: customError,
                hasResolved: hasResolved,
                valid: valid,
                onBadInput: _this._handleAutocompleteBadInput,
                onChange: _this._handleAutocompleteChange,
                onBlurError: onBlurError,
                ref: 'autocomplete'
            }, _this.props));
        };

        _this._renderConsult = function () {
            return _react2.default.createElement(_consult2.default, _this.props);
        };

        _this.state = {
            customError: null
        };
        return _this;
    }

    AutocompleteSelectField.prototype.componentWillReceiveProps = function componentWillReceiveProps(_ref) {
        var error = _ref.error,
            valid = _ref.valid;

        if (!valid) this.setState({ customError: error });
    };

    AutocompleteSelectField.prototype.render = function render() {
        var editing = this.props.editing;

        return editing ? this._renderEdit() : this._renderConsult();
    };

    return AutocompleteSelectField;
}(_react.Component);

AutocompleteSelectField.displayName = 'AutocompleteSelectField';
AutocompleteSelectField.propTypes = {
    editing: _react.PropTypes.bool.isRequired,
    formattedInputValue: _react.PropTypes.oneOfType([_react.PropTypes.string, _react.PropTypes.number]),
    keyResolver: _react.PropTypes.func.isRequired,
    onChange: _react.PropTypes.func.isRequired,
    querySearcher: _react.PropTypes.func.isRequired,
    rawInputValue: _react.PropTypes.oneOfType([_react.PropTypes.string, _react.PropTypes.number])
};
exports.default = AutocompleteSelectField;
module.exports = exports['default'];
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZyLUZSLmpzIl0sIm5hbWVzIjpbIkF1dG9jb21wbGV0ZVNlbGVjdEZpZWxkIiwicHJvcHMiLCJnZXRWYWx1ZSIsImVkaXRpbmciLCJmb3JtYXR0ZWRJbnB1dFZhbHVlIiwicmVmcyIsImF1dG9jb21wbGV0ZSIsIl9oYW5kbGVBdXRvY29tcGxldGVCYWRJbnB1dCIsIm9uQmx1ckVycm9yIiwidCIsIl9oYW5kbGVBdXRvY29tcGxldGVDaGFuZ2UiLCJvbkNoYW5nZSIsInJhd0lucHV0VmFsdWUiLCJfcmVuZGVyRWRpdCIsImN1c3RvbUVycm9yIiwic3RhdGUiLCJ2YWxpZCIsImhhc1Jlc29sdmVkIiwiX3JlbmRlckNvbnN1bHQiLCJjb21wb25lbnRXaWxsUmVjZWl2ZVByb3BzIiwiZXJyb3IiLCJzZXRTdGF0ZSIsInJlbmRlciIsImRpc3BsYXlOYW1lIiwicHJvcFR5cGVzIiwiYm9vbCIsImlzUmVxdWlyZWQiLCJvbmVPZlR5cGUiLCJzdHJpbmciLCJudW1iZXIiLCJrZXlSZXNvbHZlciIsImZ1bmMiLCJxdWVyeVNlYXJjaGVyIl0sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQUFBOzs7O0FBQ0E7Ozs7QUFDQTs7OztBQUNBOzs7Ozs7Ozs7Ozs7OztJQUdNQSx1QjtjQUFBQSx1Qjs7QUFDRixhQURFQSx1QkFDRixDQUFZQyxLQUFaLEVBQW1CO0FBQUEsOEJBRGpCRCx1QkFDaUI7O0FBQUEscURBQ2Ysc0JBQU1DLEtBQU4sQ0FEZTs7QUFBQSxjQVduQkMsUUFYbUIsR0FXUixZQUFNO0FBQUEsOEJBQzBCLE1BQUtELEtBRC9CO0FBQUEsZ0JBQ05FLE9BRE0sZUFDTkEsT0FETTtBQUFBLGdCQUNHQyxtQkFESCxlQUNHQSxtQkFESDs7QUFFYixnQkFBSUQsT0FBSixFQUFhO0FBQ1QsdUJBQU8sTUFBS0UsSUFBTCxDQUFVQyxZQUFWLENBQXVCSixRQUF2QixFQUFQO0FBQ0gsYUFGRCxNQUVPO0FBQ0gsdUJBQU9FLG1CQUFQO0FBQ0g7QUFDSixTQWxCa0I7O0FBQUEsY0FvQm5CRywyQkFwQm1CLEdBb0JXLCtCQUF1QjtBQUFBLGdCQUMxQ0MsV0FEMEMsR0FDM0IsTUFBS1AsS0FEc0IsQ0FDMUNPLFdBRDBDOztBQUVqRCxnQkFBR0EsV0FBSCxFQUFnQkEsWUFBWSxrQkFBUUMsQ0FBUixDQUFVLG1EQUFWLEVBQStELEVBQUNMLHdDQUFELEVBQS9ELENBQVo7QUFDbkIsU0F2QmtCOztBQUFBLGNBeUJuQk0seUJBekJtQixHQXlCUyx5QkFBaUI7QUFBQSxnQkFDbENDLFFBRGtDLEdBQ3RCLE1BQUtWLEtBRGlCLENBQ2xDVSxRQURrQzs7QUFFekMsZ0JBQUlBLFFBQUosRUFBY0EsU0FBU0MsYUFBVDtBQUNqQixTQTVCa0I7O0FBQUEsY0E4Qm5CQyxXQTlCbUIsR0E4QkwsWUFBTTtBQUFBLGdCQUNUQyxXQURTLEdBQ00sTUFBS0MsS0FEWCxDQUNURCxXQURTO0FBQUEsK0JBRTBCLE1BQUtiLEtBRi9CO0FBQUEsZ0JBRVRPLFdBRlMsZ0JBRVRBLFdBRlM7QUFBQSxnQkFFSVEsS0FGSixnQkFFSUEsS0FGSjtBQUFBLGdCQUVXQyxXQUZYLGdCQUVXQSxXQUZYOztBQUdoQixtQkFDSTtBQUNJLDZCQUFhSCxXQURqQjtBQUVJLDZCQUFhRyxXQUZqQjtBQUdJLHVCQUFPRCxLQUhYO0FBSUksNEJBQVksTUFBS1QsMkJBSnJCO0FBS0ksMEJBQVUsTUFBS0cseUJBTG5CO0FBTUksNkJBQWFGLFdBTmpCO0FBT0kscUJBQUk7QUFQUixlQVFRLE1BQUtQLEtBUmIsRUFESjtBQVlILFNBN0NrQjs7QUFBQSxjQStDbkJpQixjQS9DbUIsR0ErQ0YsWUFBTTtBQUNuQixtQkFBTyxpREFBK0IsTUFBS2pCLEtBQXBDLENBQVA7QUFDSCxTQWpEa0I7O0FBRWYsY0FBS2MsS0FBTCxHQUFhO0FBQ1RELHlCQUFhO0FBREosU0FBYjtBQUZlO0FBS2xCOztBQU5DZCwyQixXQVFGbUIseUIsNENBQTBDO0FBQUEsWUFBZkMsS0FBZSxRQUFmQSxLQUFlO0FBQUEsWUFBUkosS0FBUSxRQUFSQSxLQUFROztBQUN0QyxZQUFHLENBQUNBLEtBQUosRUFBVyxLQUFLSyxRQUFMLENBQWMsRUFBQ1AsYUFBYU0sS0FBZCxFQUFkO0FBQ2QsSzs7QUFWQ3BCLDJCLFdBb0RGc0IsTSxxQkFBUztBQUFBLFlBQ0VuQixPQURGLEdBQ2EsS0FBS0YsS0FEbEIsQ0FDRUUsT0FERjs7QUFFTCxlQUFPQSxVQUFVLEtBQUtVLFdBQUwsRUFBVixHQUErQixLQUFLSyxjQUFMLEVBQXRDO0FBQ0gsSzs7V0F2RENsQix1Qjs7O0FBMEROQSx3QkFBd0J1QixXQUF4QixHQUFzQyx5QkFBdEM7QUFDQXZCLHdCQUF3QndCLFNBQXhCLEdBQW9DO0FBQ2hDckIsYUFBUyxpQkFBVXNCLElBQVYsQ0FBZUMsVUFEUTtBQUVoQ3RCLHlCQUFxQixpQkFBVXVCLFNBQVYsQ0FBb0IsQ0FBQyxpQkFBVUMsTUFBWCxFQUFtQixpQkFBVUMsTUFBN0IsQ0FBcEIsQ0FGVztBQUdoQ0MsaUJBQWEsaUJBQVVDLElBQVYsQ0FBZUwsVUFISTtBQUloQ2YsY0FBVSxpQkFBVW9CLElBQVYsQ0FBZUwsVUFKTztBQUtoQ00sbUJBQWUsaUJBQVVELElBQVYsQ0FBZUwsVUFMRTtBQU1oQ2QsbUJBQWUsaUJBQVVlLFNBQVYsQ0FBb0IsQ0FBQyxpQkFBVUMsTUFBWCxFQUFtQixpQkFBVUMsTUFBN0IsQ0FBcEI7QUFOaUIsQ0FBcEM7a0JBUWU3Qix1QiIsImZpbGUiOiJmci1GUi5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwge0NvbXBvbmVudCwgUHJvcFR5cGVzfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCBBdXRvY29tcGxldGVTZWxlY3RFZGl0IGZyb20gJy4vZWRpdCc7XHJcbmltcG9ydCBBdXRvY29tcGxldGVTZWxlY3RDb25zdWx0IGZyb20gJy4vY29uc3VsdCc7XHJcbmltcG9ydCBpMThuZXh0IGZyb20gJ2kxOG5leHQnO1xyXG5cclxuXHJcbmNsYXNzIEF1dG9jb21wbGV0ZVNlbGVjdEZpZWxkIGV4dGVuZHMgQ29tcG9uZW50IHtcclxuICAgIGNvbnN0cnVjdG9yKHByb3BzKSB7XHJcbiAgICAgICAgc3VwZXIocHJvcHMpO1xyXG4gICAgICAgIHRoaXMuc3RhdGUgPSB7XHJcbiAgICAgICAgICAgIGN1c3RvbUVycm9yOiBudWxsXHJcbiAgICAgICAgfTtcclxuICAgIH1cclxuXHJcbiAgICBjb21wb25lbnRXaWxsUmVjZWl2ZVByb3BzKHtlcnJvciwgdmFsaWR9KSB7XHJcbiAgICAgICAgaWYoIXZhbGlkKSB0aGlzLnNldFN0YXRlKHtjdXN0b21FcnJvcjogZXJyb3J9KTtcclxuICAgIH1cclxuXHJcbiAgICBnZXRWYWx1ZSA9ICgpID0+IHtcclxuICAgICAgICBjb25zdCB7ZWRpdGluZywgZm9ybWF0dGVkSW5wdXRWYWx1ZX0gPSB0aGlzLnByb3BzO1xyXG4gICAgICAgIGlmIChlZGl0aW5nKSB7XHJcbiAgICAgICAgICAgIHJldHVybiB0aGlzLnJlZnMuYXV0b2NvbXBsZXRlLmdldFZhbHVlKCk7XHJcbiAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgcmV0dXJuIGZvcm1hdHRlZElucHV0VmFsdWU7XHJcbiAgICAgICAgfVxyXG4gICAgfTtcclxuXHJcbiAgICBfaGFuZGxlQXV0b2NvbXBsZXRlQmFkSW5wdXQgPSBmb3JtYXR0ZWRJbnB1dFZhbHVlID0+IHtcclxuICAgICAgICBjb25zdCB7b25CbHVyRXJyb3J9ID0gdGhpcy5wcm9wcztcclxuICAgICAgICBpZihvbkJsdXJFcnJvcikgb25CbHVyRXJyb3IoaTE4bmV4dC50KCdmb2N1cy5jb21wb25lbnRzLmlucHV0LmF1dG9jb21wbGV0ZS5lcnJvci5pbnZhbGlkJywge2Zvcm1hdHRlZElucHV0VmFsdWV9KSk7XHJcbiAgICB9O1xyXG5cclxuICAgIF9oYW5kbGVBdXRvY29tcGxldGVDaGFuZ2UgPSByYXdJbnB1dFZhbHVlID0+IHtcclxuICAgICAgICBjb25zdCB7b25DaGFuZ2V9ID0gdGhpcy5wcm9wcztcclxuICAgICAgICBpZiAob25DaGFuZ2UpIG9uQ2hhbmdlKHJhd0lucHV0VmFsdWUpO1xyXG4gICAgfTtcclxuXHJcbiAgICBfcmVuZGVyRWRpdCA9ICgpID0+IHtcclxuICAgICAgICBjb25zdCB7Y3VzdG9tRXJyb3J9ID0gdGhpcy5zdGF0ZTtcclxuICAgICAgICBjb25zdCB7b25CbHVyRXJyb3IsIHZhbGlkLCBoYXNSZXNvbHZlZH0gPSB0aGlzLnByb3BzO1xyXG4gICAgICAgIHJldHVybiAoXHJcbiAgICAgICAgICAgIDxBdXRvY29tcGxldGVTZWxlY3RFZGl0XHJcbiAgICAgICAgICAgICAgICBjdXN0b21FcnJvcj17Y3VzdG9tRXJyb3J9XHJcbiAgICAgICAgICAgICAgICBoYXNSZXNvbHZlZD17aGFzUmVzb2x2ZWR9XHJcbiAgICAgICAgICAgICAgICB2YWxpZD17dmFsaWR9XHJcbiAgICAgICAgICAgICAgICBvbkJhZElucHV0PXt0aGlzLl9oYW5kbGVBdXRvY29tcGxldGVCYWRJbnB1dH1cclxuICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXt0aGlzLl9oYW5kbGVBdXRvY29tcGxldGVDaGFuZ2V9XHJcbiAgICAgICAgICAgICAgICBvbkJsdXJFcnJvcj17b25CbHVyRXJyb3J9XHJcbiAgICAgICAgICAgICAgICByZWY9J2F1dG9jb21wbGV0ZSdcclxuICAgICAgICAgICAgICAgIHsuLi50aGlzLnByb3BzfVxyXG4gICAgICAgICAgICAgICAgLz5cclxuICAgICAgICApO1xyXG4gICAgfTtcclxuXHJcbiAgICBfcmVuZGVyQ29uc3VsdCA9ICgpID0+IHtcclxuICAgICAgICByZXR1cm4gPEF1dG9jb21wbGV0ZVNlbGVjdENvbnN1bHQgey4uLnRoaXMucHJvcHN9IC8+XHJcbiAgICB9O1xyXG5cclxuICAgIHJlbmRlcigpIHtcclxuICAgICAgICBjb25zdCB7ZWRpdGluZ30gPSB0aGlzLnByb3BzO1xyXG4gICAgICAgIHJldHVybiBlZGl0aW5nID8gdGhpcy5fcmVuZGVyRWRpdCgpIDogdGhpcy5fcmVuZGVyQ29uc3VsdCgpO1xyXG4gICAgfVxyXG59XHJcblxyXG5BdXRvY29tcGxldGVTZWxlY3RGaWVsZC5kaXNwbGF5TmFtZSA9ICdBdXRvY29tcGxldGVTZWxlY3RGaWVsZCc7XHJcbkF1dG9jb21wbGV0ZVNlbGVjdEZpZWxkLnByb3BUeXBlcyA9IHtcclxuICAgIGVkaXRpbmc6IFByb3BUeXBlcy5ib29sLmlzUmVxdWlyZWQsXHJcbiAgICBmb3JtYXR0ZWRJbnB1dFZhbHVlOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuc3RyaW5nLCBQcm9wVHlwZXMubnVtYmVyXSksXHJcbiAgICBrZXlSZXNvbHZlcjogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcclxuICAgIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxyXG4gICAgcXVlcnlTZWFyY2hlcjogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcclxuICAgIHJhd0lucHV0VmFsdWU6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5udW1iZXJdKVxyXG59O1xyXG5leHBvcnQgZGVmYXVsdCBBdXRvY29tcGxldGVTZWxlY3RGaWVsZDtcclxuIl19