@elliemae/ds-portal 3.32.1-rc.7 → 3.33.0-next.0

package/dist/cjs/DSPortal.js

@@ -0,0 +1,93 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSPortal_exports = {};
+__export(DSPortal_exports, {
+  DSPortal: () => DSPortal,
+  default: () => DSPortal_default
+});
+module.exports = __toCommonJS(DSPortal_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_react_dom = __toESM(require("react-dom"));
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+const blockName = "portal";
+const canRenderPortal = (0, import_ds_utilities.isFunction)(import_react_dom.default.createPortal);
+class DSPortal extends import_react.Component {
+  constructor(props) {
+    super(props);
+    // eslint-disable-next-line react/state-in-constructor
+    this.state = { isMounted: false };
+    this.createPortalContainer = this.createPortalContainer.bind(this);
+    this.renderNoPortal = this.renderNoPortal.bind(this);
+  }
+  componentDidMount() {
+    const { onRender } = this.props;
+    this.portalEl = this.createPortalContainer();
+    if (import_ds_utilities.DOCUMENT && this.portalEl) {
+      import_ds_utilities.DOCUMENT.body.appendChild(this.portalEl);
+      onRender();
+      this.setState({ isMounted: true });
+    }
+  }
+  componentDidUpdate() {
+    if (!canRenderPortal) {
+      this.renderNoPortal();
+    }
+  }
+  componentWillUnmount() {
+    if (this.portalEl) {
+      this.portalEl.parentNode.removeChild(this.portalEl);
+    }
+  }
+  createPortalContainer() {
+    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");
+    container.classList.add(cssClassName);
+    container.setAttribute("data-testid", "portal");
+    return container;
+  }
+  renderNoPortal() {
+    const { children } = this.props;
+    import_react_dom.default.unstable_renderSubtreeIntoContainer(this, /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children }), this.portalEl);
+  }
+  render() {
+    const { children } = this.props;
+    const { isMounted } = this.state;
+    return !canRenderPortal || !isMounted ? null : import_react_dom.default.createPortal(children, this.portalEl);
+  }
+}
+// eslint-disable-next-line react/static-property-placement
+DSPortal.defaultProps = { onRender: () => null };
+var DSPortal_default = DSPortal;
+//# sourceMappingURL=DSPortal.js.map

package/dist/cjs/DSPortal.js.map

@@ -0,0 +1,7 @@
+{
+  "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;",
+  "names": ["ReactDOM"]
+}

package/dist/cjs/index.js

@@ -29,10 +29,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 __export(src_exports, {
-  default: () => import_ds_legacy_portal.default
+  default: () => import_DSPortal.default
 });
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-__reExport(src_exports, require("@elliemae/ds-legacy-portal"), module.exports);
-var import_ds_legacy_portal = __toESM(require("@elliemae/ds-legacy-portal"));
+__reExport(src_exports, require("./DSPortal.js"), module.exports);
+var import_DSPortal = __toESM(require("./DSPortal.js"));
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from '@elliemae/ds-legacy-portal';\nexport { default } from '@elliemae/ds-legacy-portal';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,uCAAd;AACA,8BAAwB;",
+  "sourcesContent": ["export * from './DSPortal.js';\nexport { default } from './DSPortal.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,0BAAd;AACA,sBAAwB;",
   "names": []
 }

package/dist/esm/DSPortal.js

@@ -0,0 +1,63 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { Component } from "react";
+import ReactDOM from "react-dom";
+import { convertPropToCssClassName } from "@elliemae/ds-classnames";
+import { isFunction, DOCUMENT } from "@elliemae/ds-utilities";
+const blockName = "portal";
+const canRenderPortal = isFunction(ReactDOM.createPortal);
+class DSPortal extends Component {
+  constructor(props) {
+    super(props);
+    // eslint-disable-next-line react/state-in-constructor
+    this.state = { isMounted: false };
+    this.createPortalContainer = this.createPortalContainer.bind(this);
+    this.renderNoPortal = this.renderNoPortal.bind(this);
+  }
+  componentDidMount() {
+    const { onRender } = this.props;
+    this.portalEl = this.createPortalContainer();
+    if (DOCUMENT && this.portalEl) {
+      DOCUMENT.body.appendChild(this.portalEl);
+      onRender();
+      this.setState({ isMounted: true });
+    }
+  }
+  componentDidUpdate() {
+    if (!canRenderPortal) {
+      this.renderNoPortal();
+    }
+  }
+  componentWillUnmount() {
+    if (this.portalEl) {
+      this.portalEl.parentNode.removeChild(this.portalEl);
+    }
+  }
+  createPortalContainer() {
+    if (!DOCUMENT)
+      return null;
+    const { className } = this.props;
+    const { cssClassName } = convertPropToCssClassName(blockName, className);
+    const container = DOCUMENT.createElement("div");
+    container.classList.add(cssClassName);
+    container.setAttribute("data-testid", "portal");
+    return container;
+  }
+  renderNoPortal() {
+    const { children } = this.props;
+    ReactDOM.unstable_renderSubtreeIntoContainer(this, /* @__PURE__ */ jsx("div", { children }), this.portalEl);
+  }
+  render() {
+    const { children } = this.props;
+    const { isMounted } = this.state;
+    return !canRenderPortal || !isMounted ? null : ReactDOM.createPortal(children, this.portalEl);
+  }
+}
+// eslint-disable-next-line react/static-property-placement
+DSPortal.defaultProps = { onRender: () => null };
+var DSPortal_default = DSPortal;
+export {
+  DSPortal,
+  DSPortal_default as default
+};
+//# sourceMappingURL=DSPortal.js.map

package/dist/esm/DSPortal.js.map

@@ -0,0 +1,7 @@
+{
+  "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;",
+  "names": []
+}

package/dist/esm/index.js

@@ -1,6 +1,6 @@
 import * as React from "react";
-export * from "@elliemae/ds-legacy-portal";
-import { default as default2 } from "@elliemae/ds-legacy-portal";
+export * from "./DSPortal.js";
+import { default as default2 } from "./DSPortal.js";
 export {
   default2 as default
 };

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from '@elliemae/ds-legacy-portal';\nexport { default } from '@elliemae/ds-legacy-portal';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSPortal.js';\nexport { default } from './DSPortal.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,SAAS,WAAAA,gBAAe;",
   "names": ["default"]
 }

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/dist/types/index.d.ts

@@ -1,2 +1,2 @@
-export * from '@elliemae/ds-legacy-portal';
-export { default } from '@elliemae/ds-legacy-portal';
+export * from './DSPortal.js';
+export { default } from './DSPortal.js';

package/package.json

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