mirror of
https://github.com/idanoo/GoScrobble.git
synced 2024-11-23 00:45:16 +00:00
149 lines
4.8 KiB
JavaScript
149 lines
4.8 KiB
JavaScript
|
'use strict';
|
||
|
|
||
|
var _extends = require('@babel/runtime/helpers/extends');
|
||
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
||
|
var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
|
||
|
var _createClass = require('@babel/runtime/helpers/createClass');
|
||
|
var _inherits = require('@babel/runtime/helpers/inherits');
|
||
|
var index = require('./index-fe3694ff.cjs.dev.js');
|
||
|
var React = require('react');
|
||
|
|
||
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
||
|
|
||
|
var _extends__default = /*#__PURE__*/_interopDefault(_extends);
|
||
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
|
||
|
var _classCallCheck__default = /*#__PURE__*/_interopDefault(_classCallCheck);
|
||
|
var _createClass__default = /*#__PURE__*/_interopDefault(_createClass);
|
||
|
var _inherits__default = /*#__PURE__*/_interopDefault(_inherits);
|
||
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
||
|
|
||
|
var defaultProps = {
|
||
|
defaultInputValue: '',
|
||
|
defaultMenuIsOpen: false,
|
||
|
defaultValue: null
|
||
|
};
|
||
|
|
||
|
var manageState = function manageState(SelectComponent) {
|
||
|
var _class, _temp;
|
||
|
|
||
|
return _temp = _class = /*#__PURE__*/function (_Component) {
|
||
|
_inherits__default['default'](StateManager, _Component);
|
||
|
|
||
|
var _super = index._createSuper(StateManager);
|
||
|
|
||
|
function StateManager() {
|
||
|
var _this;
|
||
|
|
||
|
_classCallCheck__default['default'](this, StateManager);
|
||
|
|
||
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||
|
args[_key] = arguments[_key];
|
||
|
}
|
||
|
|
||
|
_this = _super.call.apply(_super, [this].concat(args));
|
||
|
_this.select = void 0;
|
||
|
_this.state = {
|
||
|
inputValue: _this.props.inputValue !== undefined ? _this.props.inputValue : _this.props.defaultInputValue,
|
||
|
menuIsOpen: _this.props.menuIsOpen !== undefined ? _this.props.menuIsOpen : _this.props.defaultMenuIsOpen,
|
||
|
value: _this.props.value !== undefined ? _this.props.value : _this.props.defaultValue
|
||
|
};
|
||
|
|
||
|
_this.onChange = function (value, actionMeta) {
|
||
|
_this.callProp('onChange', value, actionMeta);
|
||
|
|
||
|
_this.setState({
|
||
|
value: value
|
||
|
});
|
||
|
};
|
||
|
|
||
|
_this.onInputChange = function (value, actionMeta) {
|
||
|
// TODO: for backwards compatibility, we allow the prop to return a new
|
||
|
// value, but now inputValue is a controllable prop we probably shouldn't
|
||
|
var newValue = _this.callProp('onInputChange', value, actionMeta);
|
||
|
|
||
|
_this.setState({
|
||
|
inputValue: newValue !== undefined ? newValue : value
|
||
|
});
|
||
|
};
|
||
|
|
||
|
_this.onMenuOpen = function () {
|
||
|
_this.callProp('onMenuOpen');
|
||
|
|
||
|
_this.setState({
|
||
|
menuIsOpen: true
|
||
|
});
|
||
|
};
|
||
|
|
||
|
_this.onMenuClose = function () {
|
||
|
_this.callProp('onMenuClose');
|
||
|
|
||
|
_this.setState({
|
||
|
menuIsOpen: false
|
||
|
});
|
||
|
};
|
||
|
|
||
|
return _this;
|
||
|
}
|
||
|
|
||
|
_createClass__default['default'](StateManager, [{
|
||
|
key: "focus",
|
||
|
value: function focus() {
|
||
|
this.select.focus();
|
||
|
}
|
||
|
}, {
|
||
|
key: "blur",
|
||
|
value: function blur() {
|
||
|
this.select.blur();
|
||
|
} // FIXME: untyped flow code, return any
|
||
|
|
||
|
}, {
|
||
|
key: "getProp",
|
||
|
value: function getProp(key) {
|
||
|
return this.props[key] !== undefined ? this.props[key] : this.state[key];
|
||
|
} // FIXME: untyped flow code, return any
|
||
|
|
||
|
}, {
|
||
|
key: "callProp",
|
||
|
value: function callProp(name) {
|
||
|
if (typeof this.props[name] === 'function') {
|
||
|
var _this$props;
|
||
|
|
||
|
for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
|
||
|
args[_key2 - 1] = arguments[_key2];
|
||
|
}
|
||
|
|
||
|
return (_this$props = this.props)[name].apply(_this$props, args);
|
||
|
}
|
||
|
}
|
||
|
}, {
|
||
|
key: "render",
|
||
|
value: function render() {
|
||
|
var _this2 = this;
|
||
|
|
||
|
var _this$props2 = this.props;
|
||
|
_this$props2.defaultInputValue;
|
||
|
_this$props2.defaultMenuIsOpen;
|
||
|
_this$props2.defaultValue;
|
||
|
var props = _objectWithoutProperties__default['default'](_this$props2, ["defaultInputValue", "defaultMenuIsOpen", "defaultValue"]);
|
||
|
|
||
|
return /*#__PURE__*/React__default['default'].createElement(SelectComponent, _extends__default['default']({}, props, {
|
||
|
ref: function ref(_ref) {
|
||
|
_this2.select = _ref;
|
||
|
},
|
||
|
inputValue: this.getProp('inputValue'),
|
||
|
menuIsOpen: this.getProp('menuIsOpen'),
|
||
|
onChange: this.onChange,
|
||
|
onInputChange: this.onInputChange,
|
||
|
onMenuClose: this.onMenuClose,
|
||
|
onMenuOpen: this.onMenuOpen,
|
||
|
value: this.getProp('value')
|
||
|
}));
|
||
|
}
|
||
|
}]);
|
||
|
|
||
|
return StateManager;
|
||
|
}(React.Component), _class.defaultProps = defaultProps, _temp;
|
||
|
};
|
||
|
|
||
|
exports.manageState = manageState;
|