react-router-modal - npm Package Compare versions

Comparing version 1.4.1 to 1.4.2

lib/modal_container.js

@@ -46,2 +46,3 @@ 'use strict';
  * @param {String} [props.backdropOutClassName=react-router-modal__backdrop--out] class name applied to backdrop before modal is hidden to allow for css transitions
+ * @param {String} [props.modalWrapperClassName=react-router-modal__wrapper] class name applied to backdrop before modal is hidden to allow for css transitions
  * @param {String} [props.outDelay=0] delay, in milliseconds to wait when closing modal, to allow for css transitions to complete before ripping it out of the DOM
@@ -166,2 +167,3 @@ *
           modalOutClassName = _props.modalOutClassName,
+          wrapperClassName = _props.wrapperClassName,
           outDelay = _props.outDelay;
@@ -191,2 +193,3 @@ var setIds = this.state.setIds;
             outDelay: outDelay,
+            wrapperClassName: wrapperClassName,
             backdropClassName: backdropClassName,
@@ -217,2 +220,3 @@ backdropInClassName: backdropInClassName,
   containerClassName: 'react-router-modal__container',
+  wrapperClassName: 'react-router-modal__wrapper',
   bodyModalOpenClassName: 'react-router-modal__modal-open'
@@ -219,0 +223,0 @@ };

lib/modal_set_container.js

@@ -70,3 +70,4 @@ 'use strict';
           modalInClassName = _props.modalInClassName,
-          modalOutClassName = _props.modalOutClassName;
+          modalOutClassName = _props.modalOutClassName,
+          wrapperClassName = _props.wrapperClassName;
       var modals = this.state.modals;
@@ -95,2 +96,3 @@
             onBackdropClick: m.info.onBackdropClick,
+            wrapperClassName: wrapperClassName,
             component: m.info.component,
@@ -97,0 +99,0 @@ props: m.info.props || {},

lib/modal_with_backdrop.js

@@ -88,3 +88,4 @@ 'use strict';
           modalInClassName = _props.modalInClassName,
-          modalOutClassName = _props.modalOutClassName;
+          modalOutClassName = _props.modalOutClassName,
+          wrapperClassName = _props.wrapperClassName;
 
@@ -99,3 +100,3 @@
         'div',
-        null,
+        { className: wrapperClassName },
         _react2.default.createElement('div', { className: calculatedBackdropClassName, onClick: onBackdropClick }),
@@ -102,0 +103,0 @@ _react2.default.createElement(

package.json

 {
   "name": "react-router-modal",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "description": "simple react router modal",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

README.md

@@ -145,2 +145,3 @@ <!-- Generated by documentation.js. Update this documentation by updating the source code. -->
     -   `props.backdropOutClassName` **[String](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String)** class name applied to backdrop before modal is hidden to allow for css transitions (optional, default `react-router-modal__backdrop--out`)
+    -   `props.modalWrapperClassName` **[String](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String)** class name applied to backdrop before modal is hidden to allow for css transitions (optional, default `react-router-modal__wrapper`)
     -   `props.outDelay` **[String](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String)** delay, in milliseconds to wait when closing modal, to allow for css transitions to complete before ripping it out of the DOM (optional, default `0`)
@@ -147,0 +148,0 @@

No alert changes

Improved metrics

Total package byte prevSize

264671

increased by0.54%

Lines of code

908

increased by1.45%

Number of lines in readme file

303

increased by0.33%

No dependency changes