New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

react-loading-overlay

Package Overview
Dependencies
Maintainers
1
Versions
17
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-loading-overlay - npm Package Compare versions

Comparing version 0.1.1 to 0.1.2

28

es6/LoadingOverlay.js

@@ -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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc