Removed BrowserModal indirection and merged BrowserModal w/ Modal

- fixes #35
- Added prop `className` to `Modal` (fixes #50) - Added prop `wrapperClassName` to `Modal`
- Added prop `modalClassName` to `Modal.Dialog`
- Added node 9 to supported development engines

Author: Jyrno42

CHANGELOG.md

@@ -22,6 +22,15 @@
 
 <!-- END doctoc generated TOC please keep comment here to allow auto update -->
 
+### v0.9.0-dev
+
+- Removed BrowserModal indirection and merged BrowserModal w/ Modal (fixes #35)
+- Added prop `className` to `Modal` (fixes #50)
+- Added prop `wrapperClassName` to `Modal`
+- Added prop `modalClassName` to `Modal.Dialog`
+- Added node 9 to supported development engines
+
+
 ### v0.8.0
 
 - :exclamation: Drop support for react `0.14`

README.md

@@ -67,7 +67,9 @@ This will render a static modal, which cannot be hidden by the user.
 | onToggle            | func   | Function called after the modal is toggled. `function (isOpen, props) { }` 
 | transitionName      | string | Name of animation to use for open/close (to see how to define custom ones, see default styles) [default: tg-modal-fade]
 | transitionDuration  | int    | Duration of the transition in milliseconds [default: 300]
+| className           | string | Extra classnames to use for modal [default: ``]
 | dialogClassName     | string | Classname to use for `ModalDialog` [default: tg-modal-dialog]
+| wrapperClassName    | string | Extra classnames to use for modal wrapper [default: ``]
 
 Props not specified here are considered internal, and are prone to change.
 

collect.js

@@ -11,7 +11,7 @@ var fs = require('fs');
  */
 function transformFile(contents) {
     // Show prettier import paths
-    contents = contents.replace('../../../src/browser', 'tg-modal');
+    contents = contents.replace('../../../src/components/Modal', 'tg-modal');
 
     return contents;
 }

examples/components/Serverside.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 
-import Modal from '../../src/browser';
+import Modal from '../../src/components/Modal';
 
 
 // Kiosk is like store+actions in the same class

examples/components/examples/Basic.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 
-import Modal from '../../../src/browser';
+import Modal from '../../../src/components/Modal';
 
 
 class BasicModalExample extends Component {

examples/components/examples/BasicConfirm.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 
-import Modal from '../../../src/browser';
+import Modal from '../../../src/components/Modal';
 
 
 class BasicConfirmModalExample extends Component {

examples/components/examples/Confirm.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 
-import Modal from '../../../src/browser';
+import Modal from '../../../src/components/Modal';
 
 
 class ConfirmModalExample extends Component {

examples/components/examples/Long.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 
-import Modal from '../../../src/browser';
+import Modal from '../../../src/components/Modal';
 
 
 class LongModalExample extends Component {

examples/components/examples/Markdown.js

@@ -5,7 +5,7 @@ import ReactMarkdown from 'react-markdown';
 
 import theMarkdown from '../../files/example.md';
 
-import Modal from '../../../src/browser';
+import Modal from '../../../src/components/Modal';
 
 
 class MarkdownModalExample extends Component {

examples/components/examples/NestedLong.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 
 import classNames from 'classnames';
 
-import Modal from '../../../src/browser';
+import Modal from '../../../src/components/Modal';
 
 
 class LongNestedModalExample extends Component {

examples/components/examples/ReduxModal.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { connect, Provider } from 'react-redux';
 import { createStore } from 'redux';
 
-import Modal from '../../../src/browser';
+import Modal from '../../../src/components/Modal';
 
 
 // redux actions and types

examples/components/examples/Simple.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 
-import Modal from '../../../src/browser';
+import Modal from '../../../src/components/Modal';
 
 
 class SimpleModalExample extends Component {

examples/components/examples/WithComponents.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types'
 
-import Modal from '../../../src/browser';
+import Modal from '../../../src/components/Modal';
 
 
 class WithComponentsModalExample extends Component {

package-lock.json

@@ -113,7 +113,7 @@
     "check-engine": "node node_modules/fbjs-scripts/node/check-dev-engines.js package.json"
   },
   "devEngines": {
-    "node": "4.x || 5.x || 6.x || 7.x || 8.x",
+    "node": "4.x || 5.x || 6.x || 7.x || 8.x || 9.x",
     "npm": "2.x || 3.x || 4.x || 5.x"
   },
   "nyc": {