mirror of
https://github.com/idanoo/GoScrobble.git
synced 2024-11-24 09:25:15 +00:00
181 lines
6.3 KiB
JavaScript
181 lines
6.3 KiB
JavaScript
import _extends from '@babel/runtime/helpers/esm/extends';
|
|
import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
|
|
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 { a as _objectSpread2, _ as _createSuper, E as cleanValue } from '../../dist/index-4bd03571.esm.js';
|
|
import React, { Component } from 'react';
|
|
import { S as Select, g as getOptionValue, a as getOptionLabel } from '../../dist/Select-dbb12e54.esm.js';
|
|
import { m as manageState } from '../../dist/stateManager-845a3300.esm.js';
|
|
import '@emotion/react';
|
|
import '@babel/runtime/helpers/taggedTemplateLiteral';
|
|
import '@babel/runtime/helpers/objectWithoutProperties';
|
|
import '@babel/runtime/helpers/typeof';
|
|
import 'react-input-autosize';
|
|
import '@babel/runtime/helpers/defineProperty';
|
|
import 'react-dom';
|
|
import 'memoize-one';
|
|
|
|
var compareOption = function compareOption() {
|
|
var inputValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
var option = arguments.length > 1 ? arguments[1] : undefined;
|
|
var accessors = arguments.length > 2 ? arguments[2] : undefined;
|
|
var candidate = String(inputValue).toLowerCase();
|
|
var optionValue = String(accessors.getOptionValue(option)).toLowerCase();
|
|
var optionLabel = String(accessors.getOptionLabel(option)).toLowerCase();
|
|
return optionValue === candidate || optionLabel === candidate;
|
|
};
|
|
|
|
var builtins = {
|
|
formatCreateLabel: function formatCreateLabel(inputValue) {
|
|
return "Create \"".concat(inputValue, "\"");
|
|
},
|
|
isValidNewOption: function isValidNewOption(inputValue, selectValue, selectOptions, accessors) {
|
|
return !(!inputValue || selectValue.some(function (option) {
|
|
return compareOption(inputValue, option, accessors);
|
|
}) || selectOptions.some(function (option) {
|
|
return compareOption(inputValue, option, accessors);
|
|
}));
|
|
},
|
|
getNewOptionData: function getNewOptionData(inputValue, optionLabel) {
|
|
return {
|
|
label: optionLabel,
|
|
value: inputValue,
|
|
__isNew__: true
|
|
};
|
|
},
|
|
getOptionValue: getOptionValue,
|
|
getOptionLabel: getOptionLabel
|
|
};
|
|
var defaultProps = _objectSpread2({
|
|
allowCreateWhileLoading: false,
|
|
createOptionPosition: 'last'
|
|
}, builtins);
|
|
var makeCreatableSelect = function makeCreatableSelect(SelectComponent) {
|
|
var _class, _temp;
|
|
|
|
return _temp = _class = /*#__PURE__*/function (_Component) {
|
|
_inherits(Creatable, _Component);
|
|
|
|
var _super = _createSuper(Creatable);
|
|
|
|
function Creatable(props) {
|
|
var _this;
|
|
|
|
_classCallCheck(this, Creatable);
|
|
|
|
_this = _super.call(this, props);
|
|
_this.select = void 0;
|
|
|
|
_this.onChange = function (newValue, actionMeta) {
|
|
var _this$props = _this.props,
|
|
getNewOptionData = _this$props.getNewOptionData,
|
|
inputValue = _this$props.inputValue,
|
|
isMulti = _this$props.isMulti,
|
|
onChange = _this$props.onChange,
|
|
onCreateOption = _this$props.onCreateOption,
|
|
value = _this$props.value,
|
|
name = _this$props.name;
|
|
|
|
if (actionMeta.action !== 'select-option') {
|
|
return onChange(newValue, actionMeta);
|
|
}
|
|
|
|
var newOption = _this.state.newOption;
|
|
var valueArray = Array.isArray(newValue) ? newValue : [newValue];
|
|
|
|
if (valueArray[valueArray.length - 1] === newOption) {
|
|
if (onCreateOption) onCreateOption(inputValue);else {
|
|
var newOptionData = getNewOptionData(inputValue, inputValue);
|
|
var newActionMeta = {
|
|
action: 'create-option',
|
|
name: name,
|
|
option: newOptionData
|
|
};
|
|
|
|
if (isMulti) {
|
|
onChange([].concat(_toConsumableArray(cleanValue(value)), [newOptionData]), newActionMeta);
|
|
} else {
|
|
onChange(newOptionData, newActionMeta);
|
|
}
|
|
}
|
|
return;
|
|
}
|
|
|
|
onChange(newValue, actionMeta);
|
|
};
|
|
|
|
var options = props.options || [];
|
|
_this.state = {
|
|
newOption: undefined,
|
|
options: options
|
|
};
|
|
return _this;
|
|
}
|
|
|
|
_createClass(Creatable, [{
|
|
key: "focus",
|
|
value: function focus() {
|
|
this.select.focus();
|
|
}
|
|
}, {
|
|
key: "blur",
|
|
value: function blur() {
|
|
this.select.blur();
|
|
}
|
|
}, {
|
|
key: "render",
|
|
value: function render() {
|
|
var _this2 = this;
|
|
|
|
var options = this.state.options;
|
|
return /*#__PURE__*/React.createElement(SelectComponent, _extends({}, this.props, {
|
|
ref: function ref(_ref) {
|
|
_this2.select = _ref;
|
|
},
|
|
options: options,
|
|
onChange: this.onChange
|
|
}));
|
|
}
|
|
}], [{
|
|
key: "getDerivedStateFromProps",
|
|
value: function getDerivedStateFromProps(props, state) {
|
|
var allowCreateWhileLoading = props.allowCreateWhileLoading,
|
|
createOptionPosition = props.createOptionPosition,
|
|
formatCreateLabel = props.formatCreateLabel,
|
|
getNewOptionData = props.getNewOptionData,
|
|
inputValue = props.inputValue,
|
|
isLoading = props.isLoading,
|
|
isValidNewOption = props.isValidNewOption,
|
|
value = props.value,
|
|
getOptionValue = props.getOptionValue,
|
|
getOptionLabel = props.getOptionLabel;
|
|
var options = props.options || [];
|
|
var newOption = state.newOption;
|
|
|
|
if (isValidNewOption(inputValue, cleanValue(value), options, {
|
|
getOptionValue: getOptionValue,
|
|
getOptionLabel: getOptionLabel
|
|
})) {
|
|
newOption = getNewOptionData(inputValue, formatCreateLabel(inputValue));
|
|
} else {
|
|
newOption = undefined;
|
|
}
|
|
|
|
return {
|
|
newOption: newOption,
|
|
options: (allowCreateWhileLoading || !isLoading) && newOption ? createOptionPosition === 'first' ? [newOption].concat(_toConsumableArray(options)) : [].concat(_toConsumableArray(options), [newOption]) : options
|
|
};
|
|
}
|
|
}]);
|
|
|
|
return Creatable;
|
|
}(Component), _class.defaultProps = defaultProps, _temp;
|
|
}; // TODO: do this in package entrypoint
|
|
|
|
var SelectCreatable = makeCreatableSelect(Select);
|
|
var Creatable = manageState(SelectCreatable);
|
|
|
|
export default Creatable;
|
|
export { defaultProps, makeCreatableSelect };
|