@elliemae/ds-portal 3.49.0-rc.9 → 3.49.0
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/dist/cjs/DSPortal.js
CHANGED
|
@@ -42,13 +42,15 @@ const DOCUMENT = typeof document !== "undefined" ? document : null;
|
|
|
42
42
|
const blockName = "portal";
|
|
43
43
|
const canRenderPortal = (0, import_lodash.isFunction)(import_react_dom.default.createPortal);
|
|
44
44
|
class DSPortal extends import_react.Component {
|
|
45
|
+
// eslint-disable-next-line react/static-property-placement
|
|
46
|
+
static defaultProps = { onRender: () => null };
|
|
45
47
|
constructor(props) {
|
|
46
48
|
super(props);
|
|
47
|
-
// eslint-disable-next-line react/state-in-constructor
|
|
48
|
-
this.state = { isMounted: false };
|
|
49
49
|
this.createPortalContainer = this.createPortalContainer.bind(this);
|
|
50
50
|
this.renderNoPortal = this.renderNoPortal.bind(this);
|
|
51
51
|
}
|
|
52
|
+
// eslint-disable-next-line react/state-in-constructor
|
|
53
|
+
state = { isMounted: false };
|
|
52
54
|
componentDidMount() {
|
|
53
55
|
const { onRender } = this.props;
|
|
54
56
|
this.portalEl = this.createPortalContainer();
|
|
@@ -87,7 +89,5 @@ class DSPortal extends import_react.Component {
|
|
|
87
89
|
return !canRenderPortal || !isMounted ? null : import_react_dom.default.createPortal(children, this.portalEl);
|
|
88
90
|
}
|
|
89
91
|
}
|
|
90
|
-
// eslint-disable-next-line react/static-property-placement
|
|
91
|
-
DSPortal.defaultProps = { onRender: () => null };
|
|
92
92
|
var DSPortal_default = DSPortal;
|
|
93
93
|
//# sourceMappingURL=DSPortal.js.map
|
package/dist/cjs/DSPortal.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DSPortal.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { Component } from 'react';\nimport ReactDOM from 'react-dom';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { isFunction } from 'lodash';\n\nconst DOCUMENT = typeof document !== 'undefined' ? document : null;\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 constructor(props) {\n super(props);\n\n this.createPortalContainer = this.createPortalContainer.bind(this);\n this.renderNoPortal = this.renderNoPortal.bind(this);\n }\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(this, <div>{children}</div>, this.portalEl);\n }\n\n render() {\n const { children } = this.props;\n const { isMounted } = this.state;\n return !canRenderPortal || !isMounted ? null : ReactDOM.createPortal(children, this.portalEl);\n }\n}\nexport { DSPortal };\nexport default DSPortal;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgEgC;AA/DvD,mBAAiC;AACjC,uBAAqB;AACrB,2BAA0C;AAC1C,oBAA2B;AAE3B,MAAM,WAAW,OAAO,aAAa,cAAc,WAAW;AAE9D,MAAM,YAAY;AAElB,MAAM,sBAAkB,0BAAW,iBAAAA,QAAS,YAAY;AAIxD,MAAM,iBAAiB,uBAAU;AAAA,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgEgC;AA/DvD,mBAAiC;AACjC,uBAAqB;AACrB,2BAA0C;AAC1C,oBAA2B;AAE3B,MAAM,WAAW,OAAO,aAAa,cAAc,WAAW;AAE9D,MAAM,YAAY;AAElB,MAAM,sBAAkB,0BAAW,iBAAAA,QAAS,YAAY;AAIxD,MAAM,iBAAiB,uBAAU;AAAA;AAAA,EAE/B,OAAO,eAAe,EAAE,UAAU,MAAM,KAAK;AAAA,EAE7C,YAAY,OAAO;AACjB,UAAM,KAAK;AAEX,SAAK,wBAAwB,KAAK,sBAAsB,KAAK,IAAI;AACjE,SAAK,iBAAiB,KAAK,eAAe,KAAK,IAAI;AAAA,EACrD;AAAA;AAAA,EAGA,QAAQ,EAAE,WAAW,MAAM;AAAA,EAE3B,oBAAoB;AAClB,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,SAAK,WAAW,KAAK,sBAAsB;AAC3C,QAAI,YAAY,KAAK,UAAU;AAC7B,eAAS,KAAK,YAAY,KAAK,QAAQ;AACvC,eAAS;AACT,WAAK,SAAS,EAAE,WAAW,KAAK,CAAC;AAAA,IACnC;AAAA,EACF;AAAA,EAEA,qBAAqB;AACnB,QAAI,CAAC,iBAAiB;AACpB,WAAK,eAAe;AAAA,IACtB;AAAA,EACF;AAAA,EAEA,uBAAuB;AACrB,QAAI,KAAK,UAAU;AACjB,WAAK,SAAS,WAAW,YAAY,KAAK,QAAQ;AAAA,IACpD;AAAA,EACF;AAAA,EAEA,wBAAwB;AACtB,QAAI,CAAC,SAAU,QAAO;AAEtB,UAAM,EAAE,UAAU,IAAI,KAAK;AAC3B,UAAM,EAAE,aAAa,QAAI,gDAA0B,WAAW,SAAS;AACvE,UAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,cAAU,UAAU,IAAI,YAAY;AACpC,cAAU,aAAa,eAAe,QAAQ;AAE9C,WAAO;AAAA,EACT;AAAA,EAEA,iBAAiB;AACf,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,qBAAAA,QAAS,oCAAoC,MAAM,4CAAC,SAAK,UAAS,GAAQ,KAAK,QAAQ;AAAA,EACzF;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,UAAM,EAAE,UAAU,IAAI,KAAK;AAC3B,WAAO,CAAC,mBAAmB,CAAC,YAAY,OAAO,iBAAAA,QAAS,aAAa,UAAU,KAAK,QAAQ;AAAA,EAC9F;AACF;AAEA,IAAO,mBAAQ;",
|
|
6
6
|
"names": ["ReactDOM"]
|
|
7
7
|
}
|
package/dist/esm/DSPortal.js
CHANGED
|
@@ -8,13 +8,15 @@ const DOCUMENT = typeof document !== "undefined" ? document : null;
|
|
|
8
8
|
const blockName = "portal";
|
|
9
9
|
const canRenderPortal = isFunction(ReactDOM.createPortal);
|
|
10
10
|
class DSPortal extends Component {
|
|
11
|
+
// eslint-disable-next-line react/static-property-placement
|
|
12
|
+
static defaultProps = { onRender: () => null };
|
|
11
13
|
constructor(props) {
|
|
12
14
|
super(props);
|
|
13
|
-
// eslint-disable-next-line react/state-in-constructor
|
|
14
|
-
this.state = { isMounted: false };
|
|
15
15
|
this.createPortalContainer = this.createPortalContainer.bind(this);
|
|
16
16
|
this.renderNoPortal = this.renderNoPortal.bind(this);
|
|
17
17
|
}
|
|
18
|
+
// eslint-disable-next-line react/state-in-constructor
|
|
19
|
+
state = { isMounted: false };
|
|
18
20
|
componentDidMount() {
|
|
19
21
|
const { onRender } = this.props;
|
|
20
22
|
this.portalEl = this.createPortalContainer();
|
|
@@ -53,8 +55,6 @@ class DSPortal extends Component {
|
|
|
53
55
|
return !canRenderPortal || !isMounted ? null : ReactDOM.createPortal(children, this.portalEl);
|
|
54
56
|
}
|
|
55
57
|
}
|
|
56
|
-
// eslint-disable-next-line react/static-property-placement
|
|
57
|
-
DSPortal.defaultProps = { onRender: () => null };
|
|
58
58
|
var DSPortal_default = DSPortal;
|
|
59
59
|
export {
|
|
60
60
|
DSPortal,
|
package/dist/esm/DSPortal.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSPortal.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { Component } from 'react';\nimport ReactDOM from 'react-dom';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { isFunction } from 'lodash';\n\nconst DOCUMENT = typeof document !== 'undefined' ? document : null;\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 constructor(props) {\n super(props);\n\n this.createPortalContainer = this.createPortalContainer.bind(this);\n this.renderNoPortal = this.renderNoPortal.bind(this);\n }\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(this, <div>{children}</div>, this.portalEl);\n }\n\n render() {\n const { children } = this.props;\n const { isMounted } = this.state;\n return !canRenderPortal || !isMounted ? null : ReactDOM.createPortal(children, this.portalEl);\n }\n}\nexport { DSPortal };\nexport default DSPortal;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACgEgC;AA/DvD,SAAgB,iBAAiB;AACjC,OAAO,cAAc;AACrB,SAAS,iCAAiC;AAC1C,SAAS,kBAAkB;AAE3B,MAAM,WAAW,OAAO,aAAa,cAAc,WAAW;AAE9D,MAAM,YAAY;AAElB,MAAM,kBAAkB,WAAW,SAAS,YAAY;AAIxD,MAAM,iBAAiB,UAAU;AAAA,
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACgEgC;AA/DvD,SAAgB,iBAAiB;AACjC,OAAO,cAAc;AACrB,SAAS,iCAAiC;AAC1C,SAAS,kBAAkB;AAE3B,MAAM,WAAW,OAAO,aAAa,cAAc,WAAW;AAE9D,MAAM,YAAY;AAElB,MAAM,kBAAkB,WAAW,SAAS,YAAY;AAIxD,MAAM,iBAAiB,UAAU;AAAA;AAAA,EAE/B,OAAO,eAAe,EAAE,UAAU,MAAM,KAAK;AAAA,EAE7C,YAAY,OAAO;AACjB,UAAM,KAAK;AAEX,SAAK,wBAAwB,KAAK,sBAAsB,KAAK,IAAI;AACjE,SAAK,iBAAiB,KAAK,eAAe,KAAK,IAAI;AAAA,EACrD;AAAA;AAAA,EAGA,QAAQ,EAAE,WAAW,MAAM;AAAA,EAE3B,oBAAoB;AAClB,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,SAAK,WAAW,KAAK,sBAAsB;AAC3C,QAAI,YAAY,KAAK,UAAU;AAC7B,eAAS,KAAK,YAAY,KAAK,QAAQ;AACvC,eAAS;AACT,WAAK,SAAS,EAAE,WAAW,KAAK,CAAC;AAAA,IACnC;AAAA,EACF;AAAA,EAEA,qBAAqB;AACnB,QAAI,CAAC,iBAAiB;AACpB,WAAK,eAAe;AAAA,IACtB;AAAA,EACF;AAAA,EAEA,uBAAuB;AACrB,QAAI,KAAK,UAAU;AACjB,WAAK,SAAS,WAAW,YAAY,KAAK,QAAQ;AAAA,IACpD;AAAA,EACF;AAAA,EAEA,wBAAwB;AACtB,QAAI,CAAC,SAAU,QAAO;AAEtB,UAAM,EAAE,UAAU,IAAI,KAAK;AAC3B,UAAM,EAAE,aAAa,IAAI,0BAA0B,WAAW,SAAS;AACvE,UAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,cAAU,UAAU,IAAI,YAAY;AACpC,cAAU,aAAa,eAAe,QAAQ;AAE9C,WAAO;AAAA,EACT;AAAA,EAEA,iBAAiB;AACf,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,aAAS,oCAAoC,MAAM,oBAAC,SAAK,UAAS,GAAQ,KAAK,QAAQ;AAAA,EACzF;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,UAAM,EAAE,UAAU,IAAI,KAAK;AAC3B,WAAO,CAAC,mBAAmB,CAAC,YAAY,OAAO,SAAS,aAAa,UAAU,KAAK,QAAQ;AAAA,EAC9F;AACF;AAEA,IAAO,mBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-portal",
|
|
3
|
-
"version": "3.49.0
|
|
3
|
+
"version": "3.49.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Portal",
|
|
6
6
|
"files": [
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
"url": "https://git.elliemae.io/platform-ui/dimsum.git"
|
|
26
26
|
},
|
|
27
27
|
"engines": {
|
|
28
|
-
"pnpm": ">=
|
|
29
|
-
"node": ">=
|
|
28
|
+
"pnpm": ">=9",
|
|
29
|
+
"node": ">=22"
|
|
30
30
|
},
|
|
31
31
|
"author": "ICE MT",
|
|
32
32
|
"jestSonar": {
|
|
@@ -36,12 +36,14 @@
|
|
|
36
36
|
"indent": 4
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@elliemae/ds-classnames": "3.49.0
|
|
39
|
+
"@elliemae/ds-classnames": "3.49.0"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
42
|
"@elliemae/pui-cli": "9.0.0-next.50",
|
|
43
|
+
"jest": "~29.7.0",
|
|
44
|
+
"jest-cli": "~29.7.0",
|
|
43
45
|
"styled-components": "~5.3.9",
|
|
44
|
-
"@elliemae/ds-monorepo-devops": "3.49.0
|
|
46
|
+
"@elliemae/ds-monorepo-devops": "3.49.0"
|
|
45
47
|
},
|
|
46
48
|
"peerDependencies": {
|
|
47
49
|
"react": "^17.0.2",
|