@elliemae/ds-portal 1.56.1 → 1.57.0-rc.11
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/cjs/DSPortal.js +6 -7
- package/cjs/DSPortal.js.map +1 -1
- package/cjs/index.js +1 -2
- package/cjs/index.js.map +1 -1
- package/esm/DSPortal.js +1 -2
- package/esm/DSPortal.js.map +1 -1
- package/esm/index.js +1 -2
- package/esm/index.js.map +1 -1
- package/package.json +3 -3
package/cjs/DSPortal.js
CHANGED
|
@@ -12,8 +12,7 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
|
12
12
|
var React = require('react');
|
|
13
13
|
var ReactDOM = require('react-dom');
|
|
14
14
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
15
|
-
var
|
|
16
|
-
var platform = require('@elliemae/ds-utilities/platform');
|
|
15
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
17
16
|
require('./ie-remove-polyfill.js');
|
|
18
17
|
|
|
19
18
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -32,7 +31,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
|
|
|
32
31
|
|
|
33
32
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
34
33
|
var blockName = 'portal';
|
|
35
|
-
var canRenderPortal =
|
|
34
|
+
var canRenderPortal = dsUtilities.isFunction(ReactDOM__default['default'].createPortal); // TODO: If this is rendered on server, is going to break
|
|
36
35
|
|
|
37
36
|
var DSPortal = /*#__PURE__*/function (_Component) {
|
|
38
37
|
_inherits__default['default'](DSPortal, _Component);
|
|
@@ -63,8 +62,8 @@ var DSPortal = /*#__PURE__*/function (_Component) {
|
|
|
63
62
|
var onRender = this.props.onRender;
|
|
64
63
|
this.portalEl = this.createPortalContainer();
|
|
65
64
|
|
|
66
|
-
if (
|
|
67
|
-
|
|
65
|
+
if (dsUtilities.DOCUMENT && this.portalEl) {
|
|
66
|
+
dsUtilities.DOCUMENT.body.appendChild(this.portalEl);
|
|
68
67
|
onRender();
|
|
69
68
|
this.setState({
|
|
70
69
|
isMounted: true
|
|
@@ -88,13 +87,13 @@ var DSPortal = /*#__PURE__*/function (_Component) {
|
|
|
88
87
|
}, {
|
|
89
88
|
key: "createPortalContainer",
|
|
90
89
|
value: function createPortalContainer() {
|
|
91
|
-
if (!
|
|
90
|
+
if (!dsUtilities.DOCUMENT) return null;
|
|
92
91
|
var className = this.props.className;
|
|
93
92
|
|
|
94
93
|
var _convertPropToCssClas = dsClassnames.convertPropToCssClassName(blockName, className),
|
|
95
94
|
cssClassName = _convertPropToCssClas.cssClassName;
|
|
96
95
|
|
|
97
|
-
var container =
|
|
96
|
+
var container = dsUtilities.DOCUMENT.createElement('div');
|
|
98
97
|
container.classList.add(cssClassName);
|
|
99
98
|
container.setAttribute('data-testid', 'portal');
|
|
100
99
|
return container;
|
package/cjs/DSPortal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSPortal.js","sources":["../../src/DSPortal.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { Component } from 'react';\nimport ReactDOM from 'react-dom';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { isFunction
|
|
1
|
+
{"version":3,"file":"DSPortal.js","sources":["../../src/DSPortal.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { Component } from 'react';\nimport ReactDOM from 'react-dom';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { isFunction, DOCUMENT } from '@elliemae/ds-utilities';\nimport './ie-remove-polyfill';\n\nconst blockName = 'portal';\n\nconst canRenderPortal = isFunction(ReactDOM.createPortal);\n\n// TODO: If this is rendered on server, is going to break\n\nclass DSPortal extends Component {\n // eslint-disable-next-line react/static-property-placement\n static defaultProps = { onRender: () => null };\n\n // eslint-disable-next-line react/state-in-constructor\n state = { isMounted: false };\n\n componentDidMount() {\n const { onRender } = this.props;\n this.portalEl = this.createPortalContainer();\n if (DOCUMENT && this.portalEl) {\n DOCUMENT.body.appendChild(this.portalEl);\n onRender();\n this.setState({ isMounted: true });\n }\n }\n\n componentDidUpdate() {\n if (!canRenderPortal) {\n this.renderNoPortal();\n }\n }\n\n componentWillUnmount() {\n if (this.portalEl) {\n this.portalEl.parentNode.removeChild(this.portalEl);\n }\n }\n\n createPortalContainer() {\n if (!DOCUMENT) return null;\n\n const { className } = this.props;\n const { cssClassName } = convertPropToCssClassName(blockName, className);\n const container = DOCUMENT.createElement('div');\n container.classList.add(cssClassName);\n container.setAttribute('data-testid', 'portal');\n\n return container;\n }\n\n renderNoPortal() {\n const { children } = this.props;\n ReactDOM.unstable_renderSubtreeIntoContainer(\n this,\n <div>{children}</div>,\n this.portalEl,\n );\n }\n\n render() {\n const { children } = this.props;\n const { isMounted } = this.state;\n return !canRenderPortal || !isMounted\n ? null\n : ReactDOM.createPortal(children, this.portalEl);\n }\n}\nexport { DSPortal };\nexport default DSPortal;\n"],"names":["blockName","canRenderPortal","isFunction","ReactDOM","createPortal","DSPortal","isMounted","onRender","props","portalEl","createPortalContainer","DOCUMENT","body","appendChild","setState","renderNoPortal","parentNode","removeChild","className","convertPropToCssClassName","cssClassName","container","createElement","classList","add","setAttribute","children","unstable_renderSubtreeIntoContainer","React","state","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,SAAS,GAAG,QAAlB;AAEA,IAAMC,eAAe,GAAGC,sBAAU,CAACC,4BAAQ,CAACC,YAAV,CAAlC;;IAIMC;;;;;;;;;;;;;;;;oGAKI;AAAEC,MAAAA,SAAS,EAAE;AAAb;;;;;;;WAER,6BAAoB;AAClB,UAAQC,QAAR,GAAqB,KAAKC,KAA1B,CAAQD,QAAR;AACA,WAAKE,QAAL,GAAgB,KAAKC,qBAAL,EAAhB;;AACA,UAAIC,oBAAQ,IAAI,KAAKF,QAArB,EAA+B;AAC7BE,QAAAA,oBAAQ,CAACC,IAAT,CAAcC,WAAd,CAA0B,KAAKJ,QAA/B;AACAF,QAAAA,QAAQ;AACR,aAAKO,QAAL,CAAc;AAAER,UAAAA,SAAS,EAAE;AAAb,SAAd;AACD;AACF;;;WAED,8BAAqB;AACnB,UAAI,CAACL,eAAL,EAAsB;AACpB,aAAKc,cAAL;AACD;AACF;;;WAED,gCAAuB;AACrB,UAAI,KAAKN,QAAT,EAAmB;AACjB,aAAKA,QAAL,CAAcO,UAAd,CAAyBC,WAAzB,CAAqC,KAAKR,QAA1C;AACD;AACF;;;WAED,iCAAwB;AACtB,UAAI,CAACE,oBAAL,EAAe,OAAO,IAAP;AAEf,UAAQO,SAAR,GAAsB,KAAKV,KAA3B,CAAQU,SAAR;;AACA,kCAAyBC,sCAAyB,CAACnB,SAAD,EAAYkB,SAAZ,CAAlD;AAAA,UAAQE,YAAR,yBAAQA,YAAR;;AACA,UAAMC,SAAS,GAAGV,oBAAQ,CAACW,aAAT,CAAuB,KAAvB,CAAlB;AACAD,MAAAA,SAAS,CAACE,SAAV,CAAoBC,GAApB,CAAwBJ,YAAxB;AACAC,MAAAA,SAAS,CAACI,YAAV,CAAuB,aAAvB,EAAsC,QAAtC;AAEA,aAAOJ,SAAP;AACD;;;WAED,0BAAiB;AACf,UAAQK,QAAR,GAAqB,KAAKlB,KAA1B,CAAQkB,QAAR;AACAvB,MAAAA,4BAAQ,CAACwB,mCAAT,CACE,IADF,eAEEC,qDAAMF,QAAN,CAFF,EAGE,KAAKjB,QAHP;AAKD;;;WAED,kBAAS;AACP,UAAQiB,QAAR,GAAqB,KAAKlB,KAA1B,CAAQkB,QAAR;AACA,UAAQpB,SAAR,GAAsB,KAAKuB,KAA3B,CAAQvB,SAAR;AACA,aAAO,CAACL,eAAD,IAAoB,CAACK,SAArB,GACH,IADG,gBAEHH,4BAAQ,CAACC,YAAT,CAAsBsB,QAAtB,EAAgC,KAAKjB,QAArC,CAFJ;AAGD;;;;EAxDoBqB;;oCAAjBzB,0BAEkB;AAAEE,EAAAA,QAAQ,EAAE;AAAA,WAAM,IAAN;AAAA;AAAZ;;;;;"}
|
package/cjs/index.js
CHANGED
|
@@ -13,8 +13,7 @@ require('@babel/runtime/helpers/defineProperty');
|
|
|
13
13
|
require('react');
|
|
14
14
|
require('react-dom');
|
|
15
15
|
require('@elliemae/ds-classnames');
|
|
16
|
-
require('@elliemae/ds-utilities
|
|
17
|
-
require('@elliemae/ds-utilities/platform');
|
|
16
|
+
require('@elliemae/ds-utilities');
|
|
18
17
|
require('./ie-remove-polyfill.js');
|
|
19
18
|
|
|
20
19
|
|
package/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
|
package/esm/DSPortal.js
CHANGED
|
@@ -8,8 +8,7 @@ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
|
8
8
|
import React, { Component } from 'react';
|
|
9
9
|
import ReactDOM from 'react-dom';
|
|
10
10
|
import { convertPropToCssClassName } from '@elliemae/ds-classnames';
|
|
11
|
-
import { isFunction } from '@elliemae/ds-utilities
|
|
12
|
-
import { DOCUMENT } from '@elliemae/ds-utilities/platform';
|
|
11
|
+
import { isFunction, DOCUMENT } from '@elliemae/ds-utilities';
|
|
13
12
|
import './ie-remove-polyfill.js';
|
|
14
13
|
|
|
15
14
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
package/esm/DSPortal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSPortal.js","sources":["../../src/DSPortal.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { Component } from 'react';\nimport ReactDOM from 'react-dom';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { isFunction
|
|
1
|
+
{"version":3,"file":"DSPortal.js","sources":["../../src/DSPortal.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { Component } from 'react';\nimport ReactDOM from 'react-dom';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { isFunction, DOCUMENT } from '@elliemae/ds-utilities';\nimport './ie-remove-polyfill';\n\nconst blockName = 'portal';\n\nconst canRenderPortal = isFunction(ReactDOM.createPortal);\n\n// TODO: If this is rendered on server, is going to break\n\nclass DSPortal extends Component {\n // eslint-disable-next-line react/static-property-placement\n static defaultProps = { onRender: () => null };\n\n // eslint-disable-next-line react/state-in-constructor\n state = { isMounted: false };\n\n componentDidMount() {\n const { onRender } = this.props;\n this.portalEl = this.createPortalContainer();\n if (DOCUMENT && this.portalEl) {\n DOCUMENT.body.appendChild(this.portalEl);\n onRender();\n this.setState({ isMounted: true });\n }\n }\n\n componentDidUpdate() {\n if (!canRenderPortal) {\n this.renderNoPortal();\n }\n }\n\n componentWillUnmount() {\n if (this.portalEl) {\n this.portalEl.parentNode.removeChild(this.portalEl);\n }\n }\n\n createPortalContainer() {\n if (!DOCUMENT) return null;\n\n const { className } = this.props;\n const { cssClassName } = convertPropToCssClassName(blockName, className);\n const container = DOCUMENT.createElement('div');\n container.classList.add(cssClassName);\n container.setAttribute('data-testid', 'portal');\n\n return container;\n }\n\n renderNoPortal() {\n const { children } = this.props;\n ReactDOM.unstable_renderSubtreeIntoContainer(\n this,\n <div>{children}</div>,\n this.portalEl,\n );\n }\n\n render() {\n const { children } = this.props;\n const { isMounted } = this.state;\n return !canRenderPortal || !isMounted\n ? null\n : ReactDOM.createPortal(children, this.portalEl);\n }\n}\nexport { DSPortal };\nexport default DSPortal;\n"],"names":["blockName","canRenderPortal","isFunction","ReactDOM","createPortal","DSPortal","isMounted","onRender","props","portalEl","createPortalContainer","DOCUMENT","body","appendChild","setState","renderNoPortal","parentNode","removeChild","className","convertPropToCssClassName","cssClassName","container","createElement","classList","add","setAttribute","children","unstable_renderSubtreeIntoContainer","state","Component"],"mappings":";;;;;;;;;;;;;;;;AAOA,IAAMA,SAAS,GAAG,QAAlB;AAEA,IAAMC,eAAe,GAAGC,UAAU,CAACC,QAAQ,CAACC,YAAV,CAAlC;;IAIMC;;;;;;;;;;;;;;;;4DAKI;AAAEC,MAAAA,SAAS,EAAE;AAAb;;;;;;;WAER,6BAAoB;AAClB,UAAQC,QAAR,GAAqB,KAAKC,KAA1B,CAAQD,QAAR;AACA,WAAKE,QAAL,GAAgB,KAAKC,qBAAL,EAAhB;;AACA,UAAIC,QAAQ,IAAI,KAAKF,QAArB,EAA+B;AAC7BE,QAAAA,QAAQ,CAACC,IAAT,CAAcC,WAAd,CAA0B,KAAKJ,QAA/B;AACAF,QAAAA,QAAQ;AACR,aAAKO,QAAL,CAAc;AAAER,UAAAA,SAAS,EAAE;AAAb,SAAd;AACD;AACF;;;WAED,8BAAqB;AACnB,UAAI,CAACL,eAAL,EAAsB;AACpB,aAAKc,cAAL;AACD;AACF;;;WAED,gCAAuB;AACrB,UAAI,KAAKN,QAAT,EAAmB;AACjB,aAAKA,QAAL,CAAcO,UAAd,CAAyBC,WAAzB,CAAqC,KAAKR,QAA1C;AACD;AACF;;;WAED,iCAAwB;AACtB,UAAI,CAACE,QAAL,EAAe,OAAO,IAAP;AAEf,UAAQO,SAAR,GAAsB,KAAKV,KAA3B,CAAQU,SAAR;;AACA,kCAAyBC,yBAAyB,CAACnB,SAAD,EAAYkB,SAAZ,CAAlD;AAAA,UAAQE,YAAR,yBAAQA,YAAR;;AACA,UAAMC,SAAS,GAAGV,QAAQ,CAACW,aAAT,CAAuB,KAAvB,CAAlB;AACAD,MAAAA,SAAS,CAACE,SAAV,CAAoBC,GAApB,CAAwBJ,YAAxB;AACAC,MAAAA,SAAS,CAACI,YAAV,CAAuB,aAAvB,EAAsC,QAAtC;AAEA,aAAOJ,SAAP;AACD;;;WAED,0BAAiB;AACf,UAAQK,QAAR,GAAqB,KAAKlB,KAA1B,CAAQkB,QAAR;AACAvB,MAAAA,QAAQ,CAACwB,mCAAT,CACE,IADF,eAEE,iCAAMD,QAAN,CAFF,EAGE,KAAKjB,QAHP;AAKD;;;WAED,kBAAS;AACP,UAAQiB,QAAR,GAAqB,KAAKlB,KAA1B,CAAQkB,QAAR;AACA,UAAQpB,SAAR,GAAsB,KAAKsB,KAA3B,CAAQtB,SAAR;AACA,aAAO,CAACL,eAAD,IAAoB,CAACK,SAArB,GACH,IADG,gBAEHH,QAAQ,CAACC,YAAT,CAAsBsB,QAAtB,EAAgC,KAAKjB,QAArC,CAFJ;AAGD;;;;EAxDoBoB;;gBAAjBxB,0BAEkB;AAAEE,EAAAA,QAAQ,EAAE;AAAA,WAAM,IAAN;AAAA;AAAZ;;;;"}
|
package/esm/index.js
CHANGED
|
@@ -9,7 +9,6 @@ import '@babel/runtime/helpers/esm/defineProperty';
|
|
|
9
9
|
import 'react';
|
|
10
10
|
import 'react-dom';
|
|
11
11
|
import '@elliemae/ds-classnames';
|
|
12
|
-
import '@elliemae/ds-utilities
|
|
13
|
-
import '@elliemae/ds-utilities/platform';
|
|
12
|
+
import '@elliemae/ds-utilities';
|
|
14
13
|
import './ie-remove-polyfill.js';
|
|
15
14
|
//# sourceMappingURL=index.js.map
|
package/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-portal",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.57.0-rc.11",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "Ellie Mae - Dim Sum - Portal",
|
|
6
6
|
"module": "esm/index.js",
|
|
@@ -16,8 +16,8 @@
|
|
|
16
16
|
"build": "node ../../scripts/build/build.js"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@elliemae/ds-classnames": "1.
|
|
20
|
-
"@elliemae/ds-utilities": "1.
|
|
19
|
+
"@elliemae/ds-classnames": "1.57.0-rc.11",
|
|
20
|
+
"@elliemae/ds-utilities": "1.57.0-rc.11"
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|
|
23
23
|
"react": "^17.0.1",
|