@stoplight/elements-core 9.0.10 → 9.0.11

package/index.esm.js

@@ -54,7 +54,6 @@ import omitBy from 'lodash/omitBy.js';
 import { QueryClient, useQueryClient, QueryClientProvider } from 'react-query';
 import { StaticRouter } from 'react-router-dom/server.js';
 import $RefParser from '@stoplight/json-schema-ref-parser';
-import * as PropTypes from 'prop-types';
 import isEqual from 'lodash/isEqual.js';
 import * as ReactDOM from 'react-dom';
 
@@ -4536,25 +4535,12 @@ const doBundle = (data, baseUrl) => {
     }
 };
 
-const scopeClassName = 'sl-elements';
-class Styled extends React.Component {
-    getChildContext() {
-        return {
-            blueprintPortalClassName: scopeClassName,
-        };
-    }
-    render() {
-        return (React.createElement(Box, { className: "sl-elements sl-antialiased", fontFamily: "ui", fontSize: "base", color: "body", h: "full" }, this.props.children));
-    }
-}
-Styled.childContextTypes = {
-    blueprintPortalClassName: PropTypes.string,
+const Styled = ({ children }) => {
+    return (React.createElement(Box, { className: "sl-elements sl-antialiased", fontFamily: "ui", fontSize: "base", color: "body", h: "full" }, children));
 };
 function withStyles(Component) {
-    const Inner = props => {
-        return (React.createElement(Styled, null,
-            React.createElement(Component, Object.assign({}, props))));
-    };
+    const Inner = props => (React.createElement(Styled, null,
+        React.createElement(Component, Object.assign({}, props))));
     Inner.displayName = `withStyles(${getDisplayName(Component)})`;
     return Inner;
 }
@@ -4604,7 +4590,7 @@ const createElementClass = (Component, propDescriptors) => {
         }
         disconnectedCallback() {
             if (this._mountPoint) {
-                ReactDOM.unmountComponentAtNode(this._mountPoint);
+                ReactDOM.render(null, this._mountPoint);
                 this.removeChild(this._mountPoint);
                 this._mountPoint = undefined;
             }

package/index.js

@@ -54,7 +54,6 @@ var omitBy = require('lodash/omitBy.js');
 var reactQuery = require('react-query');
 var server_js = require('react-router-dom/server.js');
 var $RefParser = require('@stoplight/json-schema-ref-parser');
-var PropTypes = require('prop-types');
 var isEqual = require('lodash/isEqual.js');
 var ReactDOM = require('react-dom');
 
@@ -77,7 +76,6 @@ function _interopNamespaceDefault(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 var Sampler__namespace = /*#__PURE__*/_interopNamespaceDefault(Sampler);
-var PropTypes__namespace = /*#__PURE__*/_interopNamespaceDefault(PropTypes);
 var ReactDOM__namespace = /*#__PURE__*/_interopNamespaceDefault(ReactDOM);
 
 const defaultResolver = (contextObject) => ({ pointer }, _, currentObject) => {
@@ -4558,25 +4556,12 @@ const doBundle = (data, baseUrl) => {
     }
 };
 
-const scopeClassName = 'sl-elements';
-class Styled extends React__namespace.Component {
-    getChildContext() {
-        return {
-            blueprintPortalClassName: scopeClassName,
-        };
-    }
-    render() {
-        return (React__namespace.createElement(mosaic.Box, { className: "sl-elements sl-antialiased", fontFamily: "ui", fontSize: "base", color: "body", h: "full" }, this.props.children));
-    }
-}
-Styled.childContextTypes = {
-    blueprintPortalClassName: PropTypes__namespace.string,
+const Styled = ({ children }) => {
+    return (React__namespace.createElement(mosaic.Box, { className: "sl-elements sl-antialiased", fontFamily: "ui", fontSize: "base", color: "body", h: "full" }, children));
 };
 function withStyles(Component) {
-    const Inner = props => {
-        return (React__namespace.createElement(Styled, null,
-            React__namespace.createElement(Component, Object.assign({}, props))));
-    };
+    const Inner = props => (React__namespace.createElement(Styled, null,
+        React__namespace.createElement(Component, Object.assign({}, props))));
     Inner.displayName = `withStyles(${getDisplayName(Component)})`;
     return Inner;
 }
@@ -4626,7 +4611,7 @@ const createElementClass = (Component, propDescriptors) => {
         }
         disconnectedCallback() {
             if (this._mountPoint) {
-                ReactDOM__namespace.unmountComponentAtNode(this._mountPoint);
+                ReactDOM__namespace.render(null, this._mountPoint);
                 this.removeChild(this._mountPoint);
                 this._mountPoint = undefined;
             }

package/index.mjs

@@ -54,7 +54,6 @@ import omitBy from 'lodash/omitBy.js';
 import { QueryClient, useQueryClient, QueryClientProvider } from 'react-query';
 import { StaticRouter } from 'react-router-dom/server.js';
 import $RefParser from '@stoplight/json-schema-ref-parser';
-import * as PropTypes from 'prop-types';
 import isEqual from 'lodash/isEqual.js';
 import * as ReactDOM from 'react-dom';
 
@@ -4536,25 +4535,12 @@ const doBundle = (data, baseUrl) => {
     }
 };
 
-const scopeClassName = 'sl-elements';
-class Styled extends React.Component {
-    getChildContext() {
-        return {
-            blueprintPortalClassName: scopeClassName,
-        };
-    }
-    render() {
-        return (React.createElement(Box, { className: "sl-elements sl-antialiased", fontFamily: "ui", fontSize: "base", color: "body", h: "full" }, this.props.children));
-    }
-}
-Styled.childContextTypes = {
-    blueprintPortalClassName: PropTypes.string,
+const Styled = ({ children }) => {
+    return (React.createElement(Box, { className: "sl-elements sl-antialiased", fontFamily: "ui", fontSize: "base", color: "body", h: "full" }, children));
 };
 function withStyles(Component) {
-    const Inner = props => {
-        return (React.createElement(Styled, null,
-            React.createElement(Component, Object.assign({}, props))));
-    };
+    const Inner = props => (React.createElement(Styled, null,
+        React.createElement(Component, Object.assign({}, props))));
     Inner.displayName = `withStyles(${getDisplayName(Component)})`;
     return Inner;
 }
@@ -4604,7 +4590,7 @@ const createElementClass = (Component, propDescriptors) => {
         }
         disconnectedCallback() {
             if (this._mountPoint) {
-                ReactDOM.unmountComponentAtNode(this._mountPoint);
+                ReactDOM.render(null, this._mountPoint);
                 this.removeChild(this._mountPoint);
                 this._mountPoint = undefined;
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stoplight/elements-core",
-  "version": "9.0.10",
+  "version": "9.0.11",
   "main": "./index.js",
   "sideEffects": [
     "web-components.min.js",

package/styled.d.ts

@@ -1,12 +1,5 @@
-import * as PropTypes from 'prop-types';
 import * as React from 'react';
-export declare class Styled extends React.Component {
-    static childContextTypes: {
-        blueprintPortalClassName: PropTypes.Requireable<string>;
-    };
-    getChildContext(): {
-        blueprintPortalClassName: string;
-    };
-    render(): JSX.Element;
-}
+export declare const Styled: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
 export declare function withStyles<T>(Component: React.ComponentType<T>): React.FC<T>;