se-material-ui 0.20.2 → 0.20.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -2
- package/internal/RenderToLayer.js +10 -4
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
This fork includes the following changes:
|
|
2
2
|
|
|
3
|
-
-
|
|
4
|
-
-
|
|
3
|
+
- The package name has been updated to **se-material-ui**.
|
|
4
|
+
- The `transform-runtime` plugin was removed from the Babel configuration to ensure compatibility with projects using Babel v7.
|
|
5
|
+
- The `transform-react-remove-prop-types` plugin was removed from the Babel configuration because it caused build errors.
|
|
6
|
+
- Added a `container` prop to `<RenderToLayer />`.
|
|
5
7
|
|
|
6
8
|
#### Note
|
|
7
9
|
|
|
@@ -95,8 +95,11 @@ var RenderToLayer = function (_Component) {
|
|
|
95
95
|
window.removeEventListener('click', this.onClickAway);
|
|
96
96
|
}
|
|
97
97
|
|
|
98
|
+
var container = this.props.container;
|
|
98
99
|
(0, _reactDom.unmountComponentAtNode)(this.layer);
|
|
99
|
-
|
|
100
|
+
if (this.layer.parentNode === container) {
|
|
101
|
+
this.props.container.removeChild(this.layer);
|
|
102
|
+
}
|
|
100
103
|
this.layer = null;
|
|
101
104
|
}
|
|
102
105
|
|
|
@@ -114,13 +117,14 @@ var RenderToLayer = function (_Component) {
|
|
|
114
117
|
|
|
115
118
|
var _props = this.props,
|
|
116
119
|
open = _props.open,
|
|
117
|
-
render = _props.render
|
|
120
|
+
render = _props.render,
|
|
121
|
+
container = _props.container;
|
|
118
122
|
|
|
119
123
|
|
|
120
124
|
if (open) {
|
|
121
125
|
if (!this.layer) {
|
|
122
126
|
this.layer = document.createElement('div');
|
|
123
|
-
|
|
127
|
+
container.appendChild(this.layer);
|
|
124
128
|
|
|
125
129
|
if (this.props.useLayerForClickAway) {
|
|
126
130
|
this.layer.addEventListener('click', this.onClickAway);
|
|
@@ -155,12 +159,14 @@ var RenderToLayer = function (_Component) {
|
|
|
155
159
|
|
|
156
160
|
RenderToLayer.propTypes = {
|
|
157
161
|
componentClickAway: _propTypes2.default.func,
|
|
162
|
+
container: _propTypes2.default.any,
|
|
158
163
|
open: _propTypes2.default.bool.isRequired,
|
|
159
164
|
render: _propTypes2.default.func.isRequired,
|
|
160
165
|
useLayerForClickAway: _propTypes2.default.bool
|
|
161
166
|
};
|
|
162
167
|
RenderToLayer.defaultProps = {
|
|
163
|
-
useLayerForClickAway: true
|
|
168
|
+
useLayerForClickAway: true,
|
|
169
|
+
container: document.body
|
|
164
170
|
};
|
|
165
171
|
RenderToLayer.contextTypes = {
|
|
166
172
|
muiTheme: _propTypes2.default.object.isRequired
|
package/package.json
CHANGED