react-modal-dialog - npm Package Compare versions

Comparing version 4.0.0 to 4.0.1

lib/ModalDialog.js

@@ -41,6 +41,2 @@ 'use strict';
 
-var _useSheet = require('./useSheet');
-
-var _useSheet2 = _interopRequireDefault(_useSheet);
-
 var _CloseCircle = require('./CloseCircle');
@@ -58,2 +54,33 @@
 
+var _narcissus = require('narcissus');
+
+var styles = {
+  dialog: {
+    boxSizing: 'border-box',
+    position: 'relative',
+    background: 'white',
+    padding: 20,
+    color: '#333',
+    boxShadow: '0px 2px 15px rgba(0, 0, 0, 0.4)',
+    borderRadius: 10
+  },
+  closeButton: {
+    position: 'absolute',
+    top: 0,
+    left: -50,
+    display: 'block',
+    width: 40,
+    height: 40,
+    transition: 'transform 0.1s',
+    // backgroundImage: require('../images/modal-dialog-close.png'),
+    // backgroundRepeat: 'no-repeat',
+    // backgroundSize: '40px 40px',
+    '&&:hover': {
+      transform: 'scale(1.1)'
+    }
+  }
+};
+
+// This decorator centers the dialog
+
 var ModalDialog = (function (_React$Component) {
@@ -168,4 +195,4 @@ _inherits(ModalDialog, _React$Component);
       var recenter = _props.recenter;
-      var classes = _props.sheet.classes;
-      var style = _props.style;
+      var // eslint-disable-line no-unused-vars, this line is used to remove parameters from rest
+      style = _props.style;
       var top = _props.top;
@@ -176,3 +203,3 @@ var // eslint-disable-line no-unused-vars, this line is used to remove parameters from rest
 
-      var rest = _objectWithoutProperties(_props, ['children', 'className', 'componentIsLeaving', 'left', 'leftOffset', 'margin', 'onClose', 'recenter', 'sheet', 'style', 'top', 'topOffset', 'width']);
+      var rest = _objectWithoutProperties(_props, ['children', 'className', 'componentIsLeaving', 'left', 'leftOffset', 'margin', 'onClose', 'recenter', 'style', 'top', 'topOffset', 'width']);
 
@@ -187,3 +214,3 @@ var dialogStyle = _extends({
 
-      var divClassName = (0, _classnames2['default'])(classes.dialog, className);
+      var divClassName = (0, _classnames2['default'])((0, _narcissus.inject)(styles.dialog), className);
 
@@ -199,3 +226,3 @@ return _react2['default'].createElement(
           'a',
-          { className: classes.closeButton, onClick: onClose },
+          { className: (0, _narcissus.inject)(styles.closeButton), onClick: onClose },
           _react2['default'].createElement(_CloseCircle2['default'], { diameter: 40 })
@@ -220,3 +247,2 @@ ) : null,
       style: _react.PropTypes.object,
-      sheet: _react.PropTypes.object,
       left: _react.PropTypes.number,
@@ -238,28 +264,2 @@ recenter: _react.PropTypes.func.isRequired,
   ModalDialog = (0, _reactCenterComponent2['default'])(ModalDialog) || ModalDialog;
-  ModalDialog = (0, _useSheet2['default'])({
-    dialog: {
-      boxSizing: 'border-box',
-      position: 'relative',
-      background: 'white',
-      padding: 20,
-      color: '#333',
-      boxShadow: '0px 2px 15px rgba(0, 0, 0, 0.4)',
-      borderRadius: 10
-    },
-    'closeButton': {
-      position: 'absolute',
-      top: 0,
-      left: -50,
-      display: 'block',
-      width: 40,
-      height: 40,
-      transition: 'transform 0.1s',
-      // backgroundImage: require('../images/modal-dialog-close.png'),
-      // backgroundRepeat: 'no-repeat',
-      // backgroundSize: '40px 40px',
-      '&:hover': {
-        transform: 'scale(1.1)'
-      }
-    }
-  })(ModalDialog) || ModalDialog;
   return ModalDialog;
@@ -269,5 +269,2 @@ })(_react2['default'].Component);
 exports['default'] = ModalDialog;
-module.exports = exports['default'];
-
-// This decorator centers the dialog
-// eslint-disable-line no-unused-vars, this line is used to remove parameters from rest
+module.exports = exports['default'];

package.json

 {
   "name": "react-modal-dialog",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "description": "A simple, idiomatic, and declarative way to launch modal dialogs in ReactJS",
@@ -21,13 +21,8 @@ "repository": {
     "active-event-stack": "^1.0.0",
-    "aphrodite": "^0.4.1",
     "classnames": "^2.1.2",
     "dynamics.js": "^1.1.0",
     "immutable": "^3.7.4",
-    "jss": "^3.1.0",
-    "jss-camel-case": "^1.0.0",
-    "jss-nested": "^1.0.1",
-    "jss-px": "^1.0.0",
-    "jss-vendor-prefixer": "^1.0.0",
     "keycode": "^2.1.0",
     "lodash": "^3.9.3",
+    "narcissus": "^1.0.0",
     "react-center-component": "^3.0.0",
@@ -42,13 +37,4 @@ "react-jss": "^2.0.6"
     "autoprefixer-core": "^5.2.1",
-    "babel": "^5.8.34",
-    "babel-eslint": "^4.1.5",
-    "css-loader": "^0.15.1",
-    "eslint": "^1.9.0",
-    "eslint-config-airbnb": "^1.0.0",
-    "eslint-plugin-react": "^3.8.0",
-    "extract-text-webpack-plugin": "^0.8.2",
-    "node-libs-browser": "^0.5.2",
-    "postcss-loader": "^0.5.1",
-    "webpack": "^1.10.0"
+    "babel": "^5.8.34"
   }
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No README

Quality

Package does not have a README. This may indicate a failed publish or a low quality package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

59232

increased by8.29%

Dependency count

11

decreased by-31.25%

Dev dependency count

2

decreased by-81.82%

Number of package files

13

increased by8.33%

Number of medium quality alerts

1

decreased by-50%

Number of lines in readme file

133

increased byInfinity%

Worsened metrics

Lines of code

814

decreased by-0.37%

Dependency changes

• + Addednarcissus@^1.0.0

• + Addedcss-in-js-utils@3.1.0(transitive)

• + Addedinline-style-prefixer@7.0.1(transitive)

• + Addedjss@4.0.3(transitive)

• + Addedmurmurhash-js@1.0.0(transitive)

• + Addednarcissus@1.0.0(transitive)

• - Removedaphrodite@^0.4.1

• - Removedjss@^3.1.0

• - Removedjss-camel-case@^1.0.0

• - Removedjss-nested@^1.0.1

• - Removedjss-px@^1.0.0

• - Removedjss-vendor-prefixer@^1.0.0

• - Removedaphrodite@0.4.1(transitive)

• - Removedbowser@1.9.4(transitive)

• - Removedcss-vendor@0.3.8(transitive)

• - Removedinline-style-prefixer@2.0.5(transitive)

• - Removedis-in-browser@1.1.3(transitive)

• - Removedjss@3.11.1(transitive)

• - Removedjss-camel-case@1.1.0(transitive)

• - Removedjss-nested@1.0.3(transitive)

• - Removedjss-px@1.0.0(transitive)

• - Removedjss-vendor-prefixer@1.0.1(transitive)