react-interface
Advanced tools
Comparing version 0.9.4-alpha.38 to 0.9.4-alpha.39
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 _templateObject = _taggedTemplateLiteralLoose(['\n // display: inline-flex;\n display: inline-block;\n ', '\n ', '\n ', '\n ', '\n ', '\n'], ['\n // display: inline-flex;\n display: inline-block;\n ', '\n ', '\n ', '\n ', '\n ', '\n']); | ||
var _templateObject = _taggedTemplateLiteralLoose(['\n // display: inline-flex;\n display: inline-block;\n ', '\n ', '\n ', '\n ', '\n ', '\n ', '\n'], ['\n // display: inline-flex;\n display: inline-block;\n ', '\n ', '\n ', '\n ', '\n ', '\n ', '\n']); | ||
@@ -23,3 +23,3 @@ function _objectWithoutProperties(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 Wrapper = styled.div(_templateObject, space, width, alignSelf, color, fontSize); | ||
var Wrapper = styled.div(_templateObject, space, width, alignSelf, color, fontSize, hover); | ||
@@ -37,3 +37,3 @@ var Icon = function Icon(_ref) { | ||
return capitalize(t); | ||
}).join('')], { size: size, color: color }) | ||
}).join('')], { size: size }) | ||
); | ||
@@ -40,0 +40,0 @@ }; |
@@ -248,3 +248,5 @@ 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; }; | ||
}, | ||
menuItemProps: {}, | ||
menuItemProps: { | ||
borderRadius: 0 | ||
}, | ||
optionStyles: { | ||
@@ -251,0 +253,0 @@ padding: 10 |
@@ -70,3 +70,4 @@ 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; }; | ||
return React.createElement('div', _extends({ ref: innerRef }, props, { style: _extends({}, props.style) })); | ||
return React.createElement('div', _extends({ ref: innerRef }, props, { style: _extends({}, props.style) })) // left: 1 if needed | ||
; | ||
}; | ||
@@ -88,3 +89,6 @@ | ||
_this.detector = resizeDetector(); | ||
_this.detector.listenTo(_this.target, _this._handleResize); | ||
console.log(_this.target); | ||
if (_this.target) { | ||
_this.detector.listenTo(_this.target, _this._handleResize); | ||
} | ||
}; | ||
@@ -125,6 +129,2 @@ | ||
Popper.prototype.componentDidMount = function componentDidMount() { | ||
this._setResizeDetector(); | ||
}; | ||
Popper.prototype.componentDidUpdate = function componentDidUpdate(lastProps, lastState) { | ||
@@ -137,2 +137,5 @@ var _this2 = this; | ||
}); | ||
setTimeout(function () { | ||
return _this2._setResizeDetector(); | ||
}); | ||
} | ||
@@ -139,0 +142,0 @@ }; |
@@ -7,3 +7,3 @@ 'use strict'; | ||
var _templateObject = _taggedTemplateLiteralLoose(['\n // display: inline-flex;\n display: inline-block;\n ', '\n ', '\n ', '\n ', '\n ', '\n'], ['\n // display: inline-flex;\n display: inline-block;\n ', '\n ', '\n ', '\n ', '\n ', '\n']); | ||
var _templateObject = _taggedTemplateLiteralLoose(['\n // display: inline-flex;\n display: inline-block;\n ', '\n ', '\n ', '\n ', '\n ', '\n ', '\n'], ['\n // display: inline-flex;\n display: inline-block;\n ', '\n ', '\n ', '\n ', '\n ', '\n ', '\n']); | ||
@@ -42,3 +42,3 @@ var _react = require('react'); | ||
var Wrapper = _styledComponents2.default.div(_templateObject, _styledSystem.space, _styledSystem.width, _styledSystem.alignSelf, _styledSystem.color, _styledSystem.fontSize); | ||
var Wrapper = _styledComponents2.default.div(_templateObject, _styledSystem.space, _styledSystem.width, _styledSystem.alignSelf, _styledSystem.color, _styledSystem.fontSize, _styledSystem.hover); | ||
@@ -56,3 +56,3 @@ var Icon = function Icon(_ref) { | ||
return capitalize(t); | ||
}).join('')], { size: size, color: color }) | ||
}).join('')], { size: size }) | ||
); | ||
@@ -59,0 +59,0 @@ }; |
@@ -279,3 +279,5 @@ 'use strict'; | ||
}, | ||
menuItemProps: {}, | ||
menuItemProps: { | ||
borderRadius: 0 | ||
}, | ||
optionStyles: { | ||
@@ -282,0 +284,0 @@ padding: 10 |
@@ -100,3 +100,4 @@ 'use strict'; | ||
return _react2.default.createElement('div', _extends({ ref: innerRef }, props, { style: _extends({}, props.style) })); | ||
return _react2.default.createElement('div', _extends({ ref: innerRef }, props, { style: _extends({}, props.style) })) // left: 1 if needed | ||
; | ||
}; | ||
@@ -118,3 +119,6 @@ | ||
_this.detector = (0, _elementResizeDetector2.default)(); | ||
_this.detector.listenTo(_this.target, _this._handleResize); | ||
console.log(_this.target); | ||
if (_this.target) { | ||
_this.detector.listenTo(_this.target, _this._handleResize); | ||
} | ||
}; | ||
@@ -155,6 +159,2 @@ | ||
Popper.prototype.componentDidMount = function componentDidMount() { | ||
this._setResizeDetector(); | ||
}; | ||
Popper.prototype.componentDidUpdate = function componentDidUpdate(lastProps, lastState) { | ||
@@ -167,2 +167,5 @@ var _this2 = this; | ||
}); | ||
setTimeout(function () { | ||
return _this2._setResizeDetector(); | ||
}); | ||
} | ||
@@ -169,0 +172,0 @@ }; |
{ | ||
"name": "react-interface", | ||
"version": "0.9.4-alpha.38", | ||
"version": "0.9.4-alpha.39", | ||
"description": "react-interface React component", | ||
@@ -5,0 +5,0 @@ "main": "lib/index.js", |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
259163
5360