mirror of
https://github.com/idanoo/GoScrobble.git
synced 2024-11-24 09:25:15 +00:00
138 lines
4.2 KiB
JavaScript
138 lines
4.2 KiB
JavaScript
|
import _extends from '@babel/runtime/helpers/esm/extends';
|
||
|
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
||
|
import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
|
||
|
import _createClass from '@babel/runtime/helpers/esm/createClass';
|
||
|
import _inherits from '@babel/runtime/helpers/esm/inherits';
|
||
|
import { _ as _createSuper } from './index-4bd03571.esm.js';
|
||
|
import React, { Component } from 'react';
|
||
|
|
||
|
var defaultProps = {
|
||
|
defaultInputValue: '',
|
||
|
defaultMenuIsOpen: false,
|
||
|
defaultValue: null
|
||
|
};
|
||
|
|
||
|
var manageState = function manageState(SelectComponent) {
|
||
|
var _class, _temp;
|
||
|
|
||
|
return _temp = _class = /*#__PURE__*/function (_Component) {
|
||
|
_inherits(StateManager, _Component);
|
||
|
|
||
|
var _super = _createSuper(StateManager);
|
||
|
|
||
|
function StateManager() {
|
||
|
var _this;
|
||
|
|
||
|
_classCallCheck(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(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(_this$props2, ["defaultInputValue", "defaultMenuIsOpen", "defaultValue"]);
|
||
|
|
||
|
return /*#__PURE__*/React.createElement(SelectComponent, _extends({}, 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;
|
||
|
}(Component), _class.defaultProps = defaultProps, _temp;
|
||
|
};
|
||
|
|
||
|
export { manageState as m };
|