@stoplight/elements-core 9.0.25-beta-0.1 → 9.0.25-beta-0.2

package/{index.mjs → dist/index.mjs}

@@ -2,7 +2,7 @@ import { __rest, __awaiter } from 'tslib';
 import * as React from 'react';
 import React__default, { useContext, memo, useMemo, useState, useEffect, useRef, useLayoutEffect } from 'react';
 import { convertToJsonSchema } from '@stoplight/http-spec/oas';
-import { resolveInlineRef, hasRef, isPlainObject as isPlainObject$1, safeParse, safeStringify } from '@stoplight/json';
+import { resolveInlineRef, hasRef, isPlainObject as isPlainObject$1, safeStringify, safeParse } from '@stoplight/json';
 import isArray from 'lodash/isArray.js';
 import isPlainObject from 'lodash/isPlainObject.js';
 import { NodeType, HttpParamStyles } from '@stoplight/types';
@@ -16,6 +16,7 @@ export { DefaultSMDComponents } from '@stoplight/markdown-viewer';
 import cn from 'classnames';
 import { atomWithStorage, useAtomValue } from 'jotai/utils';
 import { atom, useAtom, Provider } from 'jotai';
+import * as Sampler from '@stoplight/json-schema-sampler';
 import URI from 'urijs';
 import isString from 'lodash/isString.js';
 import { CodeViewer } from '@stoplight/mosaic-code-viewer';
@@ -38,7 +39,6 @@ import map from 'lodash/map.js';
 import mapValues from 'lodash/mapValues.js';
 import pickBy from 'lodash/pickBy.js';
 import { CodeEditor } from '@stoplight/mosaic-code-editor';
-import * as Sampler from '@stoplight/json-schema-sampler';
 import compact from 'lodash/compact.js';
 import uniq from 'lodash/uniq.js';
 import orderBy from 'lodash/orderBy.js';
@@ -652,6 +652,242 @@ function useIsCompact(layoutOptions) {
 
 const chosenServerAtom = atom(undefined);
 
+const mergeOneOfAnyOf = (schema) => {
+    if (!isPlainObject$1(schema)) {
+        return schema;
+    }
+    let result = Object.assign({}, schema);
+    if (result.oneOf && result.oneOf.length > 0) {
+        const firstOption = result.oneOf[0];
+        const { oneOf } = result, rest = __rest(result, ["oneOf"]);
+        result = Object.assign(Object.assign({}, rest), firstOption);
+    }
+    else if (result.anyOf && result.anyOf.length > 0) {
+        const firstOption = result.anyOf[0];
+        const { anyOf } = result, rest = __rest(result, ["anyOf"]);
+        result = Object.assign(Object.assign({}, rest), firstOption);
+    }
+    if (result.properties) {
+        result.properties = Object.fromEntries(Object.entries(result.properties).map(([key, value]) => [key, mergeOneOfAnyOf(value)]));
+    }
+    if (result.items) {
+        result.items = mergeOneOfAnyOf(result.items);
+    }
+    if (result.allOf) {
+        result.allOf = result.allOf.map((item) => mergeOneOfAnyOf(item));
+    }
+    delete result.oneOf;
+    delete result.anyOf;
+    return result;
+};
+const OAS_FORMAT_RANGES = {
+    int32: { minimum: 0 - Math.pow(2, 31), maximum: Math.pow(2, 31) - 1 },
+    int64: { minimum: Number.MIN_SAFE_INTEGER, maximum: Number.MAX_SAFE_INTEGER },
+    float: { minimum: 0 - Math.pow(2, 128), maximum: Math.pow(2, 128) - 1 },
+    double: { minimum: 0 - Number.MAX_VALUE, maximum: Number.MAX_VALUE },
+};
+const stripInferredNumericBounds = (schema) => {
+    var _a;
+    if (!isPlainObject$1(schema)) {
+        return schema;
+    }
+    const result = Object.assign({}, schema);
+    const explicitProperties = Array.isArray((_a = result === null || result === void 0 ? void 0 : result['x-stoplight']) === null || _a === void 0 ? void 0 : _a.explicitProperties)
+        ? result['x-stoplight'].explicitProperties
+        : [];
+    const isNumericType = result.type === 'integer' || result.type === 'number';
+    const formatRange = OAS_FORMAT_RANGES[result.format];
+    const hasExplicitMinimum = explicitProperties.includes('minimum') && result.minimum !== (formatRange === null || formatRange === void 0 ? void 0 : formatRange.minimum);
+    const hasExplicitMaximum = explicitProperties.includes('maximum') && result.maximum !== (formatRange === null || formatRange === void 0 ? void 0 : formatRange.maximum);
+    if (isNumericType && !hasExplicitMinimum) {
+        delete result.minimum;
+    }
+    if (isNumericType && !hasExplicitMaximum) {
+        delete result.maximum;
+    }
+    if (result.properties && isPlainObject$1(result.properties)) {
+        result.properties = Object.fromEntries(Object.entries(result.properties).map(([key, value]) => [key, stripInferredNumericBounds(value)]));
+    }
+    if (Array.isArray(result.items)) {
+        result.items = result.items.map((item) => stripInferredNumericBounds(item));
+    }
+    else if (result.items) {
+        result.items = stripInferredNumericBounds(result.items);
+    }
+    if (Array.isArray(result.allOf)) {
+        result.allOf = result.allOf.map((item) => stripInferredNumericBounds(item));
+    }
+    if (Array.isArray(result.oneOf)) {
+        result.oneOf = result.oneOf.map((item) => stripInferredNumericBounds(item));
+    }
+    if (Array.isArray(result.anyOf)) {
+        result.anyOf = result.anyOf.map((item) => stripInferredNumericBounds(item));
+    }
+    return result;
+};
+const FLOAT_ZERO_MARKER = '__FLOAT_ZERO__';
+const markFloatZeros = (value, schema) => {
+    if (!isPlainObject$1(schema))
+        return value;
+    if (Array.isArray(schema.allOf)) {
+        return schema.allOf.reduce((currentValue, item) => markFloatZeros(currentValue, item), value);
+    }
+    if (Array.isArray(schema.oneOf) && schema.oneOf.length > 0) {
+        return markFloatZeros(value, schema.oneOf[0]);
+    }
+    if (Array.isArray(schema.anyOf) && schema.anyOf.length > 0) {
+        return markFloatZeros(value, schema.anyOf[0]);
+    }
+    if (schema.type === 'number' && (schema.format === 'float' || schema.format === 'double') && value === 0) {
+        return FLOAT_ZERO_MARKER;
+    }
+    if (isPlainObject$1(value) && isPlainObject$1(schema.properties)) {
+        return Object.fromEntries(Object.entries(value).map(([k, v]) => { var _a; return [k, markFloatZeros(v, (_a = schema.properties[k]) !== null && _a !== void 0 ? _a : {})]; }));
+    }
+    if (Array.isArray(value) && schema.items && !Array.isArray(schema.items)) {
+        return value.map((item) => markFloatZeros(item, schema.items));
+    }
+    return value;
+};
+const stringifyWithFloatZeros = (value) => {
+    var _a;
+    if (value === FLOAT_ZERO_MARKER)
+        return '0.0';
+    return ((_a = safeStringify(value, undefined, 2)) !== null && _a !== void 0 ? _a : '').replace(/"__FLOAT_ZERO__"/g, '0.0');
+};
+const normalizeInferredNumericBounds = (value, schema) => {
+    var _a;
+    if (!isPlainObject$1(schema))
+        return value;
+    const schemaObject = schema;
+    if (Array.isArray(schemaObject.allOf)) {
+        return schemaObject.allOf.reduce((currentValue, item) => normalizeInferredNumericBounds(currentValue, item), value);
+    }
+    if (Array.isArray(schemaObject.oneOf) && schemaObject.oneOf.length > 0) {
+        return normalizeInferredNumericBounds(value, schemaObject.oneOf[0]);
+    }
+    if (Array.isArray(schemaObject.anyOf) && schemaObject.anyOf.length > 0) {
+        return normalizeInferredNumericBounds(value, schemaObject.anyOf[0]);
+    }
+    const explicitProperties = Array.isArray((_a = schemaObject === null || schemaObject === void 0 ? void 0 : schemaObject['x-stoplight']) === null || _a === void 0 ? void 0 : _a.explicitProperties)
+        ? schemaObject['x-stoplight'].explicitProperties
+        : [];
+    const isNumericType = schemaObject.type === 'integer' || schemaObject.type === 'number';
+    const formatRange = OAS_FORMAT_RANGES[schemaObject.format];
+    const hasExplicitMinimum = explicitProperties.includes('minimum') && schemaObject.minimum !== (formatRange === null || formatRange === void 0 ? void 0 : formatRange.minimum);
+    const hasExplicitMaximum = explicitProperties.includes('maximum') && schemaObject.maximum !== (formatRange === null || formatRange === void 0 ? void 0 : formatRange.maximum);
+    if (isNumericType &&
+        formatRange &&
+        ((!hasExplicitMinimum && value === formatRange.minimum) || (!hasExplicitMaximum && value === formatRange.maximum))) {
+        return schemaObject.type === 'number' && (schemaObject.format === 'float' || schemaObject.format === 'double')
+            ? FLOAT_ZERO_MARKER
+            : 0;
+    }
+    if (isPlainObject$1(value) && isPlainObject$1(schemaObject.properties)) {
+        return Object.fromEntries(Object.entries(value).map(([key, nestedValue]) => {
+            var _a;
+            return [
+                key,
+                normalizeInferredNumericBounds(nestedValue, (_a = schemaObject.properties[key]) !== null && _a !== void 0 ? _a : {}),
+            ];
+        }));
+    }
+    if (Array.isArray(value) && schemaObject.items && !Array.isArray(schemaObject.items)) {
+        return value.map((item) => normalizeInferredNumericBounds(item, schemaObject.items));
+    }
+    if (Array.isArray(value) && Array.isArray(schemaObject.items)) {
+        return value.map((item, index) => normalizeInferredNumericBounds(item, schemaObject.items[index]));
+    }
+    return value;
+};
+const stringifyExampleWithResolvedSchema = (value, schema) => {
+    const normalizedValue = normalizeInferredNumericBounds(value, schema);
+    return stringifyWithFloatZeros(markFloatZeros(normalizedValue, schema));
+};
+const useGenerateExampleFromMediaTypeContent = (mediaTypeContent, chosenExampleIndex, { skipReadOnly, skipWriteOnly, skipNonRequired, ticks } = {}) => {
+    const document = useDocument();
+    return React__default.useMemo(() => generateExampleFromMediaTypeContent(mediaTypeContent, document, chosenExampleIndex, {
+        skipNonRequired,
+        skipWriteOnly,
+        skipReadOnly,
+        ticks: ticks || 6000,
+    }), [mediaTypeContent, document, chosenExampleIndex, skipNonRequired, skipWriteOnly, skipReadOnly, ticks]);
+};
+const generateExampleFromMediaTypeContent = (mediaTypeContent, document, chosenExampleIndex = 0, options) => {
+    var _a;
+    const textRequestBodySchema = mediaTypeContent === null || mediaTypeContent === void 0 ? void 0 : mediaTypeContent.schema;
+    const textRequestBodyExamples = mediaTypeContent === null || mediaTypeContent === void 0 ? void 0 : mediaTypeContent.examples;
+    try {
+        if (textRequestBodyExamples === null || textRequestBodyExamples === void 0 ? void 0 : textRequestBodyExamples.length) {
+            return ((_a = safeStringify(textRequestBodyExamples === null || textRequestBodyExamples === void 0 ? void 0 : textRequestBodyExamples[chosenExampleIndex]['value'], undefined, 2)) !== null && _a !== void 0 ? _a : '');
+        }
+        else if (textRequestBodySchema) {
+            let unwrappedSchema = getResolvedObject(textRequestBodySchema);
+            unwrappedSchema = stripInferredNumericBounds(unwrappedSchema);
+            unwrappedSchema = mergeOneOfAnyOf(unwrappedSchema);
+            const generated = Sampler.sample(unwrappedSchema, options, document);
+            if (generated === null)
+                return '';
+            return stringifyExampleWithResolvedSchema(generated, unwrappedSchema);
+        }
+    }
+    catch (e) {
+        console.warn(e);
+        return `Example cannot be created for this schema\n${e}`;
+    }
+    return '';
+};
+const generateExamplesFromJsonSchema = (schema) => {
+    var _a;
+    const examples = [];
+    if (Array.isArray(schema === null || schema === void 0 ? void 0 : schema.examples)) {
+        schema.examples.forEach((example, index) => {
+            var _a;
+            examples.push({
+                data: (_a = safeStringify(example, undefined, 2)) !== null && _a !== void 0 ? _a : '',
+                label: index === 0 ? 'default' : `example-${index}`,
+            });
+        });
+    }
+    else if (isPlainObject$1(schema === null || schema === void 0 ? void 0 : schema['x-examples'])) {
+        for (const [label, example] of Object.entries(schema['x-examples'])) {
+            if (isPlainObject$1(example)) {
+                const val = example.hasOwnProperty('value') && Object.keys(example).length === 1 ? example.value : example;
+                examples.push({
+                    label,
+                    data: (_a = safeStringify(val, undefined, 2)) !== null && _a !== void 0 ? _a : '',
+                });
+            }
+        }
+    }
+    if (examples.length) {
+        return examples;
+    }
+    try {
+        let resolvedSchema = getResolvedObject(schema);
+        resolvedSchema = stripInferredNumericBounds(resolvedSchema);
+        resolvedSchema = mergeOneOfAnyOf(resolvedSchema);
+        const generated = Sampler.sample(resolvedSchema, {
+            maxSampleDepth: 4,
+            ticks: 6000,
+        });
+        return generated !== null
+            ? [
+                {
+                    label: 'default',
+                    data: stringifyExampleWithResolvedSchema(generated, resolvedSchema),
+                },
+            ]
+            : [{ label: 'default', data: '' }];
+    }
+    catch (e) {
+        return [{ label: '', data: `Example cannot be created for this schema\n${e}` }];
+    }
+};
+const exceedsSize = (example, size = 500) => {
+    return example.split(/\r\n|\r|\n/).length > size;
+};
+
 function isValidServer(server) {
     return server.url !== null;
 }
@@ -1818,184 +2054,6 @@ function ExampleMenu({ examples, requestBody, onChange }) {
     return (React.createElement(Menu, { "aria-label": "Examples", items: menuItems, renderTrigger: ({ isOpen }) => (React.createElement(Button, { appearance: "minimal", size: "sm", iconRight: ['fas', 'sort'], active: isOpen }, "Examples")) }));
 }
 
-const mergeOneOfAnyOf = (schema) => {
-    if (!isPlainObject$1(schema)) {
-        return schema;
-    }
-    let result = Object.assign({}, schema);
-    if (result.oneOf && result.oneOf.length > 0) {
-        const firstOption = result.oneOf[0];
-        const { oneOf } = result, rest = __rest(result, ["oneOf"]);
-        result = Object.assign(Object.assign({}, rest), firstOption);
-    }
-    else if (result.anyOf && result.anyOf.length > 0) {
-        const firstOption = result.anyOf[0];
-        const { anyOf } = result, rest = __rest(result, ["anyOf"]);
-        result = Object.assign(Object.assign({}, rest), firstOption);
-    }
-    if (result.properties) {
-        result.properties = Object.fromEntries(Object.entries(result.properties).map(([key, value]) => [key, mergeOneOfAnyOf(value)]));
-    }
-    if (result.items) {
-        result.items = mergeOneOfAnyOf(result.items);
-    }
-    if (result.allOf) {
-        result.allOf = result.allOf.map((item) => mergeOneOfAnyOf(item));
-    }
-    delete result.oneOf;
-    delete result.anyOf;
-    return result;
-};
-const OAS_FORMAT_RANGES = {
-    int32: { minimum: 0 - Math.pow(2, 31), maximum: Math.pow(2, 31) - 1 },
-    int64: { minimum: Number.MIN_SAFE_INTEGER, maximum: Number.MAX_SAFE_INTEGER },
-    float: { minimum: 0 - Math.pow(2, 128), maximum: Math.pow(2, 128) - 1 },
-    double: { minimum: 0 - Number.MAX_VALUE, maximum: Number.MAX_VALUE },
-};
-const stripInferredNumericBounds = (schema) => {
-    var _a;
-    if (!isPlainObject$1(schema)) {
-        return schema;
-    }
-    const result = Object.assign({}, schema);
-    const explicitProperties = Array.isArray((_a = result === null || result === void 0 ? void 0 : result['x-stoplight']) === null || _a === void 0 ? void 0 : _a.explicitProperties)
-        ? result['x-stoplight'].explicitProperties
-        : [];
-    const isNumericType = result.type === 'integer' || result.type === 'number';
-    const formatRange = OAS_FORMAT_RANGES[result.format];
-    const hasExplicitMinimum = explicitProperties.includes('minimum') && result.minimum !== (formatRange === null || formatRange === void 0 ? void 0 : formatRange.minimum);
-    const hasExplicitMaximum = explicitProperties.includes('maximum') && result.maximum !== (formatRange === null || formatRange === void 0 ? void 0 : formatRange.maximum);
-    if (isNumericType && !hasExplicitMinimum) {
-        delete result.minimum;
-    }
-    if (isNumericType && !hasExplicitMaximum) {
-        delete result.maximum;
-    }
-    if (result.properties && isPlainObject$1(result.properties)) {
-        result.properties = Object.fromEntries(Object.entries(result.properties).map(([key, value]) => [key, stripInferredNumericBounds(value)]));
-    }
-    if (Array.isArray(result.items)) {
-        result.items = result.items.map((item) => stripInferredNumericBounds(item));
-    }
-    else if (result.items) {
-        result.items = stripInferredNumericBounds(result.items);
-    }
-    if (Array.isArray(result.allOf)) {
-        result.allOf = result.allOf.map((item) => stripInferredNumericBounds(item));
-    }
-    if (Array.isArray(result.oneOf)) {
-        result.oneOf = result.oneOf.map((item) => stripInferredNumericBounds(item));
-    }
-    if (Array.isArray(result.anyOf)) {
-        result.anyOf = result.anyOf.map((item) => stripInferredNumericBounds(item));
-    }
-    return result;
-};
-const FLOAT_ZERO_MARKER = '__FLOAT_ZERO__';
-const markFloatZeros = (value, schema) => {
-    if (!isPlainObject$1(schema))
-        return value;
-    if (schema.type === 'number' && (schema.format === 'float' || schema.format === 'double') && value === 0) {
-        return FLOAT_ZERO_MARKER;
-    }
-    if (isPlainObject$1(value) && isPlainObject$1(schema.properties)) {
-        return Object.fromEntries(Object.entries(value).map(([k, v]) => { var _a; return [k, markFloatZeros(v, (_a = schema.properties[k]) !== null && _a !== void 0 ? _a : {})]; }));
-    }
-    if (Array.isArray(value) && schema.items && !Array.isArray(schema.items)) {
-        return value.map((item) => markFloatZeros(item, schema.items));
-    }
-    return value;
-};
-const stringifyWithFloatZeros = (value) => {
-    var _a;
-    if (value === FLOAT_ZERO_MARKER)
-        return '0.0';
-    return ((_a = safeStringify(value, undefined, 2)) !== null && _a !== void 0 ? _a : '').replace(/"__FLOAT_ZERO__"/g, '0.0');
-};
-const useGenerateExampleFromMediaTypeContent = (mediaTypeContent, chosenExampleIndex, { skipReadOnly, skipWriteOnly, skipNonRequired, ticks } = {}) => {
-    const document = useDocument();
-    return React__default.useMemo(() => generateExampleFromMediaTypeContent(mediaTypeContent, document, chosenExampleIndex, {
-        skipNonRequired,
-        skipWriteOnly,
-        skipReadOnly,
-        ticks: ticks || 6000,
-    }), [mediaTypeContent, document, chosenExampleIndex, skipNonRequired, skipWriteOnly, skipReadOnly, ticks]);
-};
-const generateExampleFromMediaTypeContent = (mediaTypeContent, document, chosenExampleIndex = 0, options) => {
-    var _a;
-    const textRequestBodySchema = mediaTypeContent === null || mediaTypeContent === void 0 ? void 0 : mediaTypeContent.schema;
-    const textRequestBodyExamples = mediaTypeContent === null || mediaTypeContent === void 0 ? void 0 : mediaTypeContent.examples;
-    try {
-        if (textRequestBodyExamples === null || textRequestBodyExamples === void 0 ? void 0 : textRequestBodyExamples.length) {
-            return ((_a = safeStringify(textRequestBodyExamples === null || textRequestBodyExamples === void 0 ? void 0 : textRequestBodyExamples[chosenExampleIndex]['value'], undefined, 2)) !== null && _a !== void 0 ? _a : '');
-        }
-        else if (textRequestBodySchema) {
-            let unwrappedSchema = getResolvedObject(textRequestBodySchema);
-            unwrappedSchema = stripInferredNumericBounds(unwrappedSchema);
-            unwrappedSchema = mergeOneOfAnyOf(unwrappedSchema);
-            const generated = Sampler.sample(unwrappedSchema, options, document);
-            if (generated === null)
-                return '';
-            return stringifyWithFloatZeros(markFloatZeros(generated, unwrappedSchema));
-        }
-    }
-    catch (e) {
-        console.warn(e);
-        return `Example cannot be created for this schema\n${e}`;
-    }
-    return '';
-};
-const generateExamplesFromJsonSchema = (schema) => {
-    var _a;
-    const examples = [];
-    if (Array.isArray(schema === null || schema === void 0 ? void 0 : schema.examples)) {
-        schema.examples.forEach((example, index) => {
-            var _a;
-            examples.push({
-                data: (_a = safeStringify(example, undefined, 2)) !== null && _a !== void 0 ? _a : '',
-                label: index === 0 ? 'default' : `example-${index}`,
-            });
-        });
-    }
-    else if (isPlainObject$1(schema === null || schema === void 0 ? void 0 : schema['x-examples'])) {
-        for (const [label, example] of Object.entries(schema['x-examples'])) {
-            if (isPlainObject$1(example)) {
-                const val = example.hasOwnProperty('value') && Object.keys(example).length === 1 ? example.value : example;
-                examples.push({
-                    label,
-                    data: (_a = safeStringify(val, undefined, 2)) !== null && _a !== void 0 ? _a : '',
-                });
-            }
-        }
-    }
-    if (examples.length) {
-        return examples;
-    }
-    try {
-        let resolvedSchema = getResolvedObject(schema);
-        resolvedSchema = stripInferredNumericBounds(resolvedSchema);
-        resolvedSchema = mergeOneOfAnyOf(resolvedSchema);
-        const generated = Sampler.sample(resolvedSchema, {
-            maxSampleDepth: 4,
-            ticks: 6000,
-        });
-        return generated !== null
-            ? [
-                {
-                    label: 'default',
-                    data: stringifyWithFloatZeros(markFloatZeros(generated, resolvedSchema)),
-                },
-            ]
-            : [{ label: 'default', data: '' }];
-    }
-    catch (e) {
-        return [{ label: '', data: `Example cannot be created for this schema\n${e}` }];
-    }
-};
-const exceedsSize = (example, size = 500) => {
-    return example.split(/\r\n|\r|\n/).length > size;
-};
-
 const useTextRequestBodyState = (mediaTypeContent, skipReadOnly) => {
     const initialRequestBody = useGenerateExampleFromMediaTypeContent(mediaTypeContent, undefined, {
         skipReadOnly,
@@ -2480,7 +2538,7 @@ const TryItResponse = ({ response }) => {
         React.createElement(Panel.Content, null,
             React.createElement("div", null,
                 React.createElement("div", { className: `sl-mb-3 sl-text-${getHttpCodeColor(response.status)}` }, `${response.status} ${(_a = HttpCodeDescriptions[response.status]) !== null && _a !== void 0 ? _a : ''}`),
-                response.bodyText && responseType && ['json', 'xml', 'text'].includes(responseType) ? (React.createElement(ResponseCodeViewer, { language: "json", value: responseType && bodyFormat === 'preview'
+                response.bodyText && responseType && ['json', 'xml', 'text'].includes(responseType) ? (React.createElement(ResponseCodeViewer, { language: "json", value: responseType && bodyFormat === 'preview' && !response.skipBodyParsing
                         ? parseBody(response.bodyText, responseType)
                         : response.bodyText })) : response.blob && responseType === 'image' ? (React.createElement(Flex, { justifyContent: "center" },
                     React.createElement(Image, { src: URL.createObjectURL(response.blob), alt: "response image" }))) : !response.bodyText ? null : (React.createElement("p", null,
@@ -2662,6 +2720,7 @@ const TryIt = ({ httpOperation, mockUrl, onRequestChange, requestBodyIndex, embe
         embeddedInMd,
     ]);
     const handleSendRequest = () => __awaiter(void 0, void 0, void 0, function* () {
+        var _g, _h, _j;
         setValidateParameters(true);
         if (hasRequiredButEmptyParameters || !isHttpOperation(httpOperation))
             return;
@@ -2694,14 +2753,29 @@ const TryIt = ({ httpOperation, mockUrl, onRequestChange, requestBodyIndex, embe
             if (response) {
                 const contentType = response.headers.get('Content-Type');
                 const type = contentType ? getResponseType(contentType) : undefined;
-                const bodyText = type !== 'image' ? yield response.text() : undefined;
+                let bodyText = type !== 'image' ? yield response.text() : undefined;
                 const blob = type === 'image' ? yield response.blob() : undefined;
+                let skipBodyParsing = false;
+                if (mockData && type === 'json' && bodyText) {
+                    const responseMediaType = contentType === null || contentType === void 0 ? void 0 : contentType.split(';')[0];
+                    const responseSchema = (_j = (_h = (_g = httpOperation.responses
+                        .find(({ code }) => code === String(response === null || response === void 0 ? void 0 : response.status))) === null || _g === void 0 ? void 0 : _g.contents) === null || _h === void 0 ? void 0 : _h.find(({ mediaType }) => mediaType === responseMediaType)) === null || _j === void 0 ? void 0 : _j.schema;
+                    if (responseSchema) {
+                        try {
+                            bodyText = stringifyExampleWithResolvedSchema(JSON.parse(bodyText), responseSchema);
+                            skipBodyParsing = true;
+                        }
+                        catch (_k) {
+                        }
+                    }
+                }
                 setResponse(undefined);
                 setResponse({
                     status: response.status,
                     bodyText,
                     blob,
                     contentType,
+                    skipBodyParsing,
                 });
             }
         }

package/dist/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@stoplight/elements-core",
+  "version": "9.0.25-beta-0.2",
+  "main": "./index.js",
+  "sideEffects": [
+    "web-components.min.js",
+    "src/web-components/**",
+    "**/*.css"
+  ],
+  "files": [
+    "**/*"
+  ],
+  "author": "Stoplight <support@stoplight.io>",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/stoplightio/elements"
+  },
+  "license": "Apache-2.0",
+  "engines": {
+    "node": ">=16"
+  },
+  "peerDependencies": {
+    "react": ">=16.8",
+    "react-dom": ">=16.8"
+  },
+  "dependencies": {
+    "@scarf/scarf": "^1.4.0",
+    "@stoplight/http-spec": "^7.1.0",
+    "@stoplight/json": "^3.21.0",
+    "@stoplight/json-schema-ref-parser": "^9.2.7",
+    "@stoplight/json-schema-sampler": "0.3.0",
+    "@stoplight/json-schema-tree": "^4.0.0",
+    "@stoplight/json-schema-viewer": "4.16.3",
+    "@stoplight/markdown-viewer": "^5.7.1",
+    "@stoplight/mosaic": "^1.53.5",
+    "@stoplight/mosaic-code-editor": "^1.53.5",
+    "@stoplight/mosaic-code-viewer": "^1.53.5",
+    "@stoplight/path": "^1.3.2",
+    "@stoplight/react-error-boundary": "^3.0.0",
+    "@stoplight/types": "^14.1.1",
+    "@stoplight/yaml": "^4.3.0",
+    "classnames": "^2.2.6",
+    "httpsnippet-lite": "^3.0.5",
+    "jotai": "1.3.9",
+    "json-schema": "^0.4.0",
+    "lodash": "^4.17.21",
+    "nanoid": "^3.1.32",
+    "prop-types": "^15.7.2",
+    "react-query": "^3.34.19",
+    "react-router-dom": "^6.28.0",
+    "tslib": "^2.1.0",
+    "urijs": "^1.19.11",
+    "util": "^0.12.4",
+    "xml-formatter": "^3.6.3"
+  },
+  "type": "commonjs",
+  "exports": {
+    ".": {
+      "require": "./index.js",
+      "import": "./index.mjs"
+    }
+  },
+  "typings": "index.d.ts",
+  "module": "./index.esm.js"
+}

package/{utils → dist/utils}/exampleGeneration/exampleGeneration.d.ts

@@ -5,6 +5,7 @@ declare type Example = {
     label: string;
     data: string;
 };
+export declare const stringifyExampleWithResolvedSchema: (value: any, schema: any) => string;
 export declare type GenerateExampleFromMediaTypeContentOptions = Sampler.Options;
 export declare const useGenerateExampleFromMediaTypeContent: (mediaTypeContent: IMediaTypeContent | undefined, chosenExampleIndex?: number, { skipReadOnly, skipWriteOnly, skipNonRequired, ticks }?: GenerateExampleFromMediaTypeContentOptions) => string;
 export declare const generateExampleFromMediaTypeContent: (mediaTypeContent: IMediaTypeContent | undefined, document: any, chosenExampleIndex?: number, options?: GenerateExampleFromMediaTypeContentOptions) => string;

package/jest.config.js

@@ -0,0 +1,10 @@
+module.exports = {
+  ...require('../../jest.config'),
+  reporters: [
+    'default',
+    [
+      'jest-junit',
+      { suiteName: 'elements-core', outputFile: '<rootDir>/../../test-results/elements-core/results.xml' },
+    ],
+  ],
+};