@stoplight/elements-core 7.3.10 → 7.3.11

package/components/MosaicTableOfContents/types.d.ts

@@ -10,7 +10,6 @@ export declare type TableOfContentsProps = {
 export declare type CustomLinkComponent = React.ComponentType<{
     to: string;
     className?: string;
-    hash?: string;
     children: React.ReactNode;
 }>;
 export declare type TableOfContentsItem = TableOfContentsDivider | TableOfContentsGroupItem;

package/hoc/withMosaicProvider.spec.d.ts

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

package/hoc/withQueryClientProvider.spec.d.ts

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

package/index.d.ts

@@ -4,6 +4,7 @@ export { ExportButton, ExportButtonProps } from './components/Docs/HttpService/E
 export { SidebarLayout } from './components/Layout/SidebarLayout';
 export { Logo } from './components/Logo';
 export { CustomComponentMapping, DefaultSMDComponents, MarkdownComponentsProvider, } from './components/MarkdownViewer/CustomComponents/Provider';
+export { ReactRouterMarkdownLink } from './components/MarkdownViewer/CustomComponents/ReactRouterLink';
 export { TableOfContents } from './components/MosaicTableOfContents';
 export { CustomLinkComponent, TableOfContentsItem, TableOfContentsNode, TableOfContentsNodeGroup, } from './components/MosaicTableOfContents/types';
 export { findFirstNode } from './components/MosaicTableOfContents/utils';

package/index.esm.js

@@ -6,7 +6,7 @@ import _, { isObject, isPlainObject, isArray, throttle, filter, capitalize, flat
 import { parse } from '@stoplight/markdown';
 import { NodeType, HttpParamStyles } from '@stoplight/types';
 import { parse as parse$1 } from '@stoplight/yaml';
-import { isArray as isArray$1, Flex, Box, Popover, Button, Panel, CopyButton, Menu, Text, Input, Icon, Select, Image, Link, useThemeIsDark, Tooltip, VStack, InvertTheme, Badge, Tabs, TabList, Tab, TabPanels, TabPanel, Heading as Heading$1, HStack, useClipboard, Provider as Provider$1 } from '@stoplight/mosaic';
+import { isArray as isArray$1, Flex, Box, Popover, Button, Panel, CopyButton, Menu, Text, Input, Icon, Select, Image, Link, useThemeIsDark, Tooltip, VStack, InvertTheme, Badge, Tabs, TabList, Tab, TabPanels, TabPanel, Heading as Heading$1, HStack, useClipboard, useMosaicContext, Provider as Provider$1 } from '@stoplight/mosaic';
 import { withErrorBoundary } from '@stoplight/react-error-boundary';
 import { MarkdownViewer as MarkdownViewer$1, DefaultSMDComponents, MarkdownViewerProvider } from '@stoplight/markdown-viewer';
 export { DefaultSMDComponents } from '@stoplight/markdown-viewer';
@@ -24,8 +24,8 @@ import * as Sampler from '@stoplight/json-schema-sampler';
 import formatXml from 'xml-formatter';
 import { Link as Link$1, useLocation, BrowserRouter, MemoryRouter, HashRouter, Route } from 'react-router-dom';
 import { JsonSchemaViewer, Validations } from '@stoplight/json-schema-viewer';
-import { QueryClient, QueryClientProvider } from 'react-query';
 import { HashLink } from 'react-router-hash-link';
+import { QueryClient, useQueryClient, QueryClientProvider } from 'react-query';
 import $RefParser from '@stoplight/json-schema-ref-parser';
 import * as PropTypes from 'prop-types';
 import * as ReactDOM from 'react-dom';
@@ -2338,6 +2338,15 @@ const MarkdownComponentsProvider = ({ value, children }) => {
     return React.createElement(MarkdownViewerProvider, { components: Object.assign({ code: CodeComponent }, value) }, children);
 };
 
+const externalRegex = new RegExp('^(?:[a-z]+:)?//', 'i');
+const ReactRouterMarkdownLink = ({ title, href, children }) => {
+    const isExternal = href !== undefined && externalRegex.test(href);
+    if (isExternal) {
+        return (React__default.createElement("a", { target: "_blank", rel: "noreferrer noopener", href: href, title: title }, children));
+    }
+    return (React__default.createElement(HashLink, { to: href, title: title }, children));
+};
+
 const NODE_TYPE_TITLE_ICON = {
     http_service: faCloud,
 };
@@ -2529,6 +2538,14 @@ function withPersistenceBoundary(WrappedComponent) {
 
 function withMosaicProvider(WrappedComponent) {
     const WithMosaicProvider = (props) => {
+        try {
+            const mosaicContext = useMosaicContext();
+            if (mosaicContext === null || mosaicContext === void 0 ? void 0 : mosaicContext.providerId) {
+                return React__default.createElement(WrappedComponent, Object.assign({}, props));
+            }
+        }
+        catch (_a) {
+        }
         return (React__default.createElement(Provider$1, { style: { height: '100%' } },
             React__default.createElement(WrappedComponent, Object.assign({}, props))));
     };
@@ -2546,6 +2563,12 @@ const queryClient = new QueryClient({
 });
 function withQueryClientProvider(WrappedComponent) {
     const WithQueryClientProvider = (props) => {
+        try {
+            useQueryClient();
+            return React__default.createElement(WrappedComponent, Object.assign({}, props));
+        }
+        catch (_a) {
+        }
         return (React__default.createElement(QueryClientProvider, { client: queryClient },
             React__default.createElement(WrappedComponent, Object.assign({}, props))));
     };
@@ -2553,15 +2576,6 @@ function withQueryClientProvider(WrappedComponent) {
     return WithQueryClientProvider;
 }
 
-const externalRegex = new RegExp('^(?:[a-z]+:)?//', 'i');
-const ReactRouterMarkdownLink = ({ title, href, children }) => {
-    const isExternal = href !== undefined && externalRegex.test(href);
-    if (isExternal) {
-        return (React__default.createElement("a", { target: "_blank", rel: "noreferrer noopener", href: href, title: title }, children));
-    }
-    return (React__default.createElement(HashLink, { to: href, title: title }, children));
-};
-
 const RouterComponent = {
     history: BrowserRouter,
     memory: MemoryRouter,
@@ -2752,4 +2766,4 @@ const createElementClass = (Component, propDescriptors) => {
     };
 };
 
-export { DeprecatedBadge, Docs, ExportButton, HttpMethodColors, InlineRefResolverProvider, Logo, MarkdownComponentsProvider, MockingProvider, NodeTypeColors, NodeTypeIconDefs, NodeTypePrettyName, NonIdealState, ParsedDocs, PersistenceContextProvider, PoweredByLink, SidebarLayout, Styled, TableOfContents, TryIt, TryItWithRequestSamples, createElementClass, createResolvedObject, findFirstNode, isHttpOperation, isHttpService, useBundleRefsIntoDocument, useParsedData, useParsedValue, useRouter, withMosaicProvider, withPersistenceBoundary, withQueryClientProvider, withRouter, withStyles };
+export { DeprecatedBadge, Docs, ExportButton, HttpMethodColors, InlineRefResolverProvider, Logo, MarkdownComponentsProvider, MockingProvider, NodeTypeColors, NodeTypeIconDefs, NodeTypePrettyName, NonIdealState, ParsedDocs, PersistenceContextProvider, PoweredByLink, ReactRouterMarkdownLink, SidebarLayout, Styled, TableOfContents, TryIt, TryItWithRequestSamples, createElementClass, createResolvedObject, findFirstNode, isHttpOperation, isHttpService, useBundleRefsIntoDocument, useParsedData, useParsedValue, useRouter, withMosaicProvider, withPersistenceBoundary, withQueryClientProvider, withRouter, withStyles };

package/index.js

@@ -26,8 +26,8 @@ var Sampler = require('@stoplight/json-schema-sampler');
 var formatXml = require('xml-formatter');
 var reactRouterDom = require('react-router-dom');
 var jsonSchemaViewer = require('@stoplight/json-schema-viewer');
-var reactQuery = require('react-query');
 var reactRouterHashLink = require('react-router-hash-link');
+var reactQuery = require('react-query');
 var $RefParser = require('@stoplight/json-schema-ref-parser');
 var PropTypes = require('prop-types');
 var ReactDOM = require('react-dom');
@@ -2372,6 +2372,15 @@ const MarkdownComponentsProvider = ({ value, children }) => {
     return React__namespace.createElement(markdownViewer.MarkdownViewerProvider, { components: Object.assign({ code: CodeComponent }, value) }, children);
 };
 
+const externalRegex = new RegExp('^(?:[a-z]+:)?//', 'i');
+const ReactRouterMarkdownLink = ({ title, href, children }) => {
+    const isExternal = href !== undefined && externalRegex.test(href);
+    if (isExternal) {
+        return (React__default["default"].createElement("a", { target: "_blank", rel: "noreferrer noopener", href: href, title: title }, children));
+    }
+    return (React__default["default"].createElement(reactRouterHashLink.HashLink, { to: href, title: title }, children));
+};
+
 const NODE_TYPE_TITLE_ICON = {
     http_service: freeSolidSvgIcons.faCloud,
 };
@@ -2563,6 +2572,14 @@ function withPersistenceBoundary(WrappedComponent) {
 
 function withMosaicProvider(WrappedComponent) {
     const WithMosaicProvider = (props) => {
+        try {
+            const mosaicContext = mosaic.useMosaicContext();
+            if (mosaicContext === null || mosaicContext === void 0 ? void 0 : mosaicContext.providerId) {
+                return React__default["default"].createElement(WrappedComponent, Object.assign({}, props));
+            }
+        }
+        catch (_a) {
+        }
         return (React__default["default"].createElement(mosaic.Provider, { style: { height: '100%' } },
             React__default["default"].createElement(WrappedComponent, Object.assign({}, props))));
     };
@@ -2580,6 +2597,12 @@ const queryClient = new reactQuery.QueryClient({
 });
 function withQueryClientProvider(WrappedComponent) {
     const WithQueryClientProvider = (props) => {
+        try {
+            reactQuery.useQueryClient();
+            return React__default["default"].createElement(WrappedComponent, Object.assign({}, props));
+        }
+        catch (_a) {
+        }
         return (React__default["default"].createElement(reactQuery.QueryClientProvider, { client: queryClient },
             React__default["default"].createElement(WrappedComponent, Object.assign({}, props))));
     };
@@ -2587,15 +2610,6 @@ function withQueryClientProvider(WrappedComponent) {
     return WithQueryClientProvider;
 }
 
-const externalRegex = new RegExp('^(?:[a-z]+:)?//', 'i');
-const ReactRouterMarkdownLink = ({ title, href, children }) => {
-    const isExternal = href !== undefined && externalRegex.test(href);
-    if (isExternal) {
-        return (React__default["default"].createElement("a", { target: "_blank", rel: "noreferrer noopener", href: href, title: title }, children));
-    }
-    return (React__default["default"].createElement(reactRouterHashLink.HashLink, { to: href, title: title }, children));
-};
-
 const RouterComponent = {
     history: reactRouterDom.BrowserRouter,
     memory: reactRouterDom.MemoryRouter,
@@ -2805,6 +2819,7 @@ exports.NonIdealState = NonIdealState;
 exports.ParsedDocs = ParsedDocs;
 exports.PersistenceContextProvider = PersistenceContextProvider;
 exports.PoweredByLink = PoweredByLink;
+exports.ReactRouterMarkdownLink = ReactRouterMarkdownLink;
 exports.SidebarLayout = SidebarLayout;
 exports.Styled = Styled;
 exports.TableOfContents = TableOfContents;

package/index.mjs

@@ -6,7 +6,7 @@ import _, { isObject, isPlainObject, isArray, throttle, filter, capitalize, flat
 import { parse } from '@stoplight/markdown';
 import { NodeType, HttpParamStyles } from '@stoplight/types';
 import { parse as parse$1 } from '@stoplight/yaml';
-import { isArray as isArray$1, Flex, Box, Popover, Button, Panel, CopyButton, Menu, Text, Input, Icon, Select, Image, Link, useThemeIsDark, Tooltip, VStack, InvertTheme, Badge, Tabs, TabList, Tab, TabPanels, TabPanel, Heading as Heading$1, HStack, useClipboard, Provider as Provider$1 } from '@stoplight/mosaic';
+import { isArray as isArray$1, Flex, Box, Popover, Button, Panel, CopyButton, Menu, Text, Input, Icon, Select, Image, Link, useThemeIsDark, Tooltip, VStack, InvertTheme, Badge, Tabs, TabList, Tab, TabPanels, TabPanel, Heading as Heading$1, HStack, useClipboard, useMosaicContext, Provider as Provider$1 } from '@stoplight/mosaic';
 import { withErrorBoundary } from '@stoplight/react-error-boundary';
 import { MarkdownViewer as MarkdownViewer$1, DefaultSMDComponents, MarkdownViewerProvider } from '@stoplight/markdown-viewer';
 export { DefaultSMDComponents } from '@stoplight/markdown-viewer';
@@ -24,8 +24,8 @@ import * as Sampler from '@stoplight/json-schema-sampler';
 import formatXml from 'xml-formatter';
 import { Link as Link$1, useLocation, BrowserRouter, MemoryRouter, HashRouter, Route } from 'react-router-dom';
 import { JsonSchemaViewer, Validations } from '@stoplight/json-schema-viewer';
-import { QueryClient, QueryClientProvider } from 'react-query';
 import { HashLink } from 'react-router-hash-link';
+import { QueryClient, useQueryClient, QueryClientProvider } from 'react-query';
 import $RefParser from '@stoplight/json-schema-ref-parser';
 import * as PropTypes from 'prop-types';
 import * as ReactDOM from 'react-dom';
@@ -2338,6 +2338,15 @@ const MarkdownComponentsProvider = ({ value, children }) => {
     return React.createElement(MarkdownViewerProvider, { components: Object.assign({ code: CodeComponent }, value) }, children);
 };
 
+const externalRegex = new RegExp('^(?:[a-z]+:)?//', 'i');
+const ReactRouterMarkdownLink = ({ title, href, children }) => {
+    const isExternal = href !== undefined && externalRegex.test(href);
+    if (isExternal) {
+        return (React__default.createElement("a", { target: "_blank", rel: "noreferrer noopener", href: href, title: title }, children));
+    }
+    return (React__default.createElement(HashLink, { to: href, title: title }, children));
+};
+
 const NODE_TYPE_TITLE_ICON = {
     http_service: faCloud,
 };
@@ -2529,6 +2538,14 @@ function withPersistenceBoundary(WrappedComponent) {
 
 function withMosaicProvider(WrappedComponent) {
     const WithMosaicProvider = (props) => {
+        try {
+            const mosaicContext = useMosaicContext();
+            if (mosaicContext === null || mosaicContext === void 0 ? void 0 : mosaicContext.providerId) {
+                return React__default.createElement(WrappedComponent, Object.assign({}, props));
+            }
+        }
+        catch (_a) {
+        }
         return (React__default.createElement(Provider$1, { style: { height: '100%' } },
             React__default.createElement(WrappedComponent, Object.assign({}, props))));
     };
@@ -2546,6 +2563,12 @@ const queryClient = new QueryClient({
 });
 function withQueryClientProvider(WrappedComponent) {
     const WithQueryClientProvider = (props) => {
+        try {
+            useQueryClient();
+            return React__default.createElement(WrappedComponent, Object.assign({}, props));
+        }
+        catch (_a) {
+        }
         return (React__default.createElement(QueryClientProvider, { client: queryClient },
             React__default.createElement(WrappedComponent, Object.assign({}, props))));
     };
@@ -2553,15 +2576,6 @@ function withQueryClientProvider(WrappedComponent) {
     return WithQueryClientProvider;
 }
 
-const externalRegex = new RegExp('^(?:[a-z]+:)?//', 'i');
-const ReactRouterMarkdownLink = ({ title, href, children }) => {
-    const isExternal = href !== undefined && externalRegex.test(href);
-    if (isExternal) {
-        return (React__default.createElement("a", { target: "_blank", rel: "noreferrer noopener", href: href, title: title }, children));
-    }
-    return (React__default.createElement(HashLink, { to: href, title: title }, children));
-};
-
 const RouterComponent = {
     history: BrowserRouter,
     memory: MemoryRouter,
@@ -2752,4 +2766,4 @@ const createElementClass = (Component, propDescriptors) => {
     };
 };
 
-export { DeprecatedBadge, Docs, ExportButton, HttpMethodColors, InlineRefResolverProvider, Logo, MarkdownComponentsProvider, MockingProvider, NodeTypeColors, NodeTypeIconDefs, NodeTypePrettyName, NonIdealState, ParsedDocs, PersistenceContextProvider, PoweredByLink, SidebarLayout, Styled, TableOfContents, TryIt, TryItWithRequestSamples, createElementClass, createResolvedObject, findFirstNode, isHttpOperation, isHttpService, useBundleRefsIntoDocument, useParsedData, useParsedValue, useRouter, withMosaicProvider, withPersistenceBoundary, withQueryClientProvider, withRouter, withStyles };
+export { DeprecatedBadge, Docs, ExportButton, HttpMethodColors, InlineRefResolverProvider, Logo, MarkdownComponentsProvider, MockingProvider, NodeTypeColors, NodeTypeIconDefs, NodeTypePrettyName, NonIdealState, ParsedDocs, PersistenceContextProvider, PoweredByLink, ReactRouterMarkdownLink, SidebarLayout, Styled, TableOfContents, TryIt, TryItWithRequestSamples, createElementClass, createResolvedObject, findFirstNode, isHttpOperation, isHttpService, useBundleRefsIntoDocument, useParsedData, useParsedValue, useRouter, withMosaicProvider, withPersistenceBoundary, withQueryClientProvider, withRouter, withStyles };

package/package.json

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