react-poppop
Advanced tools
Comparing version 0.2.15 to 0.3.0
@@ -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
21616
27