mirror of
https://github.com/idanoo/GoScrobble
synced 2025-07-01 13:42:20 +00:00
0.2.0 - Mid migration
This commit is contained in:
parent
139e6a915e
commit
7e38fdbd7d
42393 changed files with 5358157 additions and 62 deletions
449
web/node_modules/react-input-autosize/dist/react-input-autosize.es.js
generated
vendored
Normal file
449
web/node_modules/react-input-autosize/dist/react-input-autosize.es.js
generated
vendored
Normal file
|
@ -0,0 +1,449 @@
|
|||
import React, { Component } from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
|
||||
var asyncGenerator = function () {
|
||||
function AwaitValue(value) {
|
||||
this.value = value;
|
||||
}
|
||||
|
||||
function AsyncGenerator(gen) {
|
||||
var front, back;
|
||||
|
||||
function send(key, arg) {
|
||||
return new Promise(function (resolve, reject) {
|
||||
var request = {
|
||||
key: key,
|
||||
arg: arg,
|
||||
resolve: resolve,
|
||||
reject: reject,
|
||||
next: null
|
||||
};
|
||||
|
||||
if (back) {
|
||||
back = back.next = request;
|
||||
} else {
|
||||
front = back = request;
|
||||
resume(key, arg);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function resume(key, arg) {
|
||||
try {
|
||||
var result = gen[key](arg);
|
||||
var value = result.value;
|
||||
|
||||
if (value instanceof AwaitValue) {
|
||||
Promise.resolve(value.value).then(function (arg) {
|
||||
resume("next", arg);
|
||||
}, function (arg) {
|
||||
resume("throw", arg);
|
||||
});
|
||||
} else {
|
||||
settle(result.done ? "return" : "normal", result.value);
|
||||
}
|
||||
} catch (err) {
|
||||
settle("throw", err);
|
||||
}
|
||||
}
|
||||
|
||||
function settle(type, value) {
|
||||
switch (type) {
|
||||
case "return":
|
||||
front.resolve({
|
||||
value: value,
|
||||
done: true
|
||||
});
|
||||
break;
|
||||
|
||||
case "throw":
|
||||
front.reject(value);
|
||||
break;
|
||||
|
||||
default:
|
||||
front.resolve({
|
||||
value: value,
|
||||
done: false
|
||||
});
|
||||
break;
|
||||
}
|
||||
|
||||
front = front.next;
|
||||
|
||||
if (front) {
|
||||
resume(front.key, front.arg);
|
||||
} else {
|
||||
back = null;
|
||||
}
|
||||
}
|
||||
|
||||
this._invoke = send;
|
||||
|
||||
if (typeof gen.return !== "function") {
|
||||
this.return = undefined;
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof Symbol === "function" && Symbol.asyncIterator) {
|
||||
AsyncGenerator.prototype[Symbol.asyncIterator] = function () {
|
||||
return this;
|
||||
};
|
||||
}
|
||||
|
||||
AsyncGenerator.prototype.next = function (arg) {
|
||||
return this._invoke("next", arg);
|
||||
};
|
||||
|
||||
AsyncGenerator.prototype.throw = function (arg) {
|
||||
return this._invoke("throw", arg);
|
||||
};
|
||||
|
||||
AsyncGenerator.prototype.return = function (arg) {
|
||||
return this._invoke("return", arg);
|
||||
};
|
||||
|
||||
return {
|
||||
wrap: function (fn) {
|
||||
return function () {
|
||||
return new AsyncGenerator(fn.apply(this, arguments));
|
||||
};
|
||||
},
|
||||
await: function (value) {
|
||||
return new AwaitValue(value);
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
var classCallCheck = function (instance, Constructor) {
|
||||
if (!(instance instanceof Constructor)) {
|
||||
throw new TypeError("Cannot call a class as a function");
|
||||
}
|
||||
};
|
||||
|
||||
var createClass = function () {
|
||||
function defineProperties(target, props) {
|
||||
for (var i = 0; i < props.length; i++) {
|
||||
var descriptor = props[i];
|
||||
descriptor.enumerable = descriptor.enumerable || false;
|
||||
descriptor.configurable = true;
|
||||
if ("value" in descriptor) descriptor.writable = true;
|
||||
Object.defineProperty(target, descriptor.key, descriptor);
|
||||
}
|
||||
}
|
||||
|
||||
return function (Constructor, protoProps, staticProps) {
|
||||
if (protoProps) defineProperties(Constructor.prototype, protoProps);
|
||||
if (staticProps) defineProperties(Constructor, staticProps);
|
||||
return Constructor;
|
||||
};
|
||||
}();
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
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 inherits = function (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) : subClass.__proto__ = superClass;
|
||||
};
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
var objectWithoutProperties = function (obj, keys) {
|
||||
var target = {};
|
||||
|
||||
for (var i in obj) {
|
||||
if (keys.indexOf(i) >= 0) continue;
|
||||
if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;
|
||||
target[i] = obj[i];
|
||||
}
|
||||
|
||||
return target;
|
||||
};
|
||||
|
||||
var possibleConstructorReturn = function (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;
|
||||
};
|
||||
|
||||
var sizerStyle = {
|
||||
position: 'absolute',
|
||||
top: 0,
|
||||
left: 0,
|
||||
visibility: 'hidden',
|
||||
height: 0,
|
||||
overflow: 'scroll',
|
||||
whiteSpace: 'pre'
|
||||
};
|
||||
|
||||
var INPUT_PROPS_BLACKLIST = ['extraWidth', 'injectStyles', 'inputClassName', 'inputRef', 'inputStyle', 'minWidth', 'onAutosize', 'placeholderIsMinWidth'];
|
||||
|
||||
var cleanInputProps = function cleanInputProps(inputProps) {
|
||||
INPUT_PROPS_BLACKLIST.forEach(function (field) {
|
||||
return delete inputProps[field];
|
||||
});
|
||||
return inputProps;
|
||||
};
|
||||
|
||||
var copyStyles = function copyStyles(styles, node) {
|
||||
node.style.fontSize = styles.fontSize;
|
||||
node.style.fontFamily = styles.fontFamily;
|
||||
node.style.fontWeight = styles.fontWeight;
|
||||
node.style.fontStyle = styles.fontStyle;
|
||||
node.style.letterSpacing = styles.letterSpacing;
|
||||
node.style.textTransform = styles.textTransform;
|
||||
};
|
||||
|
||||
var isIE = typeof window !== 'undefined' && window.navigator ? /MSIE |Trident\/|Edge\//.test(window.navigator.userAgent) : false;
|
||||
|
||||
var generateId = function generateId() {
|
||||
// we only need an auto-generated ID for stylesheet injection, which is only
|
||||
// used for IE. so if the browser is not IE, this should return undefined.
|
||||
return isIE ? '_' + Math.random().toString(36).substr(2, 12) : undefined;
|
||||
};
|
||||
|
||||
var AutosizeInput = function (_Component) {
|
||||
inherits(AutosizeInput, _Component);
|
||||
createClass(AutosizeInput, null, [{
|
||||
key: 'getDerivedStateFromProps',
|
||||
value: function getDerivedStateFromProps(props, state) {
|
||||
var id = props.id;
|
||||
|
||||
return id !== state.prevId ? { inputId: id || generateId(), prevId: id } : null;
|
||||
}
|
||||
}]);
|
||||
|
||||
function AutosizeInput(props) {
|
||||
classCallCheck(this, AutosizeInput);
|
||||
|
||||
var _this = possibleConstructorReturn(this, (AutosizeInput.__proto__ || Object.getPrototypeOf(AutosizeInput)).call(this, props));
|
||||
|
||||
_this.inputRef = function (el) {
|
||||
_this.input = el;
|
||||
if (typeof _this.props.inputRef === 'function') {
|
||||
_this.props.inputRef(el);
|
||||
}
|
||||
};
|
||||
|
||||
_this.placeHolderSizerRef = function (el) {
|
||||
_this.placeHolderSizer = el;
|
||||
};
|
||||
|
||||
_this.sizerRef = function (el) {
|
||||
_this.sizer = el;
|
||||
};
|
||||
|
||||
_this.state = {
|
||||
inputWidth: props.minWidth,
|
||||
inputId: props.id || generateId(),
|
||||
prevId: props.id
|
||||
};
|
||||
return _this;
|
||||
}
|
||||
|
||||
createClass(AutosizeInput, [{
|
||||
key: 'componentDidMount',
|
||||
value: function componentDidMount() {
|
||||
this.mounted = true;
|
||||
this.copyInputStyles();
|
||||
this.updateInputWidth();
|
||||
}
|
||||
}, {
|
||||
key: 'componentDidUpdate',
|
||||
value: function componentDidUpdate(prevProps, prevState) {
|
||||
if (prevState.inputWidth !== this.state.inputWidth) {
|
||||
if (typeof this.props.onAutosize === 'function') {
|
||||
this.props.onAutosize(this.state.inputWidth);
|
||||
}
|
||||
}
|
||||
this.updateInputWidth();
|
||||
}
|
||||
}, {
|
||||
key: 'componentWillUnmount',
|
||||
value: function componentWillUnmount() {
|
||||
this.mounted = false;
|
||||
}
|
||||
}, {
|
||||
key: 'copyInputStyles',
|
||||
value: function copyInputStyles() {
|
||||
if (!this.mounted || !window.getComputedStyle) {
|
||||
return;
|
||||
}
|
||||
var inputStyles = this.input && window.getComputedStyle(this.input);
|
||||
if (!inputStyles) {
|
||||
return;
|
||||
}
|
||||
copyStyles(inputStyles, this.sizer);
|
||||
if (this.placeHolderSizer) {
|
||||
copyStyles(inputStyles, this.placeHolderSizer);
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'updateInputWidth',
|
||||
value: function updateInputWidth() {
|
||||
if (!this.mounted || !this.sizer || typeof this.sizer.scrollWidth === 'undefined') {
|
||||
return;
|
||||
}
|
||||
var newInputWidth = void 0;
|
||||
if (this.props.placeholder && (!this.props.value || this.props.value && this.props.placeholderIsMinWidth)) {
|
||||
newInputWidth = Math.max(this.sizer.scrollWidth, this.placeHolderSizer.scrollWidth) + 2;
|
||||
} else {
|
||||
newInputWidth = this.sizer.scrollWidth + 2;
|
||||
}
|
||||
// add extraWidth to the detected width. for number types, this defaults to 16 to allow for the stepper UI
|
||||
var extraWidth = this.props.type === 'number' && this.props.extraWidth === undefined ? 16 : parseInt(this.props.extraWidth) || 0;
|
||||
newInputWidth += extraWidth;
|
||||
if (newInputWidth < this.props.minWidth) {
|
||||
newInputWidth = this.props.minWidth;
|
||||
}
|
||||
if (newInputWidth !== this.state.inputWidth) {
|
||||
this.setState({
|
||||
inputWidth: newInputWidth
|
||||
});
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'getInput',
|
||||
value: function getInput() {
|
||||
return this.input;
|
||||
}
|
||||
}, {
|
||||
key: 'focus',
|
||||
value: function focus() {
|
||||
this.input.focus();
|
||||
}
|
||||
}, {
|
||||
key: 'blur',
|
||||
value: function blur() {
|
||||
this.input.blur();
|
||||
}
|
||||
}, {
|
||||
key: 'select',
|
||||
value: function select() {
|
||||
this.input.select();
|
||||
}
|
||||
}, {
|
||||
key: 'renderStyles',
|
||||
value: function renderStyles() {
|
||||
// this method injects styles to hide IE's clear indicator, which messes
|
||||
// with input size detection. the stylesheet is only injected when the
|
||||
// browser is IE, and can also be disabled by the `injectStyles` prop.
|
||||
var injectStyles = this.props.injectStyles;
|
||||
|
||||
return isIE && injectStyles ? React.createElement('style', { dangerouslySetInnerHTML: {
|
||||
__html: 'input#' + this.state.inputId + '::-ms-clear {display: none;}'
|
||||
} }) : null;
|
||||
}
|
||||
}, {
|
||||
key: 'render',
|
||||
value: function render() {
|
||||
var sizerValue = [this.props.defaultValue, this.props.value, ''].reduce(function (previousValue, currentValue) {
|
||||
if (previousValue !== null && previousValue !== undefined) {
|
||||
return previousValue;
|
||||
}
|
||||
return currentValue;
|
||||
});
|
||||
|
||||
var wrapperStyle = _extends({}, this.props.style);
|
||||
if (!wrapperStyle.display) wrapperStyle.display = 'inline-block';
|
||||
|
||||
var inputStyle = _extends({
|
||||
boxSizing: 'content-box',
|
||||
width: this.state.inputWidth + 'px'
|
||||
}, this.props.inputStyle);
|
||||
|
||||
var inputProps = objectWithoutProperties(this.props, []);
|
||||
|
||||
cleanInputProps(inputProps);
|
||||
inputProps.className = this.props.inputClassName;
|
||||
inputProps.id = this.state.inputId;
|
||||
inputProps.style = inputStyle;
|
||||
|
||||
return React.createElement(
|
||||
'div',
|
||||
{ className: this.props.className, style: wrapperStyle },
|
||||
this.renderStyles(),
|
||||
React.createElement('input', _extends({}, inputProps, { ref: this.inputRef })),
|
||||
React.createElement(
|
||||
'div',
|
||||
{ ref: this.sizerRef, style: sizerStyle },
|
||||
sizerValue
|
||||
),
|
||||
this.props.placeholder ? React.createElement(
|
||||
'div',
|
||||
{ ref: this.placeHolderSizerRef, style: sizerStyle },
|
||||
this.props.placeholder
|
||||
) : null
|
||||
);
|
||||
}
|
||||
}]);
|
||||
return AutosizeInput;
|
||||
}(Component);
|
||||
|
||||
AutosizeInput.propTypes = {
|
||||
className: PropTypes.string, // className for the outer element
|
||||
defaultValue: PropTypes.any, // default field value
|
||||
extraWidth: PropTypes.oneOfType([// additional width for input element
|
||||
PropTypes.number, PropTypes.string]),
|
||||
id: PropTypes.string, // id to use for the input, can be set for consistent snapshots
|
||||
injectStyles: PropTypes.bool, // inject the custom stylesheet to hide clear UI, defaults to true
|
||||
inputClassName: PropTypes.string, // className for the input element
|
||||
inputRef: PropTypes.func, // ref callback for the input element
|
||||
inputStyle: PropTypes.object, // css styles for the input element
|
||||
minWidth: PropTypes.oneOfType([// minimum width for input element
|
||||
PropTypes.number, PropTypes.string]),
|
||||
onAutosize: PropTypes.func, // onAutosize handler: function(newWidth) {}
|
||||
onChange: PropTypes.func, // onChange handler: function(event) {}
|
||||
placeholder: PropTypes.string, // placeholder text
|
||||
placeholderIsMinWidth: PropTypes.bool, // don't collapse size to less than the placeholder
|
||||
style: PropTypes.object, // css styles for the outer element
|
||||
value: PropTypes.any // field value
|
||||
};
|
||||
AutosizeInput.defaultProps = {
|
||||
minWidth: 1,
|
||||
injectStyles: true
|
||||
};
|
||||
|
||||
export default AutosizeInput;
|
457
web/node_modules/react-input-autosize/dist/react-input-autosize.js
generated
vendored
Normal file
457
web/node_modules/react-input-autosize/dist/react-input-autosize.js
generated
vendored
Normal file
|
@ -0,0 +1,457 @@
|
|||
(function (global, factory) {
|
||||
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react'), require('prop-types')) :
|
||||
typeof define === 'function' && define.amd ? define(['react', 'prop-types'], factory) :
|
||||
(global.AutosizeInput = factory(global.React,global.PropTypes));
|
||||
}(this, (function (React,PropTypes) { 'use strict';
|
||||
|
||||
var React__default = 'default' in React ? React['default'] : React;
|
||||
PropTypes = PropTypes && PropTypes.hasOwnProperty('default') ? PropTypes['default'] : PropTypes;
|
||||
|
||||
var asyncGenerator = function () {
|
||||
function AwaitValue(value) {
|
||||
this.value = value;
|
||||
}
|
||||
|
||||
function AsyncGenerator(gen) {
|
||||
var front, back;
|
||||
|
||||
function send(key, arg) {
|
||||
return new Promise(function (resolve, reject) {
|
||||
var request = {
|
||||
key: key,
|
||||
arg: arg,
|
||||
resolve: resolve,
|
||||
reject: reject,
|
||||
next: null
|
||||
};
|
||||
|
||||
if (back) {
|
||||
back = back.next = request;
|
||||
} else {
|
||||
front = back = request;
|
||||
resume(key, arg);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function resume(key, arg) {
|
||||
try {
|
||||
var result = gen[key](arg);
|
||||
var value = result.value;
|
||||
|
||||
if (value instanceof AwaitValue) {
|
||||
Promise.resolve(value.value).then(function (arg) {
|
||||
resume("next", arg);
|
||||
}, function (arg) {
|
||||
resume("throw", arg);
|
||||
});
|
||||
} else {
|
||||
settle(result.done ? "return" : "normal", result.value);
|
||||
}
|
||||
} catch (err) {
|
||||
settle("throw", err);
|
||||
}
|
||||
}
|
||||
|
||||
function settle(type, value) {
|
||||
switch (type) {
|
||||
case "return":
|
||||
front.resolve({
|
||||
value: value,
|
||||
done: true
|
||||
});
|
||||
break;
|
||||
|
||||
case "throw":
|
||||
front.reject(value);
|
||||
break;
|
||||
|
||||
default:
|
||||
front.resolve({
|
||||
value: value,
|
||||
done: false
|
||||
});
|
||||
break;
|
||||
}
|
||||
|
||||
front = front.next;
|
||||
|
||||
if (front) {
|
||||
resume(front.key, front.arg);
|
||||
} else {
|
||||
back = null;
|
||||
}
|
||||
}
|
||||
|
||||
this._invoke = send;
|
||||
|
||||
if (typeof gen.return !== "function") {
|
||||
this.return = undefined;
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof Symbol === "function" && Symbol.asyncIterator) {
|
||||
AsyncGenerator.prototype[Symbol.asyncIterator] = function () {
|
||||
return this;
|
||||
};
|
||||
}
|
||||
|
||||
AsyncGenerator.prototype.next = function (arg) {
|
||||
return this._invoke("next", arg);
|
||||
};
|
||||
|
||||
AsyncGenerator.prototype.throw = function (arg) {
|
||||
return this._invoke("throw", arg);
|
||||
};
|
||||
|
||||
AsyncGenerator.prototype.return = function (arg) {
|
||||
return this._invoke("return", arg);
|
||||
};
|
||||
|
||||
return {
|
||||
wrap: function (fn) {
|
||||
return function () {
|
||||
return new AsyncGenerator(fn.apply(this, arguments));
|
||||
};
|
||||
},
|
||||
await: function (value) {
|
||||
return new AwaitValue(value);
|
||||
}
|
||||
};
|
||||
}();
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
var classCallCheck = function (instance, Constructor) {
|
||||
if (!(instance instanceof Constructor)) {
|
||||
throw new TypeError("Cannot call a class as a function");
|
||||
}
|
||||
};
|
||||
|
||||
var createClass = function () {
|
||||
function defineProperties(target, props) {
|
||||
for (var i = 0; i < props.length; i++) {
|
||||
var descriptor = props[i];
|
||||
descriptor.enumerable = descriptor.enumerable || false;
|
||||
descriptor.configurable = true;
|
||||
if ("value" in descriptor) descriptor.writable = true;
|
||||
Object.defineProperty(target, descriptor.key, descriptor);
|
||||
}
|
||||
}
|
||||
|
||||
return function (Constructor, protoProps, staticProps) {
|
||||
if (protoProps) defineProperties(Constructor.prototype, protoProps);
|
||||
if (staticProps) defineProperties(Constructor, staticProps);
|
||||
return Constructor;
|
||||
};
|
||||
}();
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
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 inherits = function (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) : subClass.__proto__ = superClass;
|
||||
};
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
var objectWithoutProperties = function (obj, keys) {
|
||||
var target = {};
|
||||
|
||||
for (var i in obj) {
|
||||
if (keys.indexOf(i) >= 0) continue;
|
||||
if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;
|
||||
target[i] = obj[i];
|
||||
}
|
||||
|
||||
return target;
|
||||
};
|
||||
|
||||
var possibleConstructorReturn = function (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;
|
||||
};
|
||||
|
||||
var sizerStyle = {
|
||||
position: 'absolute',
|
||||
top: 0,
|
||||
left: 0,
|
||||
visibility: 'hidden',
|
||||
height: 0,
|
||||
overflow: 'scroll',
|
||||
whiteSpace: 'pre'
|
||||
};
|
||||
|
||||
var INPUT_PROPS_BLACKLIST = ['extraWidth', 'injectStyles', 'inputClassName', 'inputRef', 'inputStyle', 'minWidth', 'onAutosize', 'placeholderIsMinWidth'];
|
||||
|
||||
var cleanInputProps = function cleanInputProps(inputProps) {
|
||||
INPUT_PROPS_BLACKLIST.forEach(function (field) {
|
||||
return delete inputProps[field];
|
||||
});
|
||||
return inputProps;
|
||||
};
|
||||
|
||||
var copyStyles = function copyStyles(styles, node) {
|
||||
node.style.fontSize = styles.fontSize;
|
||||
node.style.fontFamily = styles.fontFamily;
|
||||
node.style.fontWeight = styles.fontWeight;
|
||||
node.style.fontStyle = styles.fontStyle;
|
||||
node.style.letterSpacing = styles.letterSpacing;
|
||||
node.style.textTransform = styles.textTransform;
|
||||
};
|
||||
|
||||
var isIE = typeof window !== 'undefined' && window.navigator ? /MSIE |Trident\/|Edge\//.test(window.navigator.userAgent) : false;
|
||||
|
||||
var generateId = function generateId() {
|
||||
// we only need an auto-generated ID for stylesheet injection, which is only
|
||||
// used for IE. so if the browser is not IE, this should return undefined.
|
||||
return isIE ? '_' + Math.random().toString(36).substr(2, 12) : undefined;
|
||||
};
|
||||
|
||||
var AutosizeInput = function (_Component) {
|
||||
inherits(AutosizeInput, _Component);
|
||||
createClass(AutosizeInput, null, [{
|
||||
key: 'getDerivedStateFromProps',
|
||||
value: function getDerivedStateFromProps(props, state) {
|
||||
var id = props.id;
|
||||
|
||||
return id !== state.prevId ? { inputId: id || generateId(), prevId: id } : null;
|
||||
}
|
||||
}]);
|
||||
|
||||
function AutosizeInput(props) {
|
||||
classCallCheck(this, AutosizeInput);
|
||||
|
||||
var _this = possibleConstructorReturn(this, (AutosizeInput.__proto__ || Object.getPrototypeOf(AutosizeInput)).call(this, props));
|
||||
|
||||
_this.inputRef = function (el) {
|
||||
_this.input = el;
|
||||
if (typeof _this.props.inputRef === 'function') {
|
||||
_this.props.inputRef(el);
|
||||
}
|
||||
};
|
||||
|
||||
_this.placeHolderSizerRef = function (el) {
|
||||
_this.placeHolderSizer = el;
|
||||
};
|
||||
|
||||
_this.sizerRef = function (el) {
|
||||
_this.sizer = el;
|
||||
};
|
||||
|
||||
_this.state = {
|
||||
inputWidth: props.minWidth,
|
||||
inputId: props.id || generateId(),
|
||||
prevId: props.id
|
||||
};
|
||||
return _this;
|
||||
}
|
||||
|
||||
createClass(AutosizeInput, [{
|
||||
key: 'componentDidMount',
|
||||
value: function componentDidMount() {
|
||||
this.mounted = true;
|
||||
this.copyInputStyles();
|
||||
this.updateInputWidth();
|
||||
}
|
||||
}, {
|
||||
key: 'componentDidUpdate',
|
||||
value: function componentDidUpdate(prevProps, prevState) {
|
||||
if (prevState.inputWidth !== this.state.inputWidth) {
|
||||
if (typeof this.props.onAutosize === 'function') {
|
||||
this.props.onAutosize(this.state.inputWidth);
|
||||
}
|
||||
}
|
||||
this.updateInputWidth();
|
||||
}
|
||||
}, {
|
||||
key: 'componentWillUnmount',
|
||||
value: function componentWillUnmount() {
|
||||
this.mounted = false;
|
||||
}
|
||||
}, {
|
||||
key: 'copyInputStyles',
|
||||
value: function copyInputStyles() {
|
||||
if (!this.mounted || !window.getComputedStyle) {
|
||||
return;
|
||||
}
|
||||
var inputStyles = this.input && window.getComputedStyle(this.input);
|
||||
if (!inputStyles) {
|
||||
return;
|
||||
}
|
||||
copyStyles(inputStyles, this.sizer);
|
||||
if (this.placeHolderSizer) {
|
||||
copyStyles(inputStyles, this.placeHolderSizer);
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'updateInputWidth',
|
||||
value: function updateInputWidth() {
|
||||
if (!this.mounted || !this.sizer || typeof this.sizer.scrollWidth === 'undefined') {
|
||||
return;
|
||||
}
|
||||
var newInputWidth = void 0;
|
||||
if (this.props.placeholder && (!this.props.value || this.props.value && this.props.placeholderIsMinWidth)) {
|
||||
newInputWidth = Math.max(this.sizer.scrollWidth, this.placeHolderSizer.scrollWidth) + 2;
|
||||
} else {
|
||||
newInputWidth = this.sizer.scrollWidth + 2;
|
||||
}
|
||||
// add extraWidth to the detected width. for number types, this defaults to 16 to allow for the stepper UI
|
||||
var extraWidth = this.props.type === 'number' && this.props.extraWidth === undefined ? 16 : parseInt(this.props.extraWidth) || 0;
|
||||
newInputWidth += extraWidth;
|
||||
if (newInputWidth < this.props.minWidth) {
|
||||
newInputWidth = this.props.minWidth;
|
||||
}
|
||||
if (newInputWidth !== this.state.inputWidth) {
|
||||
this.setState({
|
||||
inputWidth: newInputWidth
|
||||
});
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'getInput',
|
||||
value: function getInput() {
|
||||
return this.input;
|
||||
}
|
||||
}, {
|
||||
key: 'focus',
|
||||
value: function focus() {
|
||||
this.input.focus();
|
||||
}
|
||||
}, {
|
||||
key: 'blur',
|
||||
value: function blur() {
|
||||
this.input.blur();
|
||||
}
|
||||
}, {
|
||||
key: 'select',
|
||||
value: function select() {
|
||||
this.input.select();
|
||||
}
|
||||
}, {
|
||||
key: 'renderStyles',
|
||||
value: function renderStyles() {
|
||||
// this method injects styles to hide IE's clear indicator, which messes
|
||||
// with input size detection. the stylesheet is only injected when the
|
||||
// browser is IE, and can also be disabled by the `injectStyles` prop.
|
||||
var injectStyles = this.props.injectStyles;
|
||||
|
||||
return isIE && injectStyles ? React__default.createElement('style', { dangerouslySetInnerHTML: {
|
||||
__html: 'input#' + this.state.inputId + '::-ms-clear {display: none;}'
|
||||
} }) : null;
|
||||
}
|
||||
}, {
|
||||
key: 'render',
|
||||
value: function render() {
|
||||
var sizerValue = [this.props.defaultValue, this.props.value, ''].reduce(function (previousValue, currentValue) {
|
||||
if (previousValue !== null && previousValue !== undefined) {
|
||||
return previousValue;
|
||||
}
|
||||
return currentValue;
|
||||
});
|
||||
|
||||
var wrapperStyle = _extends({}, this.props.style);
|
||||
if (!wrapperStyle.display) wrapperStyle.display = 'inline-block';
|
||||
|
||||
var inputStyle = _extends({
|
||||
boxSizing: 'content-box',
|
||||
width: this.state.inputWidth + 'px'
|
||||
}, this.props.inputStyle);
|
||||
|
||||
var inputProps = objectWithoutProperties(this.props, []);
|
||||
|
||||
cleanInputProps(inputProps);
|
||||
inputProps.className = this.props.inputClassName;
|
||||
inputProps.id = this.state.inputId;
|
||||
inputProps.style = inputStyle;
|
||||
|
||||
return React__default.createElement(
|
||||
'div',
|
||||
{ className: this.props.className, style: wrapperStyle },
|
||||
this.renderStyles(),
|
||||
React__default.createElement('input', _extends({}, inputProps, { ref: this.inputRef })),
|
||||
React__default.createElement(
|
||||
'div',
|
||||
{ ref: this.sizerRef, style: sizerStyle },
|
||||
sizerValue
|
||||
),
|
||||
this.props.placeholder ? React__default.createElement(
|
||||
'div',
|
||||
{ ref: this.placeHolderSizerRef, style: sizerStyle },
|
||||
this.props.placeholder
|
||||
) : null
|
||||
);
|
||||
}
|
||||
}]);
|
||||
return AutosizeInput;
|
||||
}(React.Component);
|
||||
|
||||
AutosizeInput.propTypes = {
|
||||
className: PropTypes.string, // className for the outer element
|
||||
defaultValue: PropTypes.any, // default field value
|
||||
extraWidth: PropTypes.oneOfType([// additional width for input element
|
||||
PropTypes.number, PropTypes.string]),
|
||||
id: PropTypes.string, // id to use for the input, can be set for consistent snapshots
|
||||
injectStyles: PropTypes.bool, // inject the custom stylesheet to hide clear UI, defaults to true
|
||||
inputClassName: PropTypes.string, // className for the input element
|
||||
inputRef: PropTypes.func, // ref callback for the input element
|
||||
inputStyle: PropTypes.object, // css styles for the input element
|
||||
minWidth: PropTypes.oneOfType([// minimum width for input element
|
||||
PropTypes.number, PropTypes.string]),
|
||||
onAutosize: PropTypes.func, // onAutosize handler: function(newWidth) {}
|
||||
onChange: PropTypes.func, // onChange handler: function(event) {}
|
||||
placeholder: PropTypes.string, // placeholder text
|
||||
placeholderIsMinWidth: PropTypes.bool, // don't collapse size to less than the placeholder
|
||||
style: PropTypes.object, // css styles for the outer element
|
||||
value: PropTypes.any // field value
|
||||
};
|
||||
AutosizeInput.defaultProps = {
|
||||
minWidth: 1,
|
||||
injectStyles: true
|
||||
};
|
||||
|
||||
return AutosizeInput;
|
||||
|
||||
})));
|
1
web/node_modules/react-input-autosize/dist/react-input-autosize.min.js
generated
vendored
Normal file
1
web/node_modules/react-input-autosize/dist/react-input-autosize.min.js
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
Loading…
Add table
Add a link
Reference in a new issue