Socket
Socket
Sign inDemoInstall

react-poppop

Package Overview
Dependencies
6
Maintainers
1
Versions
35
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 0.2.15 to 0.3.0

8

lib/index.js

@@ -7,4 +7,2 @@ "use strict";

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
var _poppop = require("./poppop");

@@ -14,3 +12,5 @@

exports["default"] = _poppop2["default"];
module.exports = exports["default"];
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = _poppop2.default;
module.exports = exports['default'];
'use strict';
Object.defineProperty(exports, '__esModule', {
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = undefined;
var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; desc = parent = undefined; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
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 _react = require('react');

@@ -25,3 +18,11 @@

var PopPop = (function (_Component) {
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
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 PopPop = function (_Component) {
_inherits(PopPop, _Component);

@@ -32,6 +33,8 @@

_get(Object.getPrototypeOf(PopPop.prototype), 'constructor', this).call(this, props);
this.handleOverlayClick = this.handleOverlayClick.bind(this);
this.handleCloseBtn = this.handleCloseBtn.bind(this);
this.handleEscKeyDown = this.handleEscKeyDown.bind(this);
var _this = _possibleConstructorReturn(this, Object.getPrototypeOf(PopPop).call(this, props));
_this.handleOverlayClick = _this.handleOverlayClick.bind(_this);
_this.handleCloseBtn = _this.handleCloseBtn.bind(_this);
_this.handleEscKeyDown = _this.handleEscKeyDown.bind(_this);
return _this;
}

@@ -54,2 +57,3 @@

if (overlayClick) {

@@ -77,15 +81,15 @@ this.props.overlayClick();

var _contentStyle = this.props.contentStyle;
var wrapperStyle = undefined,
contentStyle = undefined;
var wrapperStyle = void 0,
contentStyle = void 0;
if (position !== 'full') wrapperStyle = Object.assign({}, _style2['default'].wrapper, _style2['default'][position]);else if (position) wrapperStyle = Object.assign({}, _style2['default'].wrapper);
if (position !== 'full') wrapperStyle = Object.assign({}, _style2.default.wrapper, _style2.default[position]);else if (position) wrapperStyle = Object.assign({}, _style2.default.wrapper);
// merge the content style and position style
if (position === 'full') contentStyle = Object.assign({}, _style2['default'].content, _style2['default'].full, _contentStyle);else if (position === 'center') contentStyle = Object.assign({}, _style2['default'].content, _style2['default'].centerContent, _contentStyle); // console.log(contentStyle)
if (position === 'full') contentStyle = Object.assign({}, _style2.default.content, _style2.default.full, _contentStyle);else if (position === 'center') contentStyle = Object.assign({}, _style2.default.content, _style2.default.centerContent, _contentStyle); // console.log(contentStyle)
return _react2['default'].createElement(
return _react2.default.createElement(
'div',
{ style: wrapperStyle },
this._renderOverlay(),
_react2['default'].createElement(
_react2.default.createElement(
'div',

@@ -105,6 +109,6 @@ { style: contentStyle },

var style = _style2['default'].closeBtn;
if (position === 'full') style = Object.assign({}, _style2['default'].closeBtn, _style2['default'].fullCloseBtn);
var style = _style2.default.closeBtn;
if (position === 'full') style = Object.assign({}, _style2.default.closeBtn, _style2.default.fullCloseBtn);
if (closeBtn) {
return _react2['default'].createElement(
return _react2.default.createElement(
'div',

@@ -122,6 +126,6 @@ { style: style, onClick: this.handleCloseBtn },

var overlayStyle = Object.assign(_style2['default'].overlay, { display: 'block' });
var overlayStyle = Object.assign(_style2.default.overlay, { display: 'block' });
if (overlay) {
return _react2['default'].createElement('div', { style: overlayStyle, onClick: this.handleOverlayClick });
return _react2.default.createElement('div', { style: overlayStyle, onClick: this.handleOverlayClick });
}

@@ -133,5 +137,5 @@ return;

return PopPop;
})(_react.Component);
}(_react.Component);
exports['default'] = PopPop;
exports.default = PopPop;
module.exports = exports['default'];
{
"name": "react-poppop",
"version": "0.2.15",
"version": "0.3.0",
"description": "react poppop is a react pop up",

@@ -29,4 +29,4 @@ "main": "lib/index.js",

"peerDependencies": {
"react": ">0.14.0",
"react-dom": ">0.14.0"
"react": ">0.14.0 || >=15.0.0",
"react-dom": ">0.14.0 || >=15.0.0"
},

@@ -37,11 +37,24 @@ "dependencies": {

"devDependencies": {
"babel-core": "^5.4.7",
"babel-cli": "^6.6.5",
"babel-core": "^6.5.2",
"babel-eslint": "^3.1.9",
"babel-loader": "^5.1.2",
"babel-plugin-react-transform": "^1.1.1",
"babel-loader": "^6.2.3",
"babel-plugin-add-module-exports": "^0.1.2",
"babel-plugin-react-transform": "^2.0.0",
"babel-plugin-transform-decorators-legacy": "^1.3.4",
"babel-plugin-transform-react-remove-prop-types": "^0.2.2",
"babel-plugin-transform-runtime": "^6.5.2",
"babel-polyfill": "^6.5.0",
"babel-preset-es2015": "^6.5.0",
"babel-preset-react": "^6.5.0",
"babel-preset-react-hmre": "1.0.1",
"babel-preset-stage-0": "^6.5.0",
"babel-register": "^6.7.2",
"eslint": "^1.3.1",
"eslint-plugin-react": "^2.3.0",
"express": "^4.13.3",
"react-transform-catch-errors": "^1.0.0",
"react-transform-hmr": "^1.0.0",
"react": "^15.0.0",
"react-dom": "^15.0.0",
"react-transform-catch-errors": "^1.0.2",
"react-transform-hmr": "^1.0.2",
"redbox-react": "^1.0.1",

@@ -48,0 +61,0 @@ "rimraf": "^2.4.3",

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

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

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc