se-material-ui 0.20.2 → 0.20.4

package/Dialog/Dialog.js

@@ -477,7 +477,7 @@ var Dialog = function (_Component3) {
   _createClass(Dialog, [{
     key: 'render',
     value: function render() {
-      return _react2.default.createElement(_RenderToLayer2.default, { render: this.renderLayer, open: true, useLayerForClickAway: false });
+      return _react2.default.createElement(_RenderToLayer2.default, { container: this.props.container, render: this.renderLayer, open: true, useLayerForClickAway: false });
     }
   }]);
 
@@ -523,6 +523,9 @@ Dialog.propTypes = {
    * @ignore
    */
   className: _propTypes2.default.string,
+
+  container: _propTypes2.default.any,
+
   /**
    * The `className` to add to the content container.
    */
@@ -590,6 +593,7 @@ Dialog.defaultProps = {
   autoDetectWindowHeight: true,
   autoScrollBodyContent: false,
   modal: false,
-  repositionOnUpdate: true
+  repositionOnUpdate: true,
+  container: document.body
 };
 exports.default = Dialog;

package/README.md

@@ -1,7 +1,9 @@
 This fork includes the following changes:
 
-- Package name changed to se-material-ui
-- Babel config was updated to remove transform-runtime
+- The package name has been updated to **se-material-ui**.
+- The `transform-runtime` plugin was removed from the Babel configuration to ensure compatibility with projects using Babel v7.
+- The `transform-react-remove-prop-types` plugin was removed from the Babel configuration because it caused build errors.
+- Added a `container` prop to `<RenderToLayer />`.
 
 #### Note
 

package/internal/RenderToLayer.js

@@ -95,8 +95,11 @@ var RenderToLayer = function (_Component) {
         window.removeEventListener('click', this.onClickAway);
       }
 
+      var container = this.props.container;
       (0, _reactDom.unmountComponentAtNode)(this.layer);
-      document.body.removeChild(this.layer);
+      if (this.layer.parentNode === container) {
+        this.props.container.removeChild(this.layer);
+      }
       this.layer = null;
     }
 
@@ -114,13 +117,14 @@ var RenderToLayer = function (_Component) {
 
       var _props = this.props,
           open = _props.open,
-          render = _props.render;
+          render = _props.render,
+          container = _props.container;
 
 
       if (open) {
         if (!this.layer) {
           this.layer = document.createElement('div');
-          document.body.appendChild(this.layer);
+          container.appendChild(this.layer);
 
           if (this.props.useLayerForClickAway) {
             this.layer.addEventListener('click', this.onClickAway);
@@ -155,12 +159,14 @@ var RenderToLayer = function (_Component) {
 
 RenderToLayer.propTypes = {
   componentClickAway: _propTypes2.default.func,
+  container: _propTypes2.default.any,
   open: _propTypes2.default.bool.isRequired,
   render: _propTypes2.default.func.isRequired,
   useLayerForClickAway: _propTypes2.default.bool
 };
 RenderToLayer.defaultProps = {
-  useLayerForClickAway: true
+  useLayerForClickAway: true,
+  container: document.body
 };
 RenderToLayer.contextTypes = {
   muiTheme: _propTypes2.default.object.isRequired

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "se-material-ui",
   "author": "Material-UI Team",
-  "version": "0.20.2",
+  "version": "0.20.4",
   "description": "React Components that Implement Google's Material Design.",
   "main": "./index.js",
   "module": "./index.es.js",