@stoplight/elements-core 7.5.4 → 7.5.8

package/__fixtures__/operations/string-numeric-enums.d.ts

@@ -0,0 +1,3 @@
+import { IHttpOperation } from '@stoplight/types';
+export declare const httpOperation: IHttpOperation;
+export default httpOperation;

package/components/Docs/Docs.d.ts

@@ -2,6 +2,7 @@ import { NodeType } from '@stoplight/types';
 import { Location } from 'history';
 import * as React from 'react';
 import { ParsedNode } from '../../types';
+import { ReferenceResolver } from '../../utils/ref-resolving/ReferenceResolver';
 import { ExportButtonProps } from './HttpService/ExportButton';
 interface BaseDocsProps {
     className?: string;
@@ -27,6 +28,7 @@ export interface DocsProps extends BaseDocsProps {
     nodeType: NodeType;
     nodeData: unknown;
     useNodeForRefResolving?: boolean;
+    refResolver?: ReferenceResolver;
 }
 export interface DocsComponentProps<T = unknown> extends BaseDocsProps {
     data: T;

package/components/MarkdownViewer/CustomComponents/ReactRouterLink.d.ts

@@ -1,2 +1,3 @@
-import { CustomComponentMapping } from '@stoplight/markdown-viewer';
-export declare const ReactRouterMarkdownLink: CustomComponentMapping['link'];
+export declare const ReactRouterMarkdownLink: ({ title, to, href: _href, children, }: import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & {
+    to?: string | undefined;
+}) => JSX.Element;

package/index.esm.js

@@ -987,7 +987,7 @@ const booleanOptions = [
     { label: 'True', value: 'true' },
 ];
 function enumOptions(enumValues, required) {
-    const options = map(enumValues, v => ({ value: Number.isNaN(Number(v)) ? String(v) : Number(v) }));
+    const options = map(enumValues, v => ({ value: typeof v === 'number' ? v : String(v) }));
     return required ? options : [{ label: 'Not Set', value: '' }, ...options];
 }
 function parameterOptions(parameter) {
@@ -1015,7 +1015,11 @@ function parameterSupportsFileUpload(parameter) {
             ((_c = parameter.schema) === null || _c === void 0 ? void 0 : _c.contentMediaType) === 'application/octet-stream'));
 }
 function exampleValue(example) {
-    return 'value' in example ? String(example.value) : String(example.externalValue);
+    const value = 'value' in example ? example.value : example.externalValue;
+    return escapeQuotes(String(value));
+}
+function escapeQuotes(value) {
+    return value.replace(/"/g, '\\"');
 }
 function getPlaceholderForParameter(parameter) {
     var _a, _b;
@@ -1316,7 +1320,9 @@ function buildFetchRequest({ httpOperation, mediaTypeContent, bodyInput, paramet
         const serverUrl = getServerUrl({ httpOperation, mockData, chosenServer, corsProxy });
         const shouldIncludeBody = ['PUT', 'POST', 'PATCH'].includes(httpOperation.method.toUpperCase());
         const queryParams = (_c = (_b = (_a = httpOperation.request) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.map(param => { var _a; return ({ name: param.name, value: (_a = parameterValues[param.name]) !== null && _a !== void 0 ? _a : '' }); }).filter(({ value }) => value.length > 0)) !== null && _c !== void 0 ? _c : [];
-        const rawHeaders = filterOutAuthorizationParams((_e = (_d = httpOperation.request) === null || _d === void 0 ? void 0 : _d.headers) !== null && _e !== void 0 ? _e : [], httpOperation.security).map(header => { var _a; return ({ name: header.name, value: (_a = parameterValues[header.name]) !== null && _a !== void 0 ? _a : '' }); });
+        const rawHeaders = filterOutAuthorizationParams((_e = (_d = httpOperation.request) === null || _d === void 0 ? void 0 : _d.headers) !== null && _e !== void 0 ? _e : [], httpOperation.security)
+            .map(header => { var _a; return ({ name: header.name, value: (_a = parameterValues[header.name]) !== null && _a !== void 0 ? _a : '' }); })
+            .filter(({ value }) => value.length > 0);
         const [queryParamsWithAuth, headersWithAuth] = runAuthRequestEhancements(auth, queryParams, rawHeaders);
         const expandedPath = uriExpand(httpOperation.path, parameterValues);
         const url = new URL(URI(serverUrl).segment(expandedPath).toString());
@@ -1604,9 +1610,9 @@ const bodyFormatMap = {
     text: ['raw'],
 };
 const regex = {
-    image: /image\/(.+)*(jpeg|gif|png|svg)/,
-    json: /application\/(.+)*json/,
-    xml: /(text|application)\/(.+)*(xml|html)/,
+    image: /image\/(.?)*(jpeg|gif|png|svg)/,
+    json: /application\/(.?)*json/,
+    xml: /(text|application)\/(.?)*(xml|html)/,
     text: /text\/.*/,
 };
 function getResponseType(contentType) {
@@ -2341,14 +2347,14 @@ const ModelComponent = ({ data: unresolvedData, className, nodeTitle, layoutOpti
 const Model = withErrorBoundary(ModelComponent, { recoverableProps: ['data'] });
 
 const Docs = React.memo((_a) => {
-    var { nodeType, nodeData, useNodeForRefResolving = false } = _a, commonProps = __rest(_a, ["nodeType", "nodeData", "useNodeForRefResolving"]);
+    var { nodeType, nodeData, useNodeForRefResolving = false, refResolver } = _a, commonProps = __rest(_a, ["nodeType", "nodeData", "useNodeForRefResolving", "refResolver"]);
     const parsedNode = useParsedData(nodeType, nodeData);
     if (!parsedNode) {
         return null;
     }
     const parsedDocs = React.createElement(ParsedDocs, Object.assign({ node: parsedNode }, commonProps));
     if (useNodeForRefResolving) {
-        return React.createElement(InlineRefResolverProvider, { document: parsedNode.data }, parsedDocs);
+        return (React.createElement(InlineRefResolverProvider, { document: parsedNode.data, resolver: refResolver }, parsedDocs));
     }
     return parsedDocs;
 });
@@ -2506,7 +2512,8 @@ const MarkdownComponentsProvider = ({ value, children }) => {
 };
 
 const externalRegex = new RegExp('^(?:[a-z]+:)?//', 'i');
-const ReactRouterMarkdownLink = ({ title, href, children }) => {
+const ReactRouterMarkdownLink = ({ title, to, href: _href, children, }) => {
+    const href = to || _href;
     const isExternal = href !== undefined && externalRegex.test(href);
     if (isExternal) {
         return (React__default.createElement("a", { target: "_blank", rel: "noreferrer noopener", href: href, title: title }, children));
@@ -2752,7 +2759,7 @@ function withRouter(WrappedComponent) {
         const { Router, routerProps } = useRouter((_c = props.router) !== null && _c !== void 0 ? _c : 'history', basePath, staticRouterPath);
         return (React.createElement(Router, Object.assign({}, routerProps, { key: basePath }),
             React.createElement(Route, { path: "/" },
-                React.createElement(MarkdownComponentsProvider, { value: { link: ReactRouterMarkdownLink } },
+                React.createElement(MarkdownComponentsProvider, { value: { a: ReactRouterMarkdownLink } },
                     React.createElement(WrappedComponent, Object.assign({}, props))))));
     };
     WithRouter.displayName = `WithRouter(${getDisplayName(WrappedComponent)})`;

package/index.js

@@ -1042,7 +1042,7 @@ const booleanOptions = [
     { label: 'True', value: 'true' },
 ];
 function enumOptions(enumValues, required) {
-    const options = map__default["default"](enumValues, v => ({ value: Number.isNaN(Number(v)) ? String(v) : Number(v) }));
+    const options = map__default["default"](enumValues, v => ({ value: typeof v === 'number' ? v : String(v) }));
     return required ? options : [{ label: 'Not Set', value: '' }, ...options];
 }
 function parameterOptions(parameter) {
@@ -1070,7 +1070,11 @@ function parameterSupportsFileUpload(parameter) {
             ((_c = parameter.schema) === null || _c === void 0 ? void 0 : _c.contentMediaType) === 'application/octet-stream'));
 }
 function exampleValue(example) {
-    return 'value' in example ? String(example.value) : String(example.externalValue);
+    const value = 'value' in example ? example.value : example.externalValue;
+    return escapeQuotes(String(value));
+}
+function escapeQuotes(value) {
+    return value.replace(/"/g, '\\"');
 }
 function getPlaceholderForParameter(parameter) {
     var _a, _b;
@@ -1371,7 +1375,9 @@ function buildFetchRequest({ httpOperation, mediaTypeContent, bodyInput, paramet
         const serverUrl = getServerUrl({ httpOperation, mockData, chosenServer, corsProxy });
         const shouldIncludeBody = ['PUT', 'POST', 'PATCH'].includes(httpOperation.method.toUpperCase());
         const queryParams = (_c = (_b = (_a = httpOperation.request) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.map(param => { var _a; return ({ name: param.name, value: (_a = parameterValues[param.name]) !== null && _a !== void 0 ? _a : '' }); }).filter(({ value }) => value.length > 0)) !== null && _c !== void 0 ? _c : [];
-        const rawHeaders = filterOutAuthorizationParams((_e = (_d = httpOperation.request) === null || _d === void 0 ? void 0 : _d.headers) !== null && _e !== void 0 ? _e : [], httpOperation.security).map(header => { var _a; return ({ name: header.name, value: (_a = parameterValues[header.name]) !== null && _a !== void 0 ? _a : '' }); });
+        const rawHeaders = filterOutAuthorizationParams((_e = (_d = httpOperation.request) === null || _d === void 0 ? void 0 : _d.headers) !== null && _e !== void 0 ? _e : [], httpOperation.security)
+            .map(header => { var _a; return ({ name: header.name, value: (_a = parameterValues[header.name]) !== null && _a !== void 0 ? _a : '' }); })
+            .filter(({ value }) => value.length > 0);
         const [queryParamsWithAuth, headersWithAuth] = runAuthRequestEhancements(auth, queryParams, rawHeaders);
         const expandedPath = uriExpand(httpOperation.path, parameterValues);
         const url = new URL(URI__default["default"](serverUrl).segment(expandedPath).toString());
@@ -1659,9 +1665,9 @@ const bodyFormatMap = {
     text: ['raw'],
 };
 const regex = {
-    image: /image\/(.+)*(jpeg|gif|png|svg)/,
-    json: /application\/(.+)*json/,
-    xml: /(text|application)\/(.+)*(xml|html)/,
+    image: /image\/(.?)*(jpeg|gif|png|svg)/,
+    json: /application\/(.?)*json/,
+    xml: /(text|application)\/(.?)*(xml|html)/,
     text: /text\/.*/,
 };
 function getResponseType(contentType) {
@@ -2396,14 +2402,14 @@ const ModelComponent = ({ data: unresolvedData, className, nodeTitle, layoutOpti
 const Model = reactErrorBoundary.withErrorBoundary(ModelComponent, { recoverableProps: ['data'] });
 
 const Docs = React__namespace.memo((_a) => {
-    var { nodeType, nodeData, useNodeForRefResolving = false } = _a, commonProps = tslib.__rest(_a, ["nodeType", "nodeData", "useNodeForRefResolving"]);
+    var { nodeType, nodeData, useNodeForRefResolving = false, refResolver } = _a, commonProps = tslib.__rest(_a, ["nodeType", "nodeData", "useNodeForRefResolving", "refResolver"]);
     const parsedNode = useParsedData(nodeType, nodeData);
     if (!parsedNode) {
         return null;
     }
     const parsedDocs = React__namespace.createElement(ParsedDocs, Object.assign({ node: parsedNode }, commonProps));
     if (useNodeForRefResolving) {
-        return React__namespace.createElement(InlineRefResolverProvider, { document: parsedNode.data }, parsedDocs);
+        return (React__namespace.createElement(InlineRefResolverProvider, { document: parsedNode.data, resolver: refResolver }, parsedDocs));
     }
     return parsedDocs;
 });
@@ -2561,7 +2567,8 @@ const MarkdownComponentsProvider = ({ value, children }) => {
 };
 
 const externalRegex = new RegExp('^(?:[a-z]+:)?//', 'i');
-const ReactRouterMarkdownLink = ({ title, href, children }) => {
+const ReactRouterMarkdownLink = ({ title, to, href: _href, children, }) => {
+    const href = to || _href;
     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));
@@ -2807,7 +2814,7 @@ function withRouter(WrappedComponent) {
         const { Router, routerProps } = useRouter((_c = props.router) !== null && _c !== void 0 ? _c : 'history', basePath, staticRouterPath);
         return (React__namespace.createElement(Router, Object.assign({}, routerProps, { key: basePath }),
             React__namespace.createElement(reactRouterDom.Route, { path: "/" },
-                React__namespace.createElement(MarkdownComponentsProvider, { value: { link: ReactRouterMarkdownLink } },
+                React__namespace.createElement(MarkdownComponentsProvider, { value: { a: ReactRouterMarkdownLink } },
                     React__namespace.createElement(WrappedComponent, Object.assign({}, props))))));
     };
     WithRouter.displayName = `WithRouter(${getDisplayName(WrappedComponent)})`;

package/index.mjs

@@ -987,7 +987,7 @@ const booleanOptions = [
     { label: 'True', value: 'true' },
 ];
 function enumOptions(enumValues, required) {
-    const options = map(enumValues, v => ({ value: Number.isNaN(Number(v)) ? String(v) : Number(v) }));
+    const options = map(enumValues, v => ({ value: typeof v === 'number' ? v : String(v) }));
     return required ? options : [{ label: 'Not Set', value: '' }, ...options];
 }
 function parameterOptions(parameter) {
@@ -1015,7 +1015,11 @@ function parameterSupportsFileUpload(parameter) {
             ((_c = parameter.schema) === null || _c === void 0 ? void 0 : _c.contentMediaType) === 'application/octet-stream'));
 }
 function exampleValue(example) {
-    return 'value' in example ? String(example.value) : String(example.externalValue);
+    const value = 'value' in example ? example.value : example.externalValue;
+    return escapeQuotes(String(value));
+}
+function escapeQuotes(value) {
+    return value.replace(/"/g, '\\"');
 }
 function getPlaceholderForParameter(parameter) {
     var _a, _b;
@@ -1316,7 +1320,9 @@ function buildFetchRequest({ httpOperation, mediaTypeContent, bodyInput, paramet
         const serverUrl = getServerUrl({ httpOperation, mockData, chosenServer, corsProxy });
         const shouldIncludeBody = ['PUT', 'POST', 'PATCH'].includes(httpOperation.method.toUpperCase());
         const queryParams = (_c = (_b = (_a = httpOperation.request) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.map(param => { var _a; return ({ name: param.name, value: (_a = parameterValues[param.name]) !== null && _a !== void 0 ? _a : '' }); }).filter(({ value }) => value.length > 0)) !== null && _c !== void 0 ? _c : [];
-        const rawHeaders = filterOutAuthorizationParams((_e = (_d = httpOperation.request) === null || _d === void 0 ? void 0 : _d.headers) !== null && _e !== void 0 ? _e : [], httpOperation.security).map(header => { var _a; return ({ name: header.name, value: (_a = parameterValues[header.name]) !== null && _a !== void 0 ? _a : '' }); });
+        const rawHeaders = filterOutAuthorizationParams((_e = (_d = httpOperation.request) === null || _d === void 0 ? void 0 : _d.headers) !== null && _e !== void 0 ? _e : [], httpOperation.security)
+            .map(header => { var _a; return ({ name: header.name, value: (_a = parameterValues[header.name]) !== null && _a !== void 0 ? _a : '' }); })
+            .filter(({ value }) => value.length > 0);
         const [queryParamsWithAuth, headersWithAuth] = runAuthRequestEhancements(auth, queryParams, rawHeaders);
         const expandedPath = uriExpand(httpOperation.path, parameterValues);
         const url = new URL(URI(serverUrl).segment(expandedPath).toString());
@@ -1604,9 +1610,9 @@ const bodyFormatMap = {
     text: ['raw'],
 };
 const regex = {
-    image: /image\/(.+)*(jpeg|gif|png|svg)/,
-    json: /application\/(.+)*json/,
-    xml: /(text|application)\/(.+)*(xml|html)/,
+    image: /image\/(.?)*(jpeg|gif|png|svg)/,
+    json: /application\/(.?)*json/,
+    xml: /(text|application)\/(.?)*(xml|html)/,
     text: /text\/.*/,
 };
 function getResponseType(contentType) {
@@ -2341,14 +2347,14 @@ const ModelComponent = ({ data: unresolvedData, className, nodeTitle, layoutOpti
 const Model = withErrorBoundary(ModelComponent, { recoverableProps: ['data'] });
 
 const Docs = React.memo((_a) => {
-    var { nodeType, nodeData, useNodeForRefResolving = false } = _a, commonProps = __rest(_a, ["nodeType", "nodeData", "useNodeForRefResolving"]);
+    var { nodeType, nodeData, useNodeForRefResolving = false, refResolver } = _a, commonProps = __rest(_a, ["nodeType", "nodeData", "useNodeForRefResolving", "refResolver"]);
     const parsedNode = useParsedData(nodeType, nodeData);
     if (!parsedNode) {
         return null;
     }
     const parsedDocs = React.createElement(ParsedDocs, Object.assign({ node: parsedNode }, commonProps));
     if (useNodeForRefResolving) {
-        return React.createElement(InlineRefResolverProvider, { document: parsedNode.data }, parsedDocs);
+        return (React.createElement(InlineRefResolverProvider, { document: parsedNode.data, resolver: refResolver }, parsedDocs));
     }
     return parsedDocs;
 });
@@ -2506,7 +2512,8 @@ const MarkdownComponentsProvider = ({ value, children }) => {
 };
 
 const externalRegex = new RegExp('^(?:[a-z]+:)?//', 'i');
-const ReactRouterMarkdownLink = ({ title, href, children }) => {
+const ReactRouterMarkdownLink = ({ title, to, href: _href, children, }) => {
+    const href = to || _href;
     const isExternal = href !== undefined && externalRegex.test(href);
     if (isExternal) {
         return (React__default.createElement("a", { target: "_blank", rel: "noreferrer noopener", href: href, title: title }, children));
@@ -2752,7 +2759,7 @@ function withRouter(WrappedComponent) {
         const { Router, routerProps } = useRouter((_c = props.router) !== null && _c !== void 0 ? _c : 'history', basePath, staticRouterPath);
         return (React.createElement(Router, Object.assign({}, routerProps, { key: basePath }),
             React.createElement(Route, { path: "/" },
-                React.createElement(MarkdownComponentsProvider, { value: { link: ReactRouterMarkdownLink } },
+                React.createElement(MarkdownComponentsProvider, { value: { a: ReactRouterMarkdownLink } },
                     React.createElement(WrappedComponent, Object.assign({}, props))))));
     };
     WithRouter.displayName = `WithRouter(${getDisplayName(WrappedComponent)})`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stoplight/elements-core",
-  "version": "7.5.4",
+  "version": "7.5.8",
   "main": "./index.js",
   "sideEffects": [
     "web-components.min.js",
@@ -28,7 +28,7 @@
     "@stoplight/json": "^3.10.0",
     "@stoplight/json-schema-ref-parser": "^9.0.5",
     "@stoplight/json-schema-sampler": "0.2.2",
-    "@stoplight/json-schema-viewer": "^4.4.2",
+    "@stoplight/json-schema-viewer": "^4.5.0",
     "@stoplight/markdown": "^3.1.1",
     "@stoplight/markdown-viewer": "^5.3.2",
     "@stoplight/mosaic": "^1.15.2",