@stoplight/elements-core 9.0.25-beta-0.3 → 9.0.25

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IHttpOperationRequestBody } from '@stoplight/types';
 export interface BodyProps {
     body: IHttpOperationRequestBody;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IHttpCallbackOperation } from '@stoplight/types';
 import { ExtensionAddonRenderer } from '../Docs';
 export interface CallbacksProps {

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

@@ -1,7 +1,8 @@
 import { IHttpEndpointOperation } from '@stoplight/types';
+import * as React from 'react';
 import { DocsComponentProps } from '..';
 export declare type HttpOperationProps = DocsComponentProps<IHttpEndpointOperation>;
-export declare const HttpOperation: import("react").FunctionComponent<HttpOperationProps & import("@stoplight/react-error-boundary").ErrorBoundaryProps<{}>>;
+export declare const HttpOperation: React.FunctionComponent<HttpOperationProps & import("@stoplight/react-error-boundary").ErrorBoundaryProps<{}>>;
 export declare function OperationHeader({ id, noHeading, hasBadges, name, isDeprecated, isInternal, hideServerUrl, method, path, }: {
     id: string;
     noHeading?: boolean;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IHttpOperationResponse } from '@stoplight/types';
 interface ResponsesProps {
     responses: IHttpOperationResponse[];

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

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

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

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

package/components/Docs/Skeleton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const DocsSkeleton: ({ className, padding }: {
     className?: string | undefined;
     padding?: string | undefined;

package/components/Docs/story-renderer-helper.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ExtensionAddonRenderer } from './Docs';
 export declare const renderExtensionRenderer: ExtensionAddonRenderer;
 export declare const wrapOptionsContext: (story: any) => JSX.Element;

package/components/Layout/MobileTopNav.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { LogoProps } from '../../types';
 import type { TableOfContentsItem } from '../TableOfContents';
 export declare const MobileTopNav: ({ name, logo, tree, pathname, onTocClick, }: {

package/components/Loading/Loading.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const Loading: () => JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { LinkProps } from '@stoplight/mosaic';
 export declare const ReactRouterMarkdownLink: ({ title, to, href: _href, children, }: Omit<LinkProps<"a">, "target" | "rel"> & {
     to?: string | undefined;

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { BundledBranchNode } from '../../../types';
-export declare const createResolvedImageComponent: (branchNode: BundledBranchNode) => React.NamedExoticComponent<import("react").ImgHTMLAttributes<HTMLImageElement> & import("@stoplight/markdown/ast-types/hast").ImageProperties>;
+export declare const createResolvedImageComponent: (branchNode: BundledBranchNode) => React.NamedExoticComponent<React.ImgHTMLAttributes<HTMLImageElement> & import("@stoplight/markdown/ast-types/hast").ImageProperties>;

package/components/MarkdownViewer/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IMarkdownViewerProps } from '@stoplight/markdown-viewer';
 export declare const MarkdownViewer: {
     (props: IMarkdownViewerProps): JSX.Element;

package/components/ResponseExamples/ResponseExamples.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IHttpEndpointOperation } from '@stoplight/types';
 export interface ResponseExamplesProps {
     httpOperation: IHttpEndpointOperation;

package/components/TableOfContents/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare type TableOfContentsProps = {
     tree: TableOfContentsItem[];
     activeId: string;

package/components/TryIt/Response/Response.d.ts

@@ -4,7 +4,6 @@ export interface ResponseState {
     bodyText?: string;
     contentType: string | null;
     blob?: Blob;
-    skipBodyParsing?: boolean;
 }
 export interface ErrorState {
     error: Error;

package/components/TryIt/Servers/ServersDropdown.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { IServer } from '@stoplight/types';
 export declare type ServersDropdownProps = {
     servers: IServer[];

package/context/Persistence.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-export declare const PersistenceContextProvider: ({ initialValues, scope, children, }: import("react").PropsWithChildren<{
+export declare const PersistenceContextProvider: ({ initialValues, scope, children, }: React.PropsWithChildren<{
     initialValues?: Iterable<readonly [import("jotai").Atom<unknown>, unknown]> | undefined;
     scope?: import("jotai/core/atom").Scope | undefined;
-}>) => import("react").FunctionComponentElement<import("react").ProviderProps<import("jotai/core/contexts").ScopeContainer>>;
+}>) => React.FunctionComponentElement<React.ProviderProps<import("jotai/core/contexts").ScopeContainer>>;
 export declare function withPersistenceBoundary<T>(WrappedComponent: React.ComponentType<T>): React.FC<T>;

package/index.esm.js

@@ -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, safeStringify, safeParse } from '@stoplight/json';
+import { resolveInlineRef, hasRef, isPlainObject as isPlainObject$1, safeParse, safeStringify } from '@stoplight/json';
 import isArray from 'lodash/isArray.js';
 import isPlainObject from 'lodash/isPlainObject.js';
 import { NodeType, HttpParamStyles } from '@stoplight/types';
@@ -16,7 +16,6 @@ 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';
@@ -39,6 +38,7 @@ 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,242 +652,6 @@ 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;
 }
@@ -2054,6 +1818,114 @@ 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 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, _b;
+    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 = mergeOneOfAnyOf(unwrappedSchema);
+            const generated = Sampler.sample(unwrappedSchema, options, document);
+            return generated !== null ? (_b = safeStringify(generated, undefined, 2)) !== null && _b !== void 0 ? _b : '' : '';
+        }
+    }
+    catch (e) {
+        console.warn(e);
+        return `Example cannot be created for this schema\n${e}`;
+    }
+    return '';
+};
+const generateExamplesFromJsonSchema = (schema) => {
+    var _a, _b;
+    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 = mergeOneOfAnyOf(resolvedSchema);
+        const generated = Sampler.sample(resolvedSchema, {
+            maxSampleDepth: 4,
+            ticks: 6000,
+        });
+        return generated !== null
+            ? [
+                {
+                    label: 'default',
+                    data: (_b = safeStringify(generated, undefined, 2)) !== null && _b !== void 0 ? _b : '',
+                },
+            ]
+            : [{ 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,
@@ -2538,7 +2410,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.skipBodyParsing
+                response.bodyText && responseType && ['json', 'xml', 'text'].includes(responseType) ? (React.createElement(ResponseCodeViewer, { language: "json", value: responseType && bodyFormat === 'preview'
                         ? 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,
@@ -2720,7 +2592,6 @@ 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;
@@ -2753,29 +2624,14 @@ const TryIt = ({ httpOperation, mockUrl, onRequestChange, requestBodyIndex, embe
             if (response) {
                 const contentType = response.headers.get('Content-Type');
                 const type = contentType ? getResponseType(contentType) : undefined;
-                let bodyText = type !== 'image' ? yield response.text() : undefined;
+                const 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,
                 });
             }
         }