Completely updated React, fixed #11, (hopefully)
This commit is contained in:
67
goTorrentWebUI/node_modules/react-grid-layout/build/ResponsiveReactGridLayout.js
generated
vendored
67
goTorrentWebUI/node_modules/react-grid-layout/build/ResponsiveReactGridLayout.js
generated
vendored
@@ -1,26 +1,26 @@
|
||||
'use strict';
|
||||
"use strict";
|
||||
|
||||
exports.__esModule = 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 _react = require("react");
|
||||
|
||||
var _react2 = _interopRequireDefault(_react);
|
||||
|
||||
var _propTypes = require('prop-types');
|
||||
var _propTypes = require("prop-types");
|
||||
|
||||
var _propTypes2 = _interopRequireDefault(_propTypes);
|
||||
|
||||
var _lodash = require('lodash.isequal');
|
||||
var _lodash = require("lodash.isequal");
|
||||
|
||||
var _lodash2 = _interopRequireDefault(_lodash);
|
||||
|
||||
var _utils = require('./utils');
|
||||
var _utils = require("./utils");
|
||||
|
||||
var _responsiveUtils = require('./responsiveUtils');
|
||||
var _responsiveUtils = require("./responsiveUtils");
|
||||
|
||||
var _ReactGridLayout = require('./ReactGridLayout');
|
||||
var _ReactGridLayout = require("./ReactGridLayout");
|
||||
|
||||
var _ReactGridLayout2 = _interopRequireDefault(_ReactGridLayout);
|
||||
|
||||
@@ -34,7 +34,6 @@ function _possibleConstructorReturn(self, call) { if (!self) { throw new Referen
|
||||
|
||||
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) : subClass.__proto__ = superClass; }
|
||||
|
||||
var noop = function noop() {};
|
||||
var type = function type(obj) {
|
||||
return Object.prototype.toString.call(obj);
|
||||
};
|
||||
@@ -57,7 +56,6 @@ var ResponsiveReactGridLayout = function (_React$Component) {
|
||||
_this.props.onLayoutChange(layout, _extends({}, _this.props.layouts, (_extends2 = {}, _extends2[_this.state.breakpoint] = layout, _extends2)));
|
||||
}, _temp), _possibleConstructorReturn(_this, _ret);
|
||||
}
|
||||
|
||||
// This should only include propTypes needed in this code; RGL itself
|
||||
// will do validation of the rest props passed to it.
|
||||
|
||||
@@ -85,24 +83,21 @@ var ResponsiveReactGridLayout = function (_React$Component) {
|
||||
};
|
||||
|
||||
ResponsiveReactGridLayout.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
|
||||
|
||||
// Allow parent to set width or breakpoint directly.
|
||||
if (nextProps.width != this.props.width || nextProps.breakpoint !== this.props.breakpoint || !(0, _lodash2.default)(nextProps.breakpoints, this.props.breakpoints) || !(0, _lodash2.default)(nextProps.cols, this.props.cols)) {
|
||||
this.onWidthChange(nextProps);
|
||||
} else if (!(0, _lodash2.default)(nextProps.layouts, this.props.layouts)) {
|
||||
// Allow parent to set layouts directly.
|
||||
var _state = this.state,
|
||||
_breakpoint = _state.breakpoint,
|
||||
_cols = _state.cols;
|
||||
|
||||
// Since we're setting an entirely new layout object, we must generate a new responsive layout
|
||||
// if one does not exist.
|
||||
|
||||
var newLayout = (0, _responsiveUtils.findOrGenerateResponsiveLayout)(nextProps.layouts, nextProps.breakpoints, _breakpoint, _breakpoint, _cols, nextProps.compactType);
|
||||
this.setState({ layout: newLayout });
|
||||
}
|
||||
|
||||
// Allow parent to set layouts directly.
|
||||
else if (!(0, _lodash2.default)(nextProps.layouts, this.props.layouts)) {
|
||||
var _state = this.state,
|
||||
_breakpoint = _state.breakpoint,
|
||||
_cols = _state.cols;
|
||||
|
||||
// Since we're setting an entirely new layout object, we must generate a new responsive layout
|
||||
// if one does not exist.
|
||||
|
||||
var newLayout = (0, _responsiveUtils.findOrGenerateResponsiveLayout)(nextProps.layouts, nextProps.breakpoints, _breakpoint, _breakpoint, _cols, nextProps.compactType);
|
||||
this.setState({ layout: newLayout });
|
||||
}
|
||||
};
|
||||
|
||||
// wrap layouts so we do not need to pass layouts to child
|
||||
@@ -142,12 +137,16 @@ var ResponsiveReactGridLayout = function (_React$Component) {
|
||||
this.props.onBreakpointChange(newBreakpoint, newCols);
|
||||
this.props.onWidthChange(nextProps.width, nextProps.margin, newCols, nextProps.containerPadding);
|
||||
|
||||
this.setState({ breakpoint: newBreakpoint, layout: _layout, cols: newCols });
|
||||
this.setState({
|
||||
breakpoint: newBreakpoint,
|
||||
layout: _layout,
|
||||
cols: newCols
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
ResponsiveReactGridLayout.prototype.render = function render() {
|
||||
// eslint-disable-next-line no-unused-vars
|
||||
/* eslint-disable no-unused-vars */
|
||||
var _props2 = this.props,
|
||||
breakpoint = _props2.breakpoint,
|
||||
breakpoints = _props2.breakpoints,
|
||||
@@ -156,7 +155,8 @@ var ResponsiveReactGridLayout = function (_React$Component) {
|
||||
onBreakpointChange = _props2.onBreakpointChange,
|
||||
onLayoutChange = _props2.onLayoutChange,
|
||||
onWidthChange = _props2.onWidthChange,
|
||||
other = _objectWithoutProperties(_props2, ['breakpoint', 'breakpoints', 'cols', 'layouts', 'onBreakpointChange', 'onLayoutChange', 'onWidthChange']);
|
||||
other = _objectWithoutProperties(_props2, ["breakpoint", "breakpoints", "cols", "layouts", "onBreakpointChange", "onLayoutChange", "onWidthChange"]);
|
||||
/* eslint-enable no-unused-vars */
|
||||
|
||||
return _react2.default.createElement(_ReactGridLayout2.default, _extends({}, other, {
|
||||
onLayoutChange: this.onLayoutChange,
|
||||
@@ -169,7 +169,6 @@ var ResponsiveReactGridLayout = function (_React$Component) {
|
||||
}(_react2.default.Component);
|
||||
|
||||
ResponsiveReactGridLayout.propTypes = {
|
||||
|
||||
//
|
||||
// Basic props
|
||||
//
|
||||
@@ -187,14 +186,14 @@ ResponsiveReactGridLayout.propTypes = {
|
||||
// layouts is an object mapping breakpoints to layouts.
|
||||
// e.g. {lg: Layout, md: Layout, ...}
|
||||
layouts: function layouts(props, propName) {
|
||||
if (type(props[propName]) !== '[object Object]') {
|
||||
throw new Error('Layout property must be an object. Received: ' + type(props[propName]));
|
||||
if (type(props[propName]) !== "[object Object]") {
|
||||
throw new Error("Layout property must be an object. Received: " + type(props[propName]));
|
||||
}
|
||||
Object.keys(props[propName]).forEach(function (key) {
|
||||
if (!(key in props.breakpoints)) {
|
||||
throw new Error('Each key in layouts must align with a key in breakpoints.');
|
||||
throw new Error("Each key in layouts must align with a key in breakpoints.");
|
||||
}
|
||||
(0, _utils.validateLayout)(props.layouts[key], 'layouts.' + key);
|
||||
(0, _utils.validateLayout)(props.layouts[key], "layouts." + key);
|
||||
});
|
||||
},
|
||||
|
||||
@@ -221,8 +220,8 @@ ResponsiveReactGridLayout.defaultProps = {
|
||||
breakpoints: { lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0 },
|
||||
cols: { lg: 12, md: 10, sm: 6, xs: 4, xxs: 2 },
|
||||
layouts: {},
|
||||
onBreakpointChange: noop,
|
||||
onLayoutChange: noop,
|
||||
onWidthChange: noop
|
||||
onBreakpointChange: _utils.noop,
|
||||
onLayoutChange: _utils.noop,
|
||||
onWidthChange: _utils.noop
|
||||
};
|
||||
exports.default = ResponsiveReactGridLayout;
|
Reference in New Issue
Block a user