@stoplight/elements-core 7.3.7 → 7.3.11

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

@@ -1,6 +1,5 @@
 import { MDAST } from '@stoplight/markdown';
-import * as React from 'react';
 import { DocsComponentProps } from '..';
 declare type ArticleProps = DocsComponentProps<string | MDAST.Root>;
-export declare const Article: React.FunctionComponent<ArticleProps & import("@stoplight/react-error-boundary").ErrorBoundaryProps<{}>>;
+export declare const Article: import("react").FunctionComponent<ArticleProps & import("@stoplight/react-error-boundary").ErrorBoundaryProps<{}>>;
 export {};

package/components/Docs/HttpOperation/HttpOperation.d.ts

@@ -1,5 +1,4 @@
 import { IHttpOperation } from '@stoplight/types';
-import * as React from 'react';
 import { DocsComponentProps } from '..';
 export declare type HttpOperationProps = DocsComponentProps<IHttpOperation>;
-export declare const HttpOperation: React.FunctionComponent<HttpOperationProps & import("@stoplight/react-error-boundary").ErrorBoundaryProps<{}>>;
+export declare const HttpOperation: import("react").FunctionComponent<HttpOperationProps & import("@stoplight/react-error-boundary").ErrorBoundaryProps<{}>>;

package/components/Docs/HttpService/HttpService.d.ts

@@ -1,5 +1,4 @@
 import { IHttpService } from '@stoplight/types';
-import * as React from 'react';
 import { DocsComponentProps } from '..';
 export declare type HttpServiceProps = DocsComponentProps<Partial<IHttpService>>;
-export declare const HttpService: React.FunctionComponent<HttpServiceProps & import("@stoplight/react-error-boundary").ErrorBoundaryProps<{}>>;
+export declare const HttpService: import("react").FunctionComponent<HttpServiceProps & import("@stoplight/react-error-boundary").ErrorBoundaryProps<{}>>;

package/components/Docs/Model/Model.d.ts

@@ -1,5 +1,4 @@
 import { JSONSchema7 } from 'json-schema';
-import * as React from 'react';
 import { DocsComponentProps } from '..';
 export declare type ModelProps = DocsComponentProps<JSONSchema7>;
-export declare const Model: React.FunctionComponent<ModelProps & import("@stoplight/react-error-boundary").ErrorBoundaryProps<{}>>;
+export declare const Model: import("react").FunctionComponent<ModelProps & import("@stoplight/react-error-boundary").ErrorBoundaryProps<{}>>;

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/context/InlineRefResolver.d.ts

@@ -1,12 +1,11 @@
 import * as React from 'react';
 import { ReferenceResolver } from '../utils/ref-resolving/ReferenceResolver';
 declare type InlineRefResolverProviderProps = {
-    document: unknown;
-} | {
-    resolver: ReferenceResolver;
+    document?: unknown;
+    resolver?: ReferenceResolver;
 };
 export declare const InlineRefResolverProvider: React.FC<InlineRefResolverProviderProps>;
 export declare const useInlineRefResolver: () => ReferenceResolver | undefined;
-export declare const useDocument: () => unknown;
+export declare const useDocument: () => object | undefined;
 export declare const useResolvedObject: (currentObject: object) => object;
 export {};

package/context/InlineRefResolver.spec.d.ts

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

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

@@ -1,12 +1,12 @@
 import { __rest, __awaiter } from 'tslib';
 import * as React from 'react';
 import React__default, { useContext, useMemo } from 'react';
-import { isObject, isPlainObject, isArray, throttle, filter, capitalize, flatten, curry, map, omit, pickBy, isString, compact, uniq, uniqBy, orderBy, sortBy, get, omitBy, isEmpty, keys, entries, mapValues as mapValues$1, isEqual } from 'lodash';
-import { resolveInlineRef, safeParse, safeStringify, isPlainObject as isPlainObject$1 } from '@stoplight/json';
+import { resolveInlineRef, isPlainObject as isPlainObject$1, safeParse, safeStringify } from '@stoplight/json';
+import _, { isObject, isPlainObject, isArray, throttle, filter, capitalize, flatten, curry, map, omit, pickBy, isString, compact, uniq, uniqBy, orderBy, sortBy, get, omitBy, isEmpty, keys, entries, mapValues, isEqual } from 'lodash';
 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';
@@ -19,14 +19,13 @@ import URI from 'urijs';
 import { CodeViewer } from '@stoplight/mosaic-code-viewer';
 import HTTPSnippet from 'httpsnippet';
 import { nanoid } from 'nanoid';
-import { pipe, keyBy, mapValues } from 'lodash/fp';
 import { CodeEditor } from '@stoplight/mosaic-code-editor';
 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';
@@ -95,10 +94,10 @@ const InlineRefResolverContext = React.createContext(undefined);
 InlineRefResolverContext.displayName = 'InlineRefResolverContext';
 const DocumentContext = React.createContext(undefined);
 DocumentContext.displayName = 'DocumentContext';
-const InlineRefResolverProvider = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    const document = 'document' in props && isPlainObject(props.document) ? Object(props.document) : undefined;
-    return (React.createElement(InlineRefResolverContext.Provider, { value: 'resolver' in props ? props.resolver : defaultResolver(document) },
+const InlineRefResolverProvider = ({ children, document: maybeDocument, resolver, }) => {
+    const document = isPlainObject$1(maybeDocument) ? maybeDocument : undefined;
+    const computedResolver = React.useMemo(() => resolver || (document !== undefined ? defaultResolver(document) : undefined), [document, resolver]);
+    return (React.createElement(InlineRefResolverContext.Provider, { value: computedResolver },
         React.createElement(DocumentContext.Provider, { value: document }, children)));
 };
 const useInlineRefResolver = () => useContext(InlineRefResolverContext);
@@ -106,7 +105,7 @@ const useDocument = () => useContext(DocumentContext);
 const useResolvedObject = (currentObject) => {
     const document = useDocument();
     const resolver = useInlineRefResolver();
-    return createResolvedObject(currentObject, { contextObject: document, resolver });
+    return React.useMemo(() => createResolvedObject(currentObject, { contextObject: document, resolver }), [currentObject, document, resolver]);
 };
 
 function isSMDASTRoot(maybeAst) {
@@ -1006,7 +1005,12 @@ const getInitialValueForParameter = (parameter) => {
         return '';
     return getValueForParameter(parameter);
 };
-const initialParameterValues = pipe(keyBy((param) => param.name), mapValues(getInitialValueForParameter));
+const initialParameterValues = params => {
+    return _.chain(params)
+        .keyBy((param) => param.name)
+        .mapValues(param => getInitialValueForParameter(param))
+        .value();
+};
 function mapSchemaPropertiesToParameters(properties, required) {
     return Object.entries(properties).map(([name, schema]) => (Object.assign({ name, schema: typeof schema !== 'boolean' ? schema : undefined, examples: typeof schema !== 'boolean' && schema.examples ? [{ key: 'example', value: schema.examples }] : undefined }, ((required === null || required === void 0 ? void 0 : required.includes(name)) && { required: true }))));
 }
@@ -2334,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,
 };
@@ -2525,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))));
     };
@@ -2542,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))));
     };
@@ -2549,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,
@@ -2654,7 +2672,7 @@ const createElementClass = (Component, propDescriptors) => {
         constructor() {
             super();
             this._props = {};
-            Object.defineProperties(this, mapValues$1(propDescriptors, (_, key) => ({
+            Object.defineProperties(this, mapValues(propDescriptors, (_, key) => ({
                 get: () => {
                     return this._props[key];
                 },
@@ -2741,11 +2759,11 @@ const createElementClass = (Component, propDescriptors) => {
         }
         _renderComponent() {
             if (this._mountPoint) {
-                const props = mapValues$1(propDescriptors, (descriptor, key) => { var _a; return (_a = this._props[key]) !== null && _a !== void 0 ? _a : descriptor.defaultValue; });
+                const props = mapValues(propDescriptors, (descriptor, key) => { var _a; return (_a = this._props[key]) !== null && _a !== void 0 ? _a : descriptor.defaultValue; });
                 ReactDOM.render(React.createElement(Component, props), this._mountPoint);
             }
         }
     };
 };
 
-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 };