From 544723726c6f085e57ea8c4fcd6284b47f387103 Mon Sep 17 00:00:00 2001
From: Zach <zackify@gmail.com>
Date: Fri, 4 Sep 2015 19:31:28 -0700
Subject: [PATCH 1/2] tested and working with react .14

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index cd623fc..142fa2f 100755
--- a/package.json
+++ b/package.json
@@ -33,6 +33,6 @@
   },
   "homepage": "https://github.com/zackify/simple-modal",
   "dependencies": {
-    "react": "^0.13.3"
+    "react": "^0.14.0-beta1"
   }
 }

From 27a9a911aa9de6adb072982652c671bc5689cc8a Mon Sep 17 00:00:00 2001
From: Zach <zackify@gmail.com>
Date: Mon, 21 Sep 2015 10:06:16 -0700
Subject: [PATCH 2/2] fixed variable declaration

---
 build/simple-modal.js          | 6 ++++--
 dist/simple-react-modal.js     | 6 ++++--
 dist/simple-react-modal.min.js | 2 +-
 package.json                   | 2 +-
 src/simple-modal.js            | 5 +++--
 5 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/build/simple-modal.js b/build/simple-modal.js
index 2719279..4f7ac16 100755
--- a/build/simple-modal.js
+++ b/build/simple-modal.js
@@ -98,13 +98,15 @@ var Modal = (function (_React$Component) {
     key: 'render',
     value: function render() {
       if (!this.state.show) return null;
+      var modalStyle = undefined,
+          containerStyle = undefined;
       //completely overwrite if they use a class
       if (this.props.className) {
         modalStyle = this.props.style;
         containerStyle = this.props.containerStyle;
       } else {
-        var modalStyle = _extends({}, _styles2['default'].modal, this.props.style);
-        var containerStyle = _extends({}, _styles2['default'].container, this.props.containerStyle);
+        modalStyle = _extends({}, _styles2['default'].modal, this.props.style);
+        containerStyle = _extends({}, _styles2['default'].container, this.props.containerStyle);
       }
       if (this.props.transitionSpeed) modalStyle = _extends({}, this.state, modalStyle);
 
diff --git a/dist/simple-react-modal.js b/dist/simple-react-modal.js
index 84979db..df4ea1e 100644
--- a/dist/simple-react-modal.js
+++ b/dist/simple-react-modal.js
@@ -100,13 +100,15 @@ var Modal = (function (_React$Component) {
     key: 'render',
     value: function render() {
       if (!this.state.show) return null;
+      var modalStyle = undefined,
+          containerStyle = undefined;
       //completely overwrite if they use a class
       if (this.props.className) {
         modalStyle = this.props.style;
         containerStyle = this.props.containerStyle;
       } else {
-        var modalStyle = _extends({}, _styles2['default'].modal, this.props.style);
-        var containerStyle = _extends({}, _styles2['default'].container, this.props.containerStyle);
+        modalStyle = _extends({}, _styles2['default'].modal, this.props.style);
+        containerStyle = _extends({}, _styles2['default'].container, this.props.containerStyle);
       }
       if (this.props.transitionSpeed) modalStyle = _extends({}, this.state, modalStyle);
 
diff --git a/dist/simple-react-modal.min.js b/dist/simple-react-modal.min.js
index 29f4679..e2af28e 100644
--- a/dist/simple-react-modal.min.js
+++ b/dist/simple-react-modal.min.js
@@ -1 +1 @@
-!function(e){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var t;t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,t.simpleModal=e()}}(function(){return function e(t,o,n){function i(s,a){if(!o[s]){if(!t[s]){var u="function"==typeof require&&require;if(!a&&u)return u(s,!0);if(r)return r(s,!0);var l=new Error("Cannot find module '"+s+"'");throw l.code="MODULE_NOT_FOUND",l}var f=o[s]={exports:{}};t[s][0].call(f.exports,function(e){var o=t[s][1][e];return i(o?o:e)},f,f.exports,e,t,o,n)}return o[s].exports}for(var r="function"==typeof require&&require,s=0;s<n.length;s++)i(n[s]);return i}({1:[function(e,t,o){(function(t){"use strict";function n(e){return e&&e.__esModule?e:{"default":e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(o,"__esModule",{value:!0});var s=function(){function e(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,o,n){return o&&e(t.prototype,o),n&&e(t,n),t}}(),a=function(e,t,o){for(var n=!0;n;){var i=e,r=t,s=o;a=l=u=void 0,n=!1,null===i&&(i=Function.prototype);var a=Object.getOwnPropertyDescriptor(i,r);if(void 0!==a){if("value"in a)return a.value;var u=a.get;return void 0===u?void 0:u.call(s)}var l=Object.getPrototypeOf(i);if(null===l)return void 0;e=l,t=r,o=s,n=!0}},u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},l="undefined"!=typeof window?window.React:"undefined"!=typeof t?t.React:null,f=n(l),p=e("./styles"),c=n(p),d=function(e){function t(e){i(this,t),a(Object.getPrototypeOf(t.prototype),"constructor",this).call(this),this.hideOnOuterClick=this.hideOnOuterClick.bind(this),this.fadeIn=this.fadeIn.bind(this),this.fadeOut=this.fadeOut.bind(this);var o=0,n="block",r="hidden";e.show&&(o=1,n="block",r="visible"),this.state={opacity:o,display:n,visibility:r,show:e.show}}return r(t,e),s(t,[{key:"hideOnOuterClick",value:function(e){this.props.closeOnOuterClick!==!1&&e.target.dataset.modal&&this.props.onClose(e)}},{key:"componentWillReceiveProps",value:function(e){this.props.show!=e.show&&(this.props.transitionSpeed?1==e.show?this.fadeIn():this.fadeOut():this.setState({show:e.show}))}},{key:"fadeIn",value:function(){var e=this;this.setState({display:"block",visibility:"visible",show:!0},function(){setTimeout(function(){e.setState({opacity:1})},10)})}},{key:"fadeOut",value:function(){var e=this;this.setState({opacity:0},function(){setTimeout(function(){e.setState({show:!1})},e.props.transitionSpeed)})}},{key:"render",value:function(){if(!this.state.show)return null;if(this.props.className)e=this.props.style,t=this.props.containerStyle;else var e=u({},c["default"].modal,this.props.style),t=u({},c["default"].container,this.props.containerStyle);return this.props.transitionSpeed&&(e=u({},this.state,e)),f["default"].createElement("div",u({},this.props,{style:e,onClick:this.hideOnOuterClick,"data-modal":"true"}),f["default"].createElement("div",{style:t},this.props.children))}}]),t}(f["default"].Component);o["default"]=d;var h=c["default"].close;o.closeStyle=h}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{"./styles":2}],2:[function(e,t,o){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n={position:"fixed",fontFamily:"Arial, Helvetica, sans-serif",top:0,right:0,bottom:0,left:0,background:"rgba(0, 0, 0, 0.8)",zIndex:99999,transition:"opacity 1s ease-in",pointerEvents:"auto"},i={width:"400px",position:"relative",margin:"10% auto",padding:"5px 20px 13px 20px",background:"#fff"},r={background:"#606061",color:"#FFFFFF",lineHeight:"25px",position:"absolute",right:"-12px",textAlign:"center",top:"-10px",width:"24px",textDecoration:"none",fontWeight:"bold",borderRadius:"12px",boxShadow:"1px 1px 3px #000",cursor:"pointer"};o["default"]={modal:n,container:i,close:r},t.exports=o["default"]},{}]},{},[1])(1)});
\ No newline at end of file
+!function(e){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var t;t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,t.simpleModal=e()}}(function(){return function e(t,o,n){function i(s,a){if(!o[s]){if(!t[s]){var u="function"==typeof require&&require;if(!a&&u)return u(s,!0);if(r)return r(s,!0);var l=new Error("Cannot find module '"+s+"'");throw l.code="MODULE_NOT_FOUND",l}var f=o[s]={exports:{}};t[s][0].call(f.exports,function(e){var o=t[s][1][e];return i(o?o:e)},f,f.exports,e,t,o,n)}return o[s].exports}for(var r="function"==typeof require&&require,s=0;s<n.length;s++)i(n[s]);return i}({1:[function(e,t,o){(function(t){"use strict";function n(e){return e&&e.__esModule?e:{"default":e}}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(o,"__esModule",{value:!0});var s=function(){function e(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,o,n){return o&&e(t.prototype,o),n&&e(t,n),t}}(),a=function(e,t,o){for(var n=!0;n;){var i=e,r=t,s=o;a=l=u=void 0,n=!1,null===i&&(i=Function.prototype);var a=Object.getOwnPropertyDescriptor(i,r);if(void 0!==a){if("value"in a)return a.value;var u=a.get;return void 0===u?void 0:u.call(s)}var l=Object.getPrototypeOf(i);if(null===l)return void 0;e=l,t=r,o=s,n=!0}},u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},l="undefined"!=typeof window?window.React:"undefined"!=typeof t?t.React:null,f=n(l),p=e("./styles"),c=n(p),d=function(e){function t(e){i(this,t),a(Object.getPrototypeOf(t.prototype),"constructor",this).call(this),this.hideOnOuterClick=this.hideOnOuterClick.bind(this),this.fadeIn=this.fadeIn.bind(this),this.fadeOut=this.fadeOut.bind(this);var o=0,n="block",r="hidden";e.show&&(o=1,n="block",r="visible"),this.state={opacity:o,display:n,visibility:r,show:e.show}}return r(t,e),s(t,[{key:"hideOnOuterClick",value:function(e){this.props.closeOnOuterClick!==!1&&e.target.dataset.modal&&this.props.onClose(e)}},{key:"componentWillReceiveProps",value:function(e){this.props.show!=e.show&&(this.props.transitionSpeed?1==e.show?this.fadeIn():this.fadeOut():this.setState({show:e.show}))}},{key:"fadeIn",value:function(){var e=this;this.setState({display:"block",visibility:"visible",show:!0},function(){setTimeout(function(){e.setState({opacity:1})},10)})}},{key:"fadeOut",value:function(){var e=this;this.setState({opacity:0},function(){setTimeout(function(){e.setState({show:!1})},e.props.transitionSpeed)})}},{key:"render",value:function(){if(!this.state.show)return null;var e=void 0,t=void 0;return this.props.className?(e=this.props.style,t=this.props.containerStyle):(e=u({},c["default"].modal,this.props.style),t=u({},c["default"].container,this.props.containerStyle)),this.props.transitionSpeed&&(e=u({},this.state,e)),f["default"].createElement("div",u({},this.props,{style:e,onClick:this.hideOnOuterClick,"data-modal":"true"}),f["default"].createElement("div",{style:t},this.props.children))}}]),t}(f["default"].Component);o["default"]=d;var h=c["default"].close;o.closeStyle=h}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{"./styles":2}],2:[function(e,t,o){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n={position:"fixed",fontFamily:"Arial, Helvetica, sans-serif",top:0,right:0,bottom:0,left:0,background:"rgba(0, 0, 0, 0.8)",zIndex:99999,transition:"opacity 1s ease-in",pointerEvents:"auto"},i={width:"400px",position:"relative",margin:"10% auto",padding:"5px 20px 13px 20px",background:"#fff"},r={background:"#606061",color:"#FFFFFF",lineHeight:"25px",position:"absolute",right:"-12px",textAlign:"center",top:"-10px",width:"24px",textDecoration:"none",fontWeight:"bold",borderRadius:"12px",boxShadow:"1px 1px 3px #000",cursor:"pointer"};o["default"]={modal:n,container:i,close:r},t.exports=o["default"]},{}]},{},[1])(1)});
\ No newline at end of file
diff --git a/package.json b/package.json
index 142fa2f..e100ced 100755
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "simple-react-modal",
   "description": "The simplest modal",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "main": "./build/simple-modal.js",
   "directories": {
     "example": "example"
diff --git a/src/simple-modal.js b/src/simple-modal.js
index 1fd2e17..ff9bd82 100755
--- a/src/simple-modal.js
+++ b/src/simple-modal.js
@@ -65,14 +65,15 @@ export default class Modal extends React.Component{
 
   render(){
     if(!this.state.show) return null
+    let modalStyle, containerStyle
     //completely overwrite if they use a class
     if(this.props.className){
       modalStyle = this.props.style
       containerStyle = this.props.containerStyle
     }
     else{
-      var modalStyle = Object.assign({}, styles.modal, this.props.style)
-      var containerStyle = Object.assign({}, styles.container, this.props.containerStyle)
+      modalStyle = Object.assign({}, styles.modal, this.props.style)
+      containerStyle = Object.assign({}, styles.container, this.props.containerStyle)
     }
     if(this.props.transitionSpeed) modalStyle = Object.assign({}, this.state, modalStyle)