@elliemae/ds-portal 3.36.0-rc.0 → 3.37.0-next.0

package/dist/cjs/DSPortal.js

@@ -68,8 +68,7 @@ class DSPortal extends import_react.Component {
     }
   }
   createPortalContainer() {
-    if (!import_ds_utilities.DOCUMENT)
-      return null;
+    if (!import_ds_utilities.DOCUMENT) return null;
     const { className } = this.props;
     const { cssClassName } = (0, import_ds_classnames.convertPropToCssClassName)(blockName, className);
     const container = import_ds_utilities.DOCUMENT.createElement("div");

package/dist/cjs/DSPortal.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/DSPortal.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "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';\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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8DgC;AA7DvD,mBAAiC;AACjC,uBAAqB;AACrB,2BAA0C;AAC1C,0BAAqC;AAErC,MAAM,YAAY;AAElB,MAAM,sBAAkB,gCAAW,iBAAAA,QAAS,YAAY;AAIxD,MAAM,iBAAiB,uBAAU;AAAA,EAI/B,YAAY,OAAO;AACjB,UAAM,KAAK;AAOb;AAAA,iBAAQ,EAAE,WAAW,MAAM;AALzB,SAAK,wBAAwB,KAAK,sBAAsB,KAAK,IAAI;AACjE,SAAK,iBAAiB,KAAK,eAAe,KAAK,IAAI;AAAA,EACrD;AAAA,EAKA,oBAAoB;AAClB,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,SAAK,WAAW,KAAK,sBAAsB;AAC3C,QAAI,gCAAY,KAAK,UAAU;AAC7B,mCAAS,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;AAAU,aAAO;AAEtB,UAAM,EAAE,UAAU,IAAI,KAAK;AAC3B,UAAM,EAAE,aAAa,QAAI,gDAA0B,WAAW,SAAS;AACvE,UAAM,YAAY,6BAAS,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;AAAA;AA1DM,SAEG,eAAe,EAAE,UAAU,MAAM,KAAK;AA0D/C,IAAO,mBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8DgC;AA7DvD,mBAAiC;AACjC,uBAAqB;AACrB,2BAA0C;AAC1C,0BAAqC;AAErC,MAAM,YAAY;AAElB,MAAM,sBAAkB,gCAAW,iBAAAA,QAAS,YAAY;AAIxD,MAAM,iBAAiB,uBAAU;AAAA,EAI/B,YAAY,OAAO;AACjB,UAAM,KAAK;AAOb;AAAA,iBAAQ,EAAE,WAAW,MAAM;AALzB,SAAK,wBAAwB,KAAK,sBAAsB,KAAK,IAAI;AACjE,SAAK,iBAAiB,KAAK,eAAe,KAAK,IAAI;AAAA,EACrD;AAAA,EAKA,oBAAoB;AAClB,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,SAAK,WAAW,KAAK,sBAAsB;AAC3C,QAAI,gCAAY,KAAK,UAAU;AAC7B,mCAAS,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,6BAAU,QAAO;AAEtB,UAAM,EAAE,UAAU,IAAI,KAAK;AAC3B,UAAM,EAAE,aAAa,QAAI,gDAA0B,WAAW,SAAS;AACvE,UAAM,YAAY,6BAAS,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;AAAA;AA1DM,SAEG,eAAe,EAAE,UAAU,MAAM,KAAK;AA0D/C,IAAO,mBAAQ;",
   "names": ["ReactDOM"]
 }

package/dist/esm/DSPortal.js

@@ -34,8 +34,7 @@ class DSPortal extends Component {
     }
   }
   createPortalContainer() {
-    if (!DOCUMENT)
-      return null;
+    if (!DOCUMENT) return null;
     const { className } = this.props;
     const { cssClassName } = convertPropToCssClassName(blockName, className);
     const container = DOCUMENT.createElement("div");

package/dist/esm/DSPortal.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSPortal.tsx"],
   "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, DOCUMENT } from '@elliemae/ds-utilities';\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"],
-  "mappings": "AAAA,YAAY,WAAW;AC8DgC;AA7DvD,SAAgB,iBAAiB;AACjC,OAAO,cAAc;AACrB,SAAS,iCAAiC;AAC1C,SAAS,YAAY,gBAAgB;AAErC,MAAM,YAAY;AAElB,MAAM,kBAAkB,WAAW,SAAS,YAAY;AAIxD,MAAM,iBAAiB,UAAU;AAAA,EAI/B,YAAY,OAAO;AACjB,UAAM,KAAK;AAOb;AAAA,iBAAQ,EAAE,WAAW,MAAM;AALzB,SAAK,wBAAwB,KAAK,sBAAsB,KAAK,IAAI;AACjE,SAAK,iBAAiB,KAAK,eAAe,KAAK,IAAI;AAAA,EACrD;AAAA,EAKA,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;AAAU,aAAO;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;AAAA;AA1DM,SAEG,eAAe,EAAE,UAAU,MAAM,KAAK;AA0D/C,IAAO,mBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;AC8DgC;AA7DvD,SAAgB,iBAAiB;AACjC,OAAO,cAAc;AACrB,SAAS,iCAAiC;AAC1C,SAAS,YAAY,gBAAgB;AAErC,MAAM,YAAY;AAElB,MAAM,kBAAkB,WAAW,SAAS,YAAY;AAIxD,MAAM,iBAAiB,UAAU;AAAA,EAI/B,YAAY,OAAO;AACjB,UAAM,KAAK;AAOb;AAAA,iBAAQ,EAAE,WAAW,MAAM;AALzB,SAAK,wBAAwB,KAAK,sBAAsB,KAAK,IAAI;AACjE,SAAK,iBAAiB,KAAK,eAAe,KAAK,IAAI;AAAA,EACrD;AAAA,EAKA,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;AAAA;AA1DM,SAEG,eAAe,EAAE,UAAU,MAAM,KAAK;AA0D/C,IAAO,mBAAQ;",
   "names": []
 }

package/dist/types/DSPortal.d.ts

@@ -0,0 +1,18 @@
+import React, { Component } from 'react';
+declare class DSPortal extends Component {
+    static defaultProps: {
+        onRender: () => null;
+    };
+    constructor(props: any);
+    state: {
+        isMounted: boolean;
+    };
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    createPortalContainer(): HTMLDivElement | null;
+    renderNoPortal(): void;
+    render(): React.ReactPortal | null;
+}
+export { DSPortal };
+export default DSPortal;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-portal",
-  "version": "3.36.0-rc.0",
+  "version": "3.37.0-next.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Portal",
   "files": [
@@ -36,13 +36,13 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "3.36.0-rc.0",
-    "@elliemae/ds-utilities": "3.36.0-rc.0"
+    "@elliemae/ds-classnames": "3.37.0-next.0",
+    "@elliemae/ds-utilities": "3.37.0-next.0"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "~9.0.0-next.31",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.36.0-rc.0"
+    "@elliemae/ds-monorepo-devops": "3.37.0-next.0"
   },
   "peerDependencies": {
     "react": "^17.0.2",