create Portal component

Author: Harris Robin Kalash

.rpt2_cache/0f24665b162ac8ff3a3acb6e8570838e0f229e0b/code/cache/0c1328355e57f90af3cdd0a6022dbdea8cd0b140

@@ -0,0 +1 @@
+{"code":"/**\r\n * @class ExampleComponent\r\n */\r\nimport * as tslib_1 from \"tslib\";\r\nimport * as React from 'react';\r\nimport styles from './styles.css';\r\nvar ExampleComponent = /** @class */ (function (_super) {\r\n    tslib_1.__extends(ExampleComponent, _super);\r\n    function ExampleComponent() {\r\n        return _super !== null && _super.apply(this, arguments) || this;\r\n    }\r\n    ExampleComponent.prototype.render = function () {\r\n        var text = this.props.text;\r\n        return (React.createElement(\"div\", { className: styles.test },\r\n            \"Example Component: \",\r\n            text));\r\n    };\r\n    return ExampleComponent;\r\n}(React.Component));\r\nexport default ExampleComponent;\r\n//# sourceMappingURL=index.js.map","map":"{\"version\":3,\"file\":\"index.js\",\"sourceRoot\":\"\",\"sources\":[\"src/index.tsx\"],\"names\":[],\"mappings\":\"AAAA;;GAEG;;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,MAAM,MAAM,cAAc,CAAA;AAIjC;IAA8C,4CAAsB;IAApE;;IAYA,CAAC;IAXC,iCAAM,GAAN;QAEI,IAAA,sBAAI,CACQ;QAEd,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI;;YACL,IAAI,CACpB,CACP,CAAA;IACH,CAAC;IACH,uBAAC;AAAD,CAAC,AAZD,CAA8C,KAAK,CAAC,SAAS,GAY5D\"}","dts":{"name":"/Users/harrisrobin/Workspace/oss/react-sidesheet/index.d.ts","text":"/**\r\n * @class ExampleComponent\r\n */\r\nimport * as React from 'react';\r\nexport declare type Props = {\r\n    text: string;\r\n};\r\nexport default class ExampleComponent extends React.Component<Props> {\r\n    render(): JSX.Element;\r\n}\r\n"}}

.rpt2_cache/0f24665b162ac8ff3a3acb6e8570838e0f229e0b/semanticDiagnostics/cache/0c1328355e57f90af3cdd0a6022dbdea8cd0b140

@@ -0,0 +1 @@
+[]

.rpt2_cache/0f24665b162ac8ff3a3acb6e8570838e0f229e0b/syntacticDiagnostics/cache/0c1328355e57f90af3cdd0a6022dbdea8cd0b140

@@ -0,0 +1 @@
+[]

.rpt2_cache/0f24665b162ac8ff3a3acb6e8570838e0f229e0b/types/cache/0c8d6b0779fc8dde9799c65e788028cff83373a4

@@ -0,0 +1 @@
+{"code":"/**\r\n * @class ExampleComponent\r\n */\r\nimport * as tslib_1 from \"tslib\";\r\nimport * as React from 'react';\r\nimport styles from './styles.css';\r\nvar ExampleComponent = /** @class */ (function (_super) {\r\n    tslib_1.__extends(ExampleComponent, _super);\r\n    function ExampleComponent() {\r\n        return _super !== null && _super.apply(this, arguments) || this;\r\n    }\r\n    ExampleComponent.prototype.render = function () {\r\n        var text = this.props.text;\r\n        return (React.createElement(\"div\", { className: styles.test },\r\n            \"Example Component: \",\r\n            text));\r\n    };\r\n    return ExampleComponent;\r\n}(React.Component));\r\nexport default ExampleComponent;\r\n//# sourceMappingURL=index.js.map","map":"{\"version\":3,\"file\":\"index.js\",\"sourceRoot\":\"\",\"sources\":[\"src/index.tsx\"],\"names\":[],\"mappings\":\"AAAA;;GAEG;;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,MAAM,MAAM,cAAc,CAAA;AAIjC;IAA8C,4CAAsB;IAApE;;IAYA,CAAC;IAXC,iCAAM,GAAN;QAEI,IAAA,sBAAI,CACQ;QAEd,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI;;YACL,IAAI,CACpB,CACP,CAAA;IACH,CAAC;IACH,uBAAC;AAAD,CAAC,AAZD,CAA8C,KAAK,CAAC,SAAS,GAY5D\"}","dts":{"name":"/Users/harrisrobin/Workspace/oss/react-sidesheet/index.d.ts","text":"/**\r\n * @class ExampleComponent\r\n */\r\nimport * as React from 'react';\r\nexport declare type Props = {\r\n    text: string;\r\n};\r\nexport default class ExampleComponent extends React.Component<Props> {\r\n    render(): JSX.Element;\r\n}\r\n"}}

.rpt2_cache/0f24665b162ac8ff3a3acb6e8570838e0f229e0b/types/cache/1b8f57f67c79335f28773c6e47de33f164097d3f

@@ -0,0 +1 @@
+[]

.rpt2_cache/0f24665b162ac8ff3a3acb6e8570838e0f229e0b/types/cache/1f0d3004567bfaf678d48a3ac7e0cd5ce4f833f3

@@ -0,0 +1 @@
+[]

.rpt2_cache/0f24665b162ac8ff3a3acb6e8570838e0f229e0b/types/cache/81177a67853c1091552bdd4a46fbd646eb7bea80

@@ -0,0 +1 @@
+{"code":"/**\r\n * @class ExampleComponent\r\n */\r\nimport * as tslib_1 from \"tslib\";\r\nimport * as React from 'react';\r\nimport styles from './styles.css';\r\nvar ExampleComponent = /** @class */ (function (_super) {\r\n    tslib_1.__extends(ExampleComponent, _super);\r\n    function ExampleComponent() {\r\n        return _super !== null && _super.apply(this, arguments) || this;\r\n    }\r\n    ExampleComponent.prototype.render = function () {\r\n        var text = this.props.text;\r\n        return (React.createElement(\"div\", { className: styles.test },\r\n            \"Example Component: \",\r\n            text));\r\n    };\r\n    return ExampleComponent;\r\n}(React.Component));\r\nexport default ExampleComponent;\r\n//# sourceMappingURL=index.js.map","map":"{\"version\":3,\"file\":\"index.js\",\"sourceRoot\":\"\",\"sources\":[\"src/index.tsx\"],\"names\":[],\"mappings\":\"AAAA;;GAEG;;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,MAAM,MAAM,cAAc,CAAA;AAIjC;IAA8C,4CAAsB;IAApE;;IAYA,CAAC;IAXC,iCAAM,GAAN;QAEI,IAAA,sBAAI,CACQ;QAEd,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI;;YACL,IAAI,CACpB,CACP,CAAA;IACH,CAAC;IACH,uBAAC;AAAD,CAAC,AAZD,CAA8C,KAAK,CAAC,SAAS,GAY5D\"}","dts":{"name":"/Users/harrisrobin/Workspace/oss/react-sidesheet/index.d.ts","text":"/**\r\n * @class ExampleComponent\r\n */\r\nimport * as React from 'react';\r\nexport declare type Props = {\r\n    text: string;\r\n};\r\nexport default class ExampleComponent extends React.Component<Props> {\r\n    render(): JSX.Element;\r\n}\r\n"}}

.rpt2_cache/0f24665b162ac8ff3a3acb6e8570838e0f229e0b/types/cache/8e67021bf05d92df6369c1fc280b133c3aa45ff1

@@ -0,0 +1 @@
+[]

.rpt2_cache/0f24665b162ac8ff3a3acb6e8570838e0f229e0b/types/cache/92d5cfa90f7d396a5a68ddc5a8bc87a1c7ad415a

@@ -0,0 +1 @@
+[]

.rpt2_cache/0f24665b162ac8ff3a3acb6e8570838e0f229e0b/types/cache/9fd7c61ee6cbf1c39f01ad78d9b5e68b63502b9e

@@ -0,0 +1 @@
+{"code":"/**\r\n * @class ExampleComponent\r\n */\r\nimport * as tslib_1 from \"tslib\";\r\nimport * as React from 'react';\r\nimport styles from './styles.css';\r\nvar ExampleComponent = /** @class */ (function (_super) {\r\n    tslib_1.__extends(ExampleComponent, _super);\r\n    function ExampleComponent() {\r\n        return _super !== null && _super.apply(this, arguments) || this;\r\n    }\r\n    ExampleComponent.prototype.render = function () {\r\n        var text = this.props.text;\r\n        return (React.createElement(\"div\", { className: styles.test },\r\n            \"Example Component: \",\r\n            text));\r\n    };\r\n    return ExampleComponent;\r\n}(React.Component));\r\nexport default ExampleComponent;\r\n//# sourceMappingURL=index.js.map","map":"{\"version\":3,\"file\":\"index.js\",\"sourceRoot\":\"\",\"sources\":[\"src/index.tsx\"],\"names\":[],\"mappings\":\"AAAA;;GAEG;;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,MAAM,MAAM,cAAc,CAAA;AAIjC;IAA8C,4CAAsB;IAApE;;IAYA,CAAC;IAXC,iCAAM,GAAN;QAEI,IAAA,sBAAI,CACQ;QAEd,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI;;YACL,IAAI,CACpB,CACP,CAAA;IACH,CAAC;IACH,uBAAC;AAAD,CAAC,AAZD,CAA8C,KAAK,CAAC,SAAS,GAY5D\"}","dts":{"name":"/Users/harrisrobin/Workspace/oss/react-sidesheet/index.d.ts","text":"/**\r\n * @class ExampleComponent\r\n */\r\nimport * as React from 'react';\r\nexport declare type Props = {\r\n    text: string;\r\n};\r\nexport default class ExampleComponent extends React.Component<Props> {\r\n    render(): JSX.Element;\r\n}\r\n"}}

.rpt2_cache/0f24665b162ac8ff3a3acb6e8570838e0f229e0b/types/cache/c61ee26be027ba63dd5a056637c6521682912864

@@ -0,0 +1 @@
+[]

.rpt2_cache/0f24665b162ac8ff3a3acb6e8570838e0f229e0b/types/cache/e73ed4c7ee96f40e4553ab3869d4ae5ffb8800fd

@@ -0,0 +1 @@
+[]

.rpt2_cache/66bc3a737e31228403d968355a2e1ecd508ac1ab/code/cache/0c1328355e57f90af3cdd0a6022dbdea8cd0b140

@@ -0,0 +1,3 @@
+{
+    "editor.formatOnSave": true
+}

.rpt2_cache/66bc3a737e31228403d968355a2e1ecd508ac1ab/semanticDiagnostics/cache/0c1328355e57f90af3cdd0a6022dbdea8cd0b140

@@ -21,16 +21,19 @@
     "predeploy": "cd example && yarn install && yarn run build",
     "deploy": "gh-pages -d example/build"
   },
-  "dependencies": {},
+  "dependencies": {
+    "dom-helpers": "^3.3.1"
+  },
   "peerDependencies": {
     "prop-types": "^15.5.4",
     "react": "^15.0.0 || ^16.0.0",
     "react-dom": "^15.0.0 || ^16.0.0"
   },
   "devDependencies": {
+    "@cw-types/dom-helpers": "^3.0.0",
     "@types/jest": "^23.1.5",
     "@types/react": "^16.3.13",
-    "@types/react-dom": "^16.0.5",
+    "@types/react-dom": "^16.0.7",
     "babel-core": "^6.26.3",
     "babel-runtime": "^6.26.0",
     "cross-env": "^5.1.4",

.rpt2_cache/66bc3a737e31228403d968355a2e1ecd508ac1ab/syntacticDiagnostics/cache/0c1328355e57f90af3cdd0a6022dbdea8cd0b140

@@ -0,0 +1,50 @@
+import * as React from "react";
+import * as canUseDom from "dom-helpers/util/inDOM";
+import * as ReactDOM from "react-dom";
+
+let portalContainer: HTMLElement;
+
+interface Props {
+  children: React.ReactNode;
+}
+
+class Portal extends React.PureComponent<Props> {
+  constructor(props: Props) {
+    super(props);
+    // This fixes SSR
+    if (!canUseDom) return;
+
+    if (!portalContainer) {
+      portalContainer = document.createElement("div");
+      portalContainer.setAttribute("evergreen-portal-container", "");
+      document.body.appendChild(portalContainer);
+    }
+  }
+
+  public static defaultProps: Props = {
+    children: () => {}
+  };
+
+  public static displayName = "react-sidesheet-portal";
+
+  el: HTMLElement = document.createElement("div");
+
+  public componentDidMount() {
+    portalContainer.appendChild(this.el);
+  }
+
+  public componentWillUnmount() {
+    portalContainer.removeChild(this.el);
+  }
+
+  public render() {
+    // this fixes ssr
+    if (!canUseDom) return null;
+
+    if (!this.props.children) throw new Error("children are mandatory!");
+
+    return ReactDOM.createPortal(this.props.children, this.el);
+  }
+}
+
+export default Portal;

.rpt2_cache/66bc3a737e31228403d968355a2e1ecd508ac1ab/types/cache/0c8d6b0779fc8dde9799c65e788028cff83373a4

@@ -0,0 +1 @@
+import * as React from "react";

.rpt2_cache/66bc3a737e31228403d968355a2e1ecd508ac1ab/types/cache/1b8f57f67c79335f28773c6e47de33f164097d3f

@@ -1,7 +1,7 @@
-import ExampleComponent from './'
+import ExampleComponent from "./";
 
-describe('ExampleComponent', () => {
-  it('is truthy', () => {
-    expect(ExampleComponent).toBeTruthy()
-  })
-})
+describe("ExampleComponent", () => {
+  it("is truthy", () => {
+    expect(ExampleComponent).toBeTruthy();
+  });
+});

.rpt2_cache/66bc3a737e31228403d968355a2e1ecd508ac1ab/types/cache/1f0d3004567bfaf678d48a3ac7e0cd5ce4f833f3

@@ -0,0 +1,3 @@
+declare module "dom-helpers/util/inDOM" {
+
+}

.rpt2_cache/66bc3a737e31228403d968355a2e1ecd508ac1ab/types/cache/38f3e04661adfddc7f478ea369f2f7c44bf70ad0

@@ -19,5 +19,9 @@
     "noUnusedParameters": true
   },
   "include": ["src"],
-  "exclude": ["node_modules", "build", "dist", "example", "rollup.config.js"]
+  "exclude": ["node_modules", "build", "dist", "example", "rollup.config.js"],
+  "typeRoots": [
+    "node_modules/@cw-types",
+    "node_modules/@types"
+  ]
 }

.rpt2_cache/66bc3a737e31228403d968355a2e1ecd508ac1ab/types/cache/81177a67853c1091552bdd4a46fbd646eb7bea80

@@ -16,6 +16,10 @@
     esutils "^2.0.2"
     js-tokens "^4.0.0"
 
+"@cw-types/dom-helpers@^3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@cw-types/dom-helpers/-/dom-helpers-3.0.0.tgz#6c6a0bb468af302849cde3b18576f924e88916fb"
+
 "@types/estree@0.0.39":
   version "0.0.39"
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.39.tgz#e177e699ee1b8c22d23174caaa7422644389509f"
@@ -38,7 +42,7 @@
   dependencies:
     "@types/react" "*"
 
-"@types/react-dom@^16.0.5":
+"@types/react-dom@^16.0.7":
   version "16.0.7"
   resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-16.0.7.tgz#54d0f867a76b90597e8432030d297982f25c20ba"
   dependencies:
@@ -2126,6 +2130,10 @@ dom-converter@~0.1:
   dependencies:
     utila "~0.3"
 
+dom-helpers@^3.3.1:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/dom-helpers/-/dom-helpers-3.3.1.tgz#fc1a4e15ffdf60ddde03a480a9c0fece821dd4a6"
+
 dom-serializer@0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-0.1.0.tgz#073c697546ce0780ce23be4a28e293e40bc30c82"