@stoplight/elements-core 7.7.14 → 7.7.15

package/components/Docs/Article/Article.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/index.esm.js

@@ -1,4 +1,4 @@
-import { __awaiter, __rest } from 'tslib';
+import { __rest, __awaiter } from 'tslib';
 import * as React from 'react';
 import React__default, { useContext, useMemo } from 'react';
 import { convertToJsonSchema } from '@stoplight/http-spec/oas';
@@ -256,12 +256,22 @@ const MarkdownViewer = (props) => {
 };
 MarkdownViewer.displayName = 'MarkdownViewer';
 
-const ArticleComponent = React.memo(({ data }) => {
+const ArticleComponentForHashRouter = React.memo(({ data }) => {
     const { pathname } = useLocation();
-    const routerKind = React.useContext(RouterTypeContext);
-    const basePath = routerKind === 'hash' ? `#${pathname.split('#')[0]}` : '';
+    const basePath = `#${pathname.split('#')[0]}`;
+    return React.createElement(BaseArticleComponent, { data: data, tocBasePath: basePath });
+});
+const BaseArticleComponent = React.memo((_a) => {
+    var { data } = _a, props = __rest(_a, ["data"]);
     return (React.createElement(Box, { className: "sl-elements-article" },
-        React.createElement(MarkdownViewer, { className: "sl-elements-article-content", markdown: data, includeToc: true, tocBasePath: basePath })));
+        React.createElement(MarkdownViewer, Object.assign({ className: "sl-elements-article-content", markdown: data, includeToc: true }, props))));
+});
+const ArticleComponent = React.memo(({ data }) => {
+    const routerKind = useRouterType();
+    if (routerKind === 'hash') {
+        return React.createElement(ArticleComponentForHashRouter, { data: data });
+    }
+    return React.createElement(BaseArticleComponent, { data: data });
 });
 const Article = withErrorBoundary(ArticleComponent, { recoverableProps: ['data'] });
 

package/index.js

@@ -309,12 +309,22 @@ const MarkdownViewer = (props) => {
 };
 MarkdownViewer.displayName = 'MarkdownViewer';
 
-const ArticleComponent = React__namespace.memo(({ data }) => {
+const ArticleComponentForHashRouter = React__namespace.memo(({ data }) => {
     const { pathname } = reactRouterDom.useLocation();
-    const routerKind = React__namespace.useContext(RouterTypeContext);
-    const basePath = routerKind === 'hash' ? `#${pathname.split('#')[0]}` : '';
+    const basePath = `#${pathname.split('#')[0]}`;
+    return React__namespace.createElement(BaseArticleComponent, { data: data, tocBasePath: basePath });
+});
+const BaseArticleComponent = React__namespace.memo((_a) => {
+    var { data } = _a, props = tslib.__rest(_a, ["data"]);
     return (React__namespace.createElement(mosaic.Box, { className: "sl-elements-article" },
-        React__namespace.createElement(MarkdownViewer, { className: "sl-elements-article-content", markdown: data, includeToc: true, tocBasePath: basePath })));
+        React__namespace.createElement(MarkdownViewer, Object.assign({ className: "sl-elements-article-content", markdown: data, includeToc: true }, props))));
+});
+const ArticleComponent = React__namespace.memo(({ data }) => {
+    const routerKind = useRouterType();
+    if (routerKind === 'hash') {
+        return React__namespace.createElement(ArticleComponentForHashRouter, { data: data });
+    }
+    return React__namespace.createElement(BaseArticleComponent, { data: data });
 });
 const Article = reactErrorBoundary.withErrorBoundary(ArticleComponent, { recoverableProps: ['data'] });
 

package/index.mjs

@@ -1,4 +1,4 @@
-import { __awaiter, __rest } from 'tslib';
+import { __rest, __awaiter } from 'tslib';
 import * as React from 'react';
 import React__default, { useContext, useMemo } from 'react';
 import { convertToJsonSchema } from '@stoplight/http-spec/oas';
@@ -256,12 +256,22 @@ const MarkdownViewer = (props) => {
 };
 MarkdownViewer.displayName = 'MarkdownViewer';
 
-const ArticleComponent = React.memo(({ data }) => {
+const ArticleComponentForHashRouter = React.memo(({ data }) => {
     const { pathname } = useLocation();
-    const routerKind = React.useContext(RouterTypeContext);
-    const basePath = routerKind === 'hash' ? `#${pathname.split('#')[0]}` : '';
+    const basePath = `#${pathname.split('#')[0]}`;
+    return React.createElement(BaseArticleComponent, { data: data, tocBasePath: basePath });
+});
+const BaseArticleComponent = React.memo((_a) => {
+    var { data } = _a, props = __rest(_a, ["data"]);
     return (React.createElement(Box, { className: "sl-elements-article" },
-        React.createElement(MarkdownViewer, { className: "sl-elements-article-content", markdown: data, includeToc: true, tocBasePath: basePath })));
+        React.createElement(MarkdownViewer, Object.assign({ className: "sl-elements-article-content", markdown: data, includeToc: true }, props))));
+});
+const ArticleComponent = React.memo(({ data }) => {
+    const routerKind = useRouterType();
+    if (routerKind === 'hash') {
+        return React.createElement(ArticleComponentForHashRouter, { data: data });
+    }
+    return React.createElement(BaseArticleComponent, { data: data });
 });
 const Article = withErrorBoundary(ArticleComponent, { recoverableProps: ['data'] });
 

package/package.json

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