react-loading-overlay
Advanced tools
Comparing version 0.1.1 to 0.1.2
@@ -71,3 +71,2 @@ 'use strict'; | ||
render: function render() { | ||
var loadNode = this.props.active ? _react2.default.createElement(LoadingOverlay, _extends({ key: 'the_dimmer' }, this.props)) : null; | ||
@@ -90,3 +89,5 @@ var wrapNode = loadNode; | ||
{ | ||
style: { position: 'relative' }, | ||
style: { | ||
position: 'relative' | ||
}, | ||
className: this.props.className }, | ||
@@ -110,3 +111,2 @@ this.props.children, | ||
render: function render() { | ||
var Overlay = _styledComponents2.default.div(_templateObject, this.props.background, this.props.color, this.props.speed, this.props.zIndex); | ||
@@ -127,14 +127,16 @@ | ||
var spinnerNode = null; | ||
if (this.props.spinner) spinnerNode = _react2.default.createElement( | ||
Spinner, | ||
null, | ||
_react2.default.createElement( | ||
Svg, | ||
{ viewBox: '25 25 50 50' }, | ||
_react2.default.createElement(Circle, { cx: '50', cy: '50', r: '20', fill: 'none', strokeWidth: '2', strokeMiterlimit: '10' }) | ||
) | ||
); | ||
if (this.props.spinner) { | ||
spinnerNode = _react2.default.createElement( | ||
Spinner, | ||
null, | ||
_react2.default.createElement( | ||
Svg, | ||
{ viewBox: '25 25 50 50' }, | ||
_react2.default.createElement(Circle, { cx: '50', cy: '50', r: '20', fill: 'none', strokeWidth: '2', strokeMiterlimit: '10' }) | ||
) | ||
); | ||
} | ||
var textNode = null; | ||
if (!!this.props.text) textNode = _react2.default.createElement( | ||
if (this.props.text) textNode = _react2.default.createElement( | ||
'div', | ||
@@ -141,0 +143,0 @@ null, |
@@ -71,3 +71,2 @@ 'use strict'; | ||
render: function render() { | ||
var loadNode = this.props.active ? _react2.default.createElement(LoadingOverlay, _extends({ key: 'the_dimmer' }, this.props)) : null; | ||
@@ -90,3 +89,5 @@ var wrapNode = loadNode; | ||
{ | ||
style: { position: 'relative' }, | ||
style: { | ||
position: 'relative' | ||
}, | ||
className: this.props.className }, | ||
@@ -110,3 +111,2 @@ this.props.children, | ||
render: function render() { | ||
var Overlay = _styledComponents2.default.div(_templateObject, this.props.background, this.props.color, this.props.speed, this.props.zIndex); | ||
@@ -127,14 +127,16 @@ | ||
var spinnerNode = null; | ||
if (this.props.spinner) spinnerNode = _react2.default.createElement( | ||
Spinner, | ||
null, | ||
_react2.default.createElement( | ||
Svg, | ||
{ viewBox: '25 25 50 50' }, | ||
_react2.default.createElement(Circle, { cx: '50', cy: '50', r: '20', fill: 'none', strokeWidth: '2', strokeMiterlimit: '10' }) | ||
) | ||
); | ||
if (this.props.spinner) { | ||
spinnerNode = _react2.default.createElement( | ||
Spinner, | ||
null, | ||
_react2.default.createElement( | ||
Svg, | ||
{ viewBox: '25 25 50 50' }, | ||
_react2.default.createElement(Circle, { cx: '50', cy: '50', r: '20', fill: 'none', strokeWidth: '2', strokeMiterlimit: '10' }) | ||
) | ||
); | ||
} | ||
var textNode = null; | ||
if (!!this.props.text) textNode = _react2.default.createElement( | ||
if (this.props.text) textNode = _react2.default.createElement( | ||
'div', | ||
@@ -141,0 +143,0 @@ null, |
{ | ||
"name": "react-loading-overlay", | ||
"version": "0.1.1", | ||
"version": "0.1.2", | ||
"description": "Loading overlays with fade, spinner, message support.", | ||
@@ -20,3 +20,5 @@ "keywords": [ | ||
"build-min": "NODE_ENV=production webpack src/LoadingOverlay.js umd/LoadingOverlay.min.js", | ||
"storybook": "start-storybook -p 9001" | ||
"storybook": "start-storybook -p 9001", | ||
"lint": "standard", | ||
"lint-fix": "standard --fix" | ||
}, | ||
@@ -50,2 +52,3 @@ "repository": { | ||
"rimraf": "^2.5.4", | ||
"standard": "^8.4.0", | ||
"styled-components": "^1.0.8", | ||
@@ -52,0 +55,0 @@ "webpack": "^1.13.2" |
@@ -1,4 +0,1 @@ | ||
var webpack = require('webpack'); | ||
var path = require('path'); | ||
var config = { | ||
@@ -8,3 +5,3 @@ entry: './src/LoadingOverlay.js', | ||
library: 'LoadingOverlay', | ||
libraryTarget:'umd' | ||
libraryTarget: 'umd' | ||
}, | ||
@@ -21,3 +18,3 @@ externals: { | ||
}, | ||
module : { | ||
module: { | ||
loaders: [ | ||
@@ -27,7 +24,7 @@ { | ||
loader: 'babel' | ||
}, | ||
], | ||
} | ||
] | ||
} | ||
}; | ||
} | ||
module.exports = config; | ||
module.exports = config |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
615967
15887
0
16