@redocly/openapi-docs 3.0.0-alpha.13 → 3.0.0-alpha.14

package/lib/components/RedoclyOpenAPIDocs/styled.js

@@ -0,0 +1,170 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var i=Object.getOwnPropertyDescriptor(t,a);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,i)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CssFixes=exports.getMarginFixesByName=exports.RedocWrapStyled=exports.ControlsWrap=exports.BackgroundStubFix=exports.BackgroundStub=exports.ApiContentWrap=exports.RedocWrap=void 0;const styled_components_1=__importStar(require("styled-components")),constants_1=require("../../constants"),panels_1=require("../common/panels"),styled_1=require("../NextSectionButton/styled");exports.RedocWrap=styled_components_1.default.div`
+  display: flex;
+  position: relative;
+  text-align: left;
+  tap-highlight-color: rgba(0, 0, 0, 0);
+  text-size-adjust: 100%;
+  text-rendering: var(--text-rendering, auto) !important;
+
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  font-weight: var(--font-weight-regular);
+  color: var(--text-color);
+  -webkit-font-text-smoothing: var(--text-smoothing);
+
+  * {
+    box-sizing: border-box;
+    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+  }
+`,exports.ApiContentWrap=styled_components_1.default.div`
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin: 0 auto;
+  width: 100%;
+
+  ${({layout:e=constants_1.LayoutVariant.THREE_PANEL,theme:t})=>styled_components_1.css`
+      max-width: ${e===constants_1.LayoutVariant.THREE_PANEL?"100%":""};
+
+      ${t.mediaQueries.small} {
+        width: calc(100% - var(--sidebar-width));
+        max-width: var(--layout-${e}-small-max-width);
+      }
+
+      ${t.mediaQueries.medium} {
+        max-width: var(--layout-${e}-medium-max-width);
+      }
+
+      ${t.mediaQueries.large} {
+        max-width: var(--layout-${e}-large-max-width);
+      }
+
+      ${t.mediaQueries.print} {
+        width: 100%;
+        padding: 0;
+      }
+    `};
+`,exports.BackgroundStub=styled_components_1.default.div`
+  position: absolute;
+  display: none;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  left: 0;
+  background: var(--panel-samples-block-background-color);
+
+  ${({theme:e})=>styled_components_1.css`
+    ${e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
+      display: initial;
+      left: calc(100% - var(--panel-samples-width));
+    }
+
+    ${e.mediaQueries.print} {
+      display: none;
+    }
+  `}
+`;const getBackgroundStubFixWidth=e=>styled_components_1.css`
+  width: calc(
+    (
+        100% - min(100% - var(--sidebar-width) - var(--layout-controls-width), var(${e})) -
+          var(--sidebar-width) + var(--layout-controls-width)
+      ) / 2 + 2px /* 2px to account for rounding errors */
+  );
+`;exports.BackgroundStubFix=styled_components_1.default.div`
+  position: absolute;
+  display: none;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  background: var(--panel-samples-block-background-color);
+  width: 0;
+
+  ${({theme:e})=>styled_components_1.css`
+    ${e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
+      display: initial;
+      ${getBackgroundStubFixWidth("--layout-three-panel-medium-max-width")};
+    }
+
+    ${e.mediaQueries.large} {
+      ${getBackgroundStubFixWidth("--layout-three-panel-large-max-width")};
+    }
+
+    ${e.mediaQueries.print} {
+      display: none;
+    }
+  `}
+`,exports.ControlsWrap=styled_components_1.default.span`
+  position: sticky;
+  display: none;
+  flex-direction: column;
+  justify-content: space-between;
+  top: calc(var(--navbar-height) + var(--layout-controls-top-offset));
+  right: 24px;
+  height: calc(var(--layout-controls-height) * 2 + var(--spacing-unit) * 2);
+  z-index: 1;
+
+  ${({theme:e})=>styled_components_1.css`
+    ${e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
+      display: flex;
+    }
+
+    ${e.mediaQueries.print} {
+      display: none;
+    }
+  `}
+`,exports.RedocWrapStyled=(0,styled_components_1.default)(exports.RedocWrap)`
+  background-color: var(--background-color);
+`;const getMarginFixesByName=e=>styled_components_1.css`
+  margin: 0 max(calc((100% - var(--panel-samples-width) - var(${e})) / 2), 0);
+`;exports.getMarginFixesByName=getMarginFixesByName,exports.CssFixes=styled_components_1.createGlobalStyle`
+  div[data-section-id]::after {
+    content: " ";
+    display: block;
+    height: 0;
+    clear: both;
+    visibility: hidden;
+  }
+
+  ${panels_1.SamplesPanel} {
+    ${({layout:e})=>{if(e===constants_1.LayoutVariant.STACKED)return styled_components_1.css`
+          width: 100%;
+          padding-left: var(--spacing-horizontal);
+        `}}
+    ${({showRightPanelToggle:e})=>{if(!e)return styled_components_1.css`
+          ${({theme:e})=>e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
+            display: none;
+          }
+        `}}
+  }
+
+  ${exports.BackgroundStub}, ${exports.BackgroundStubFix} {
+    ${({showRightPanelToggle:e,layout:t})=>{if(!e&&t===constants_1.LayoutVariant.STACKED)return styled_components_1.css`
+          ${({theme:e})=>e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
+            display: none;
+          }
+        `}}
+  }
+
+  ${panels_1.SamplesMiddlePanel}, ${styled_1.NextSectionButtonWrap} {
+    ${({showRightPanelToggle:e,layout:t})=>e&&t===constants_1.LayoutVariant.THREE_PANEL?styled_components_1.css`
+          margin: 0;
+          ${({theme:e})=>e.mediaQueries.small} {
+            ${(0,exports.getMarginFixesByName)("--layout-panel-schemas-small-max-width")};
+          }
+          ${({theme:e})=>e.mediaQueries.medium} {
+            max-width: var(--layout-panel-schemas-medium-max-width);
+            ${(0,exports.getMarginFixesByName)("--layout-panel-schemas-medium-max-width")};
+          }
+          ${({theme:e})=>e.mediaQueries.large} {
+            max-width: var(--layout-panel-schemas-large-max-width);
+            ${(0,exports.getMarginFixesByName)("--layout-panel-schemas-large-max-width")};
+          }
+        `:t===constants_1.LayoutVariant.STACKED?styled_components_1.css`
+          width: 100%;
+          padding-right: var(--spacing-horizontal);
+        `:void 0};
+  }
+`;
+//# sourceMappingURL=styled.js.map

package/lib/components/RedoclyOpenAPIDocs/types.d.ts

@@ -0,0 +1,63 @@
+import type { LayoutVariant } from 'src/constants';
+import type { CodeSampleConfig, Options, RawOptions, SpecVersions } from '../../services';
+import type { MediaQueries } from '../../utils';
+import type { OpenAPIDefinition } from '../../types';
+import type { RoutingProps } from '../../hoc/types';
+import type { OperationModel } from '../../models';
+export interface ResolvedTheme {
+    mediaQueries: Omit<MediaQueries, 'print'>;
+    showAtBreakpoint: {
+        sidebar: keyof Omit<MediaQueries, 'print'>;
+        samplesPanel: keyof Omit<MediaQueries, 'print'>;
+    };
+}
+export interface RedoclyOpenAPIDocsProps extends RoutingProps {
+    onLoaded?: () => void;
+    _forceRenderInfo?: boolean;
+    store?: StoreProviderProps;
+    licenseKey?: string;
+}
+export interface StoreProviderProps {
+    options?: RawOptions;
+    definition: OpenAPIDefinition | SpecVersions;
+    definitionUrl?: string;
+    activeSampleLanguage?: string;
+    portalOptions?: {
+        defaultMimeType?: string;
+        operation?: OperationModel;
+    };
+}
+export interface ProvidersProps {
+    options: Options;
+    children: React.ReactNode;
+    customOptions?: Partial<Options>;
+}
+export interface RedoclyOpenAPIDocsMultiStandaloneProps {
+    definitions: SpecVersions;
+    options?: RawOptions;
+}
+export interface AppProviderProps {
+    definitionUrl?: string;
+    definition?: GenericObject;
+    definitions?: SpecVersions;
+    options?: RawOptions;
+    activeItemId?: string;
+    activeSampleLanguage?: CodeSampleConfig['lang'] | string;
+    activeDeepLink?: string;
+    portalOptions?: {
+        defaultMimeType?: string;
+    };
+}
+export interface RedoclyOpenAPIDocsStandaloneProps {
+    definition?: GenericObject;
+    definitionUrl?: string;
+    options?: RawOptions;
+    activeItemId?: string;
+    activeSampleLanguage?: CodeSampleConfig['lang'];
+    activeDeepLink?: string;
+}
+export interface CssFixesProps {
+    whiteLabel: boolean;
+    showRightPanelToggle: boolean;
+    layout: LayoutVariant;
+}

package/lib/components/RedoclyOpenAPIDocs/utils.d.ts

@@ -0,0 +1,10 @@
+import type { DependencyList } from 'react';
+import type { OpenAPIDefinition } from '../../types';
+import type { RawOptions, SpecVersions } from '../../services';
+export declare function fixSpec(resolvedSpec: OpenAPIDefinition): void;
+export declare function loadMany(specs: any): Promise<any>;
+export declare function loadSingle(spec: any, specUrl: any, options?: RawOptions): Promise<OpenAPIDefinition>;
+export declare function loadAndBundleSpecOrMd(url: string, title?: string): Promise<OpenAPIDefinition>;
+export declare function loadSpecs({ versions }: SpecVersions): Promise<void>;
+export declare function useDeepCompareMemoize(value: DependencyList): Array<number>;
+export declare function getMarkdownHeaderId(children: any): any;

package/lib/components/RedoclyOpenAPIDocs/utils.js

@@ -0,0 +1,2 @@
+"use strict";var __awaiter=this&&this.__awaiter||function(e,t,n,o){return new(n||(n=Promise))((function(r,i){function d(e){try{a(o.next(e))}catch(e){i(e)}}function s(e){try{a(o.throw(e))}catch(e){i(e)}}function a(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(d,s)}a((o=o.apply(e,t||[])).next())}))},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.getMarkdownHeaderId=exports.useDeepCompareMemoize=exports.loadSpecs=exports.loadAndBundleSpecOrMd=exports.loadSingle=exports.loadMany=exports.fixSpec=void 0;const react_1=require("react"),fast_deep_equal_1=__importDefault(require("fast-deep-equal")),utils_1=require("../../utils");function fixSpec(e){const t=e.components&&e.components.securitySchemes||{};for(const e of Object.keys(t)){const n=t[e];n["x-type"]&&(n.type=n["x-type"]),n["x-scheme"]&&(n.scheme=n["x-scheme"])}}function loadMany(e){return __awaiter(this,void 0,void 0,(function*(){return yield loadSpecs(e||{}),e}))}function loadSingle(e,t,n){return __awaiter(this,void 0,void 0,(function*(){let o;if(null==n?void 0:n.skipBundleAndConvert){if(!e)throw new Error('spec must be specified when using "skipBundleAndConvert"');o=e}else o=yield(0,utils_1.loadAndBundleDefinition)(e||t);const r=null==n?void 0:n.unstable_externalDescription;if(r)try{const e=yield fetch(r);o.info.description=yield e.text()}catch(e){console.warn(`Failed to load external description from ${r}: ${e.message}`)}try{fixSpec(o)}catch(e){}return o}))}function loadAndBundleSpecOrMd(e,t){return e.endsWith(".md")?(0,utils_1.loadAndBundleDefinition)({openapi:"3.0.0",info:{title:t||"",version:"1.0",description:{$ref:e}},paths:{}}):(0,utils_1.loadAndBundleDefinition)(e)}function loadSpecs({versions:e}){return __awaiter(this,void 0,void 0,(function*(){if(Array.isArray(e))for(const t of e)t.url&&(t.spec=yield loadAndBundleSpecOrMd(t.url))}))}function useDeepCompareMemoize(e){const t=(0,react_1.useRef)(),n=(0,react_1.useRef)(0);return(0,fast_deep_equal_1.default)(e,t.current)||(t.current=e,n.current+=1),[n.current]}function getMarkdownHeaderId(e){return"string"==typeof e[0]?`section/${(0,utils_1.safeSlugify)(e[0])}`:e.children?getMarkdownHeaderId(e[0]):void 0}exports.fixSpec=fixSpec,exports.loadMany=loadMany,exports.loadSingle=loadSingle,exports.loadAndBundleSpecOrMd=loadAndBundleSpecOrMd,exports.loadSpecs=loadSpecs,exports.useDeepCompareMemoize=useDeepCompareMemoize,exports.getMarkdownHeaderId=getMarkdownHeaderId;
+//# sourceMappingURL=utils.js.map

package/lib/components/RequestSamples/CodeSample.d.ts

@@ -14,5 +14,5 @@ interface CodeSamplesProps extends ExampleSwitchOptions {
     onlyDefaultMimeType?: boolean;
     onCopyClick(): void;
 }
-export declare const CodeSample: React.FC<CodeSamplesProps>;
+export declare const CodeSample: React.NamedExoticComponent<CodeSamplesProps>;
 export {};

package/lib/components/RequestSamples/CodeSample.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var a=Object.getOwnPropertyDescriptor(t,r);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,a)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__rest=this&&this.__rest||function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)t.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(r[o[a]]=e[o[a]])}return r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodeSample=void 0;const react_1=__importStar(require("react")),mobx_react_1=require("mobx-react"),theme_1=require("@redocly/theme"),DropdownOrLabel_1=require("../DropdownOrLabel"),MediaTypeSwitch_1=require("../MediaTypeSwitch"),PayloadSamples_1=require("../PayloadSamples"),Example_1=require("./Example"),shared_1=require("../shared"),Dropdown_1=require("../common/Dropdown");function CodeSampleComponent(e){var{onlyDefaultSample:t,onlyDefaultMimeType:r,content:o,onCopyClick:a}=e,n=__rest(e,["onlyDefaultSample","onlyDefaultMimeType","content","onCopyClick"]);const l=(0,react_1.useCallback)((e=>{var t,a,n;const l=r&&(null===(t=e.operation)||void 0===t?void 0:t.defaultMimeType);return(null!==(n=null===(a=null==o?void 0:o.mediaTypes)||void 0===a?void 0:a.length)&&void 0!==n?n:0)>1&&!l?react_1.default.createElement(PayloadSamples_1.DropdownWrapper,null,react_1.default.createElement(DropdownOrLabel_1.DropdownOrLabel,Object.assign({Label:shared_1.MimeLabel,Dropdown:Dropdown_1.Dropdown,variant:"dark",fullWidth:!0},e))):null}),[o,r]),i=e=>n.source?react_1.default.createElement(theme_1.SourceCode,{lang:n.lang,source:n.source,withCopyButton:!0,onCopyClick:a}):react_1.default.createElement(theme_1.SourceCode,{lang:n.lang,externalSource:{sample:n.externalSample,exampleName:e,operation:n.operation,pathParams:n.pathParams,properties:n.properties},withCopyButton:!0,onCopyClick:a});return void 0===o||null!=n.source?i():react_1.default.createElement(MediaTypeSwitch_1.MediaTypesSwitch,{content:o,renderDropdown:l},(e=>react_1.default.createElement(Example_1.Example,{mediaType:e,mediaContent:o,renderSample:i,onlyDefaultSample:t})))}exports.CodeSample=(0,mobx_react_1.observer)(CodeSampleComponent);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var a=Object.getOwnPropertyDescriptor(t,r);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,a)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__rest=this&&this.__rest||function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)t.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(r[o[a]]=e[o[a]])}return r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodeSample=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),DropdownOrLabel_1=require("../DropdownOrLabel"),MediaTypeSwitch_1=require("../MediaTypeSwitch"),PayloadSamples_1=require("../PayloadSamples"),Example_1=require("./Example"),shared_1=require("../shared"),Dropdown_1=require("../common/Dropdown");function CodeSampleComponent(e){var{onlyDefaultSample:t,onlyDefaultMimeType:r,content:o,onCopyClick:a}=e,n=__rest(e,["onlyDefaultSample","onlyDefaultMimeType","content","onCopyClick"]);const l=(0,react_1.useCallback)((e=>{var t,a,n;const l=r&&(null===(t=e.operation)||void 0===t?void 0:t.defaultMimeType);return(null!==(n=null===(a=null==o?void 0:o.mediaTypes)||void 0===a?void 0:a.length)&&void 0!==n?n:0)>1&&!l?react_1.default.createElement(PayloadSamples_1.DropdownWrapper,null,react_1.default.createElement(DropdownOrLabel_1.DropdownOrLabel,Object.assign({Label:shared_1.MimeLabel,Dropdown:Dropdown_1.Dropdown,variant:"dark",fullWidth:!0},e))):null}),[o,r]),i=e=>n.source?react_1.default.createElement(theme_1.SourceCode,{lang:n.lang,source:n.source,withCopyButton:!0,onCopyClick:a}):react_1.default.createElement(theme_1.SourceCode,{lang:n.lang,externalSource:{sample:n.externalSample,exampleName:e,operation:n.operation,pathParams:n.pathParams,properties:n.properties},withCopyButton:!0,onCopyClick:a});return void 0===o||null!=n.source?i():react_1.default.createElement(MediaTypeSwitch_1.MediaTypesSwitch,{content:o,renderDropdown:l},(e=>react_1.default.createElement(Example_1.Example,{mediaType:e,mediaContent:o,renderSample:i,onlyDefaultSample:t})))}exports.CodeSample=(0,react_1.memo)(CodeSampleComponent);
 //# sourceMappingURL=CodeSample.js.map

package/lib/components/RequestSamples/Example.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { MediaContentModel, MediaTypeModel } from '../../models';
 interface ExampleProps {
     mediaType: MediaTypeModel;
@@ -5,6 +6,5 @@ interface ExampleProps {
     onlyDefaultSample?: boolean;
     renderSample: (exampleName?: string) => JSX.Element;
 }
-declare function ExampleComponent({ mediaType, mediaContent, renderSample, onlyDefaultSample, }: ExampleProps): JSX.Element;
-export declare const Example: typeof ExampleComponent;
+export declare const Example: React.NamedExoticComponent<ExampleProps>;
 export {};

package/lib/components/RequestSamples/Example.js

@@ -1,2 +1,2 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Example=void 0;const mobx_react_1=require("mobx-react"),react_1=__importDefault(require("react")),Samples_1=require("../Samples");function ExampleComponent({mediaType:e,mediaContent:t,renderSample:a,onlyDefaultSample:r}){const l=e.examples||{},m=Object.keys(l),{exampleKey:p,defaultExampleName:n}=(0,Samples_1.useExampleKey)(e.operation,l);if(!m.length||1===m.length)return a();if(n&&r)return a(p);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Samples_1.ExampleSwitch,{examples:l,exampleKey:p,onChange:e=>t.activateExampleName(e)}),a(p))}exports.Example=(0,mobx_react_1.observer)(ExampleComponent);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Example=void 0;const react_1=__importStar(require("react")),Samples_1=require("../Samples"),hooks_1=require("../../hooks");function ExampleComponent({mediaType:e,mediaContent:t,renderSample:r,onlyDefaultSample:a}){const n=e.examples||{},l=Object.keys(n),o=(0,hooks_1.useActivateExample)(t),{exampleKey:i,defaultExampleName:u}=(0,Samples_1.useExampleKey)(e.operation,n);if(!l.length||1===l.length)return r();if(u&&a)return r(i);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Samples_1.ExampleSwitch,{examples:n,exampleKey:i,onChange:e=>o(e)}),r(i))}exports.Example=(0,react_1.memo)(ExampleComponent);
 //# sourceMappingURL=Example.js.map

package/lib/components/RequestSamples/RequestSamples.d.ts

@@ -10,5 +10,5 @@ interface RequestSamplesProps {
     onlyDefaultMimeType?: boolean;
     content?: MediaContentModel;
 }
-export declare const RequestSamples: React.FC<RequestSamplesProps>;
+export declare const RequestSamples: React.NamedExoticComponent<RequestSamplesProps>;
 export {};

package/lib/components/RequestSamples/RequestSamples.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,r){void 0===r&&(r=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,l)}:function(e,t,a,r){void 0===r&&(r=a),e[r]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t},__rest=this&&this.__rest||function(e,t){var a={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(r=Object.getOwnPropertySymbols(e);l<r.length;l++)t.indexOf(r[l])<0&&Object.prototype.propertyIsEnumerable.call(e,r[l])&&(a[r[l]]=e[r[l]])}return a};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestSamples=void 0;const react_1=__importStar(require("react")),mobx_react_1=require("mobx-react"),react_tabs_1=require("react-tabs"),PayloadSamples_1=require("../PayloadSamples"),CodeSample_1=require("./CodeSample"),useCodeSamples_1=require("./useCodeSamples"),services_1=require("../../services"),models_1=require("../../models"),events_1=require("../../events"),Samples_1=require("../Samples"),context_1=require("../../context"),Panel_1=require("../Panel");function RequestSamplesComponent(e){var{operation:t,defaultLanguage:a,disableHeader:r,content:l}=e,n=__rest(e,["operation","defaultLanguage","disableHeader","content"]);const{events:o,hideSingleRequestSampleTab:s}=(0,react_1.useContext)(context_1.OptionsContext);(0,react_1.useEffect)((()=>{}),[t.activeServer,t.requestValues]);const{samples:i,payload:u}=(0,useCodeSamples_1.useCodeSamples)(t),c=1===i.length&&s,p=(0,react_1.useCallback)((({lang:e,title:a})=>()=>{var r;const l=(0,events_1.createCodeSampleCopyEvent)({operation:t,label:a,lang:e,type:"request"});null===(r=null==o?void 0:o.codeSamplesCopy)||void 0===r||r.call(o,l)}),[t,o]);return i.length?react_1.default.createElement(Panel_1.CodePanel,{className:"panel-request-samples",header:r?void 0:(0,services_1.l)("requestSamples"),onToggle:e=>{var a;const r=(0,events_1.creatPanelToggleEvent)({operation:t,isExpanded:e,panelType:"request-samples"});null===(a=null==o?void 0:o.panelToggle)||void 0===a||a.call(o,r)}},react_1.default.createElement(Samples_1.SamplesTabs,{operation:t,tabs:i,onChange:e=>{var a;const r=(0,events_1.createLanguageSwitchEvent)({operation:t,sample:e});null===(a=null==o?void 0:o.codeSamplesLanguageSwitch)||void 0===a||a.call(o,r)},hidden:c,defaultLanguage:a,id:t.id+"/request-tab"},i.map((e=>react_1.default.createElement(react_tabs_1.TabPanel,{key:e.key+t.id},(0,models_1.isPayloadSample)(e)?react_1.default.createElement(PayloadSamples_1.PayloadSamples,Object.assign({content:e.requestBodyContent,operation:t,onCopyClick:p(e)},n)):react_1.default.createElement(CodeSample_1.CodeSample,Object.assign({lang:e.lang,source:e.source,externalSample:e,content:null==u?void 0:u.requestBodyContent,operation:t,onCopyClick:p(e)},n))))))):null}exports.RequestSamples=(0,mobx_react_1.observer)(RequestSamplesComponent);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,l){void 0===l&&(l=a);var r=Object.getOwnPropertyDescriptor(t,a);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,l,r)}:function(e,t,a,l){void 0===l&&(l=a),e[l]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t},__rest=this&&this.__rest||function(e,t){var a={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&t.indexOf(l)<0&&(a[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(l=Object.getOwnPropertySymbols(e);r<l.length;r++)t.indexOf(l[r])<0&&Object.prototype.propertyIsEnumerable.call(e,l[r])&&(a[l[r]]=e[l[r]])}return a};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestSamples=void 0;const react_1=__importStar(require("react")),react_tabs_1=require("react-tabs"),recoil_1=require("recoil"),PayloadSamples_1=require("../PayloadSamples"),CodeSample_1=require("./CodeSample"),useCodeSamples_1=require("./useCodeSamples"),services_1=require("../../services"),models_1=require("../../models"),events_1=require("../../events"),Samples_1=require("../Samples"),Panel_1=require("../Panel"),store_1=require("../../recoil/store");function RequestSamplesComponent(e){var{operation:t,defaultLanguage:a,disableHeader:l,content:r}=e,n=__rest(e,["operation","defaultLanguage","disableHeader","content"]);const{events:o,hideSingleRequestSampleTab:s}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),{samples:i,payload:u}=(0,useCodeSamples_1.useCodeSamples)(t),c=1===i.length&&s,p=(0,react_1.useCallback)((({lang:e,title:a})=>()=>{var l;const r=(0,events_1.createCodeSampleCopyEvent)({operation:t,label:a,lang:e,type:"request"});null===(l=null==o?void 0:o.codeSamplesCopy)||void 0===l||l.call(o,r)}),[t,o]);return i.length?react_1.default.createElement(Panel_1.CodePanel,{className:"panel-request-samples",header:l?void 0:(0,services_1.l)("requestSamples"),onToggle:e=>{var a;const l=(0,events_1.creatPanelToggleEvent)({operation:t,isExpanded:e,panelType:"request-samples"});null===(a=null==o?void 0:o.panelToggle)||void 0===a||a.call(o,l)}},react_1.default.createElement(Samples_1.SamplesTabs,{tabs:i,onChange:e=>{var a;const l=(0,events_1.createLanguageSwitchEvent)({operation:t,sample:e});null===(a=null==o?void 0:o.codeSamplesLanguageSwitch)||void 0===a||a.call(o,l)},hidden:c,defaultLanguage:a,id:t.id+"/request-tab"},i.map((e=>react_1.default.createElement(react_tabs_1.TabPanel,{key:e.key+t.id},(0,models_1.isPayloadSample)(e)?react_1.default.createElement(PayloadSamples_1.PayloadSamples,Object.assign({content:e.requestBodyContent,onCopyClick:p(e)},n)):react_1.default.createElement(CodeSample_1.CodeSample,Object.assign({lang:e.lang,source:e.source,externalSample:e,content:null==u?void 0:u.requestBodyContent,operation:t,onCopyClick:p(e)},n))))))):null}exports.RequestSamples=(0,react_1.memo)(RequestSamplesComponent);
 //# sourceMappingURL=RequestSamples.js.map

package/lib/components/ResponseSamples/ResponseSamples.d.ts

@@ -1,5 +1,8 @@
+import React from 'react';
 import type { OperationModel } from '../../models';
 export interface ResponseSamplesProps {
     operation: OperationModel;
 }
-export declare function ResponseSamples({ operation }: ResponseSamplesProps): JSX.Element | null;
+declare function ResponseSamplesComponent({ operation }: ResponseSamplesProps): JSX.Element | null;
+export declare const ResponseSamples: React.MemoExoticComponent<typeof ResponseSamplesComponent>;
+export {};

package/lib/components/ResponseSamples/ResponseSamples.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,n){void 0===n&&(n=a);var r=Object.getOwnPropertyDescriptor(t,a);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,n,r)}:function(e,t,a,n){void 0===n&&(n=a),e[n]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseSamples=void 0;const react_1=__importStar(require("react")),Tabs_1=require("../Tabs"),Panel_1=require("../Panel"),PayloadSamples_1=require("../PayloadSamples"),events_1=require("../../events"),context_1=require("../../context"),services_1=require("../../services");function ResponseSamples({operation:e}){const{events:t}=(0,react_1.useContext)(context_1.OptionsContext),a=e.responses.filter((e=>{var t,a;return null!==(a=null===(t=e.content)||void 0===t?void 0:t.hasSample)&&void 0!==a&&a})),n=(0,react_1.useCallback)((()=>{var a;const n=(0,events_1.createCodeSampleCopyEvent)({operation:e,type:"response"});null===(a=null==t?void 0:t.codeSamplesCopy)||void 0===a||a.call(t,n)}),[e,t]);if(!a.length)return null;const r=a.map((({code:e})=>({key:e,title:e})));return react_1.default.createElement(Panel_1.CodePanel,{className:"panel-response-samples",header:(0,services_1.l)("responseSamples"),onToggle:a=>{var n;const r=(0,events_1.creatPanelToggleEvent)({operation:e,isExpanded:a,panelType:"response-samples"});null===(n=null==t?void 0:t.panelToggle)||void 0===n||n.call(t,r)}},react_1.default.createElement(Tabs_1.CollapsingTabs,{tabs:r,operation:e},a.map((e=>react_1.default.createElement(Tabs_1.TabPanel,{key:e.code,value:e.code},react_1.default.createElement("div",null,react_1.default.createElement(PayloadSamples_1.PayloadSamples,{content:e.content,onCopyClick:n})))))))}exports.ResponseSamples=ResponseSamples;
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,r){void 0===r&&(r=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,l)}:function(e,t,a,r){void 0===r&&(r=a),e[r]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseSamples=void 0;const react_1=__importStar(require("react")),recoil_1=require("recoil"),Tabs_1=require("../Tabs"),Panel_1=require("../Panel"),PayloadSamples_1=require("../PayloadSamples"),events_1=require("../../events"),services_1=require("../../services"),store_1=require("../../recoil/store");function ResponseSamplesComponent({operation:e}){const{events:t}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),a=e.responses.filter((e=>{var t,a;return null!==(a=null===(t=e.content)||void 0===t?void 0:t.hasSample)&&void 0!==a&&a})),r=(0,react_1.useCallback)((()=>{var a;const r=(0,events_1.createCodeSampleCopyEvent)({operation:e,type:"response"});null===(a=null==t?void 0:t.codeSamplesCopy)||void 0===a||a.call(t,r)}),[e,t]);if(!a.length)return null;const l=a.map((({code:e})=>({key:e,title:e})));return react_1.default.createElement(Panel_1.CodePanel,{className:"panel-response-samples",header:(0,services_1.l)("responseSamples"),onToggle:a=>{var r;const l=(0,events_1.creatPanelToggleEvent)({operation:e,isExpanded:a,panelType:"response-samples"});null===(r=null==t?void 0:t.panelToggle)||void 0===r||r.call(t,l)}},react_1.default.createElement(Tabs_1.CollapsingTabs,{tabs:l,operation:e},a.map((e=>react_1.default.createElement(Tabs_1.TabPanel,{key:e.code,value:e.code},react_1.default.createElement("div",null,react_1.default.createElement(PayloadSamples_1.PayloadSamples,{content:e.content,onCopyClick:r})))))))}exports.ResponseSamples=(0,react_1.memo)(ResponseSamplesComponent);
 //# sourceMappingURL=ResponseSamples.js.map

package/lib/components/Responses/Response.d.ts

@@ -1,4 +1,2 @@
 import type { ResponseProps } from './types';
-declare function ResponseComponent({ response }: ResponseProps): JSX.Element;
-export declare const Response: typeof ResponseComponent;
-export {};
+export declare function Response({ response }: ResponseProps): JSX.Element;

package/lib/components/Responses/Response.js

@@ -1,2 +1,2 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Response=void 0;const react_1=__importDefault(require("react")),mobx_react_1=require("mobx-react"),Panel_1=require("../Panel"),ResponseDetails_1=require("./ResponseDetails"),ResponseSummary_1=require("./ResponseSummary");function ResponseComponent({response:e}){return react_1.default.createElement(Panel_1.StyledResponsePanel,{header:({expanded:s,toggle:t})=>react_1.default.createElement(ResponseSummary_1.ResponseSummary,{response:e,toggle:t,expanded:s}),expanded:Boolean(e.expanded),className:`panel-response-${e.type}`},react_1.default.createElement(ResponseDetails_1.ResponseDetails,{response:e}))}exports.Response=(0,mobx_react_1.observer)(ResponseComponent);
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Response=void 0;const react_1=__importDefault(require("react")),react_router_dom_1=require("react-router-dom"),Panel_1=require("../Panel"),ResponseDetails_1=require("./ResponseDetails"),ResponseSummary_1=require("./ResponseSummary"),useMenuItemLink_1=require("../SideMenu/useMenuItemLink");function Response({response:e}){var t;const r=(0,react_router_dom_1.useLocation)();return react_1.default.createElement(Panel_1.StyledResponsePanel,{header:({toggle:t})=>react_1.default.createElement(ResponseSummary_1.ResponseSummary,{response:e,toggle:t}),expanded:[null===(t=null==e?void 0:e.content)||void 0===t?void 0:t.operation.href,`c=${e.code}`].every((e=>(0,useMenuItemLink_1.checkIfPathIncludes)(r,e))),className:`panel-response-${e.type}`},react_1.default.createElement(ResponseDetails_1.ResponseDetails,{response:e}))}exports.Response=Response;
 //# sourceMappingURL=Response.js.map

package/lib/components/Responses/ResponseSummary.js

@@ -1,2 +1,15 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseSummary=void 0;const react_1=__importDefault(require("react")),theme_1=require("@redocly/theme"),Panel_1=require("../Panel"),icons_1=require("../icons"),Markdown_1=require("../Markdown"),ResponseSummary=({expanded:e=!1,toggle:t,response:r})=>{const{content:a,headers:n,description:l}=r,o=(null==a?void 0:a.mediaTypes.filter((e=>void 0!==e.schema)))||[],u=0===n.length&&0===o.length&&!l;return react_1.default.createElement(theme_1.PanelHeader,{expanded:e,onClick:t,disabled:u},react_1.default.createElement(Panel_1.Trigger,null,react_1.default.createElement(theme_1.PanelHeaderTitle,null,react_1.default.createElement("span",null,r.code),r.summary&&react_1.default.createElement(Markdown_1.Markdown,{inline:!0,source:r.summary})),u?null:react_1.default.createElement(icons_1.ShelfIcon,{direction:e?"down":"right"})))};exports.ResponseSummary=ResponseSummary;
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseSummary=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),Panel_1=require("../Panel"),icons_1=require("../icons"),Markdown_1=require("../Markdown"),utils_1=require("../../utils"),ResponseSummary=({expanded:e=!1,toggle:t,response:r})=>{const{content:a,headers:l=[],description:n,summary:i}=r,o=(null==a?void 0:a.mediaTypes.filter((e=>void 0!==e.schema)))||[],s=(0,utils_1.normalizeText)(i),d=(0,utils_1.normalizeText)(n),u=0===l.length&&0===o.length&&!d;return react_1.default.createElement(theme_1.PanelHeader,{expanded:e,onClick:t,disabled:u},react_1.default.createElement(Panel_1.Trigger,null,react_1.default.createElement(PanelHeaderTitleStyle,null,react_1.default.createElement("p",null,r.code),s&&react_1.default.createElement(Markdown_1.Markdown,{source:s})),u?null:react_1.default.createElement(icons_1.ShelfIcon,{direction:e?"down":"right"})))};exports.ResponseSummary=ResponseSummary;const PanelHeaderTitleStyle=(0,styled_components_1.default)(theme_1.PanelHeaderTitle)`
+  width: 100%;
+  display: flex;
+  align-items: center;
+
+  p {
+    margin: 0;
+    line-height: var(--line-height-base);
+  }
+
+  ${theme_1.MarkdownWrapper} {
+    margin-left: var(--md-paragraph-margin-vertical);
+  }
+`;
 //# sourceMappingURL=ResponseSummary.js.map

package/lib/components/Responses/styled.js

@@ -1,10 +1,10 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PropertiesTableWrapStyled=exports.Wrapper=exports.HeadersCaption=void 0;const styled_components_1=__importDefault(require("styled-components")),Fields_1=require("../common/Fields"),headers_1=require("../common/headers");exports.HeadersCaption=(0,styled_components_1.default)(headers_1.FieldsGroupHeader.withComponent("caption"))`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PropertiesTableWrapStyled=exports.Wrapper=exports.HeadersCaption=void 0;const styled_components_1=__importDefault(require("styled-components")),headers_1=require("../common/headers");exports.HeadersCaption=(0,styled_components_1.default)(headers_1.FieldsGroupHeader.withComponent("caption"))`
   text-align: left;
   margin-top: 1em;
   caption-side: top;
 `,exports.Wrapper=styled_components_1.default.div`
   margin-bottom: 1em;
-`,exports.PropertiesTableWrapStyled=(0,styled_components_1.default)(Fields_1.PropertiesTableWrap)`
+`,exports.PropertiesTableWrapStyled=styled_components_1.default.div`
   :not(:last-child) {
     border-bottom: 1px solid var(--global-border-color);
     margin-bottom: 1.5em;

package/lib/components/Samples/SamplesTabs.d.ts

@@ -1,13 +1,14 @@
+import React from 'react';
 import type { TabProps, TabsProps } from '../Tabs';
 interface SampleProps extends TabProps {
     lang: string;
     key: string;
 }
-interface SamplesTabsProps extends TabsProps {
+interface SamplesTabsProps extends Omit<TabsProps, 'operation'> {
     onChange?: (tab: TabProps) => void;
     tabs: SampleProps[];
     defaultLanguage?: string;
     id: string;
 }
-export declare const SamplesTabs: ({ children, onChange, defaultLanguage, id, tabs, operation }: SamplesTabsProps) => JSX.Element;
+export declare const SamplesTabs: React.NamedExoticComponent<SamplesTabsProps>;
 export {};

package/lib/components/Samples/SamplesTabs.js

@@ -1,2 +1,2 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SamplesTabs=void 0;const react_1=__importDefault(require("react")),mobx_react_1=require("mobx-react"),Tabs_1=require("../Tabs"),context_1=require("../../context"),shared_1=require("../shared"),LoadingWrapper_1=require("./LoadingWrapper");exports.SamplesTabs=(0,mobx_react_1.observer)((({children:e,onChange:t,defaultLanguage:a,id:r,tabs:n,operation:l})=>{const o=react_1.default.useContext(context_1.StoreContext),[u,d]=react_1.default.useState(a),[i,s]=react_1.default.useState(),c=react_1.default.useMemo((()=>{const e=n.findIndex((e=>[null==o?void 0:o.activeSampleLanguage,u].includes(e.key)||e.lang===(null==o?void 0:o.activeSampleLanguage)));return-1===e?0:e}),[n,u,null==o?void 0:o.activeSampleLanguage]),_=react_1.default.useMemo((()=>n.map((({lang:e})=>e))),[n]);react_1.default.useLayoutEffect((()=>{var e;const t=null===(e=document.getElementById(r))||void 0===e?void 0:e.getBoundingClientRect().y;if(t&&i&&t!==i){const e=t-i;window.requestAnimationFrame((()=>window.scrollBy(0,e))),s(void 0)}}),[_,i,r]),react_1.default.useEffect((()=>null==o?void 0:o.stopLoader()),[null==o?void 0:o.activeSampleLanguage]),react_1.default.useEffect((()=>{u&&(null==o||o.startLoader(),null==o||o.activateSampleLanguage(u))}),[u,a]);const g=react_1.default.useCallback((e=>{var a;const l=n[e];s(null===(a=document.getElementById(r))||void 0===a?void 0:a.getBoundingClientRect().y),d(l.key),t&&t(l)}),[r,t,n]);return react_1.default.createElement(LoadingWrapper_1.LoadingWrapper,{className:u&&"updated",id:r},react_1.default.createElement(Tabs_1.CollapsingTabsBase,{tabs:n,operation:l,activeIndex:c,onChange:g},a&&-1===_.indexOf(a)&&react_1.default.createElement(shared_1.WarnMessage,null,"Provided language is not supported"),e))}));
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,r){void 0===r&&(r=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,n)}:function(e,t,a,r){void 0===r&&(r=a),e[r]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SamplesTabs=void 0;const react_1=__importStar(require("react")),recoil_1=require("recoil"),Tabs_1=require("../Tabs"),shared_1=require("../shared"),LoadingWrapper_1=require("./LoadingWrapper"),app_1=require("../../recoil/app");function SamplesTabsComponent({children:e,onChange:t,defaultLanguage:a,id:r,tabs:n}){const[i,o]=(0,recoil_1.useRecoilState)(app_1.activeSampleLanguageSelector),[u,l]=react_1.default.useState(a),[c,d]=react_1.default.useState(),s=react_1.default.useMemo((()=>{const e=n.findIndex((e=>[i,u].includes(e.key)||e.lang===i));return-1===e?0:e}),[n,u,i]),_=react_1.default.useMemo((()=>n.map((({lang:e})=>e))),[n]);react_1.default.useLayoutEffect((()=>{var e;const t=null===(e=document.getElementById(r))||void 0===e?void 0:e.getBoundingClientRect().y;if(t&&c&&t!==c){const e=t-c;window.requestAnimationFrame((()=>window.scrollBy(0,e))),d(void 0)}}),[_,c,r]),react_1.default.useEffect((()=>{u&&o(u)}),[u,a,o]);const p=react_1.default.useCallback((e=>{var a;const i=n[e];d(null===(a=document.getElementById(r))||void 0===a?void 0:a.getBoundingClientRect().y),l(i.key),t&&t(i)}),[r,t,n]);return react_1.default.createElement(LoadingWrapper_1.LoadingWrapper,{className:u&&"updated",id:r},react_1.default.createElement(Tabs_1.CollapsingTabsBase,{tabs:n,activeIndex:s,onChange:p},a&&-1===_.indexOf(a)&&react_1.default.createElement(shared_1.WarnMessage,null,"Provided language is not supported"),e))}exports.SamplesTabs=(0,react_1.memo)(SamplesTabsComponent);
 //# sourceMappingURL=SamplesTabs.js.map

package/lib/components/Samples/use-example-key.d.ts

@@ -3,5 +3,5 @@ interface ExampleName {
     exampleKey: string;
     defaultExampleName?: string | false;
 }
-export declare function useExampleKey({ activeExampleName, defaultExampleName }: OperationModel | undefined, examples: Record<string, unknown>): ExampleName;
+export declare function useExampleKey({ defaultExampleName, pointer }: OperationModel | undefined, examples: Record<string, unknown>): ExampleName;
 export {};

package/lib/components/Samples/use-example-key.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useExampleKey=void 0;const react_1=require("react");function useExampleKey({activeExampleName:e,defaultExampleName:t}={},a){const[s,r]=(0,react_1.useState)(e&&a[e]?e:Object.keys(a)[0]);return(0,react_1.useEffect)((()=>{e&&a[e]&&r(e)}),[e,a]),{exampleKey:a[s]?s:Object.keys(a)[0],defaultExampleName:t}}exports.useExampleKey=useExampleKey;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useExampleKey=void 0;const react_1=require("react"),recoil_1=require("recoil"),operation_1=require("../../recoil/operation");function useExampleKey({defaultExampleName:e,pointer:t}={},a){const[r,o]=(0,recoil_1.useRecoilState)((0,operation_1.operationStore)(t)),{activeExampleName:c}=r,[i,s]=(0,react_1.useState)(c&&a[c]?c:Object.keys(a)[0]);return(0,react_1.useEffect)((()=>{c&&a[c]&&(s(c),o((e=>Object.assign(Object.assign({},e),{activeExampleName:c}))))}),[c,a,o]),{exampleKey:a[i]?i:Object.keys(a)[0],defaultExampleName:e}}exports.useExampleKey=useExampleKey;
 //# sourceMappingURL=use-example-key.js.map

package/lib/components/Schema/ObjectSchema.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { ObjectSchemaProps } from './types';
-export declare const ObjectSchema: React.FC<ObjectSchemaProps>;
+export declare const ObjectSchema: React.NamedExoticComponent<ObjectSchemaProps>;

package/lib/components/Schema/ObjectSchema.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var a=Object.getOwnPropertyDescriptor(t,r);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,a)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ObjectSchema=void 0;const react_1=__importStar(require("react")),mobx_react_1=require("mobx-react"),common_1=require("../common"),Fields_1=require("../Fields"),DiscriminatorDropdown_1=require("../DiscriminatorDropdown"),context_1=require("../../context"),utils_1=require("../../utils");function ObjectSchemaComponent({schema:{fields:e=[],title:t},showTitle:r,discriminator:n,level:a,skipWriteOnly:i,skipReadOnly:o}){const{expandSingleSchemaField:l,showObjectSchemaExamples:c,schemaExpansionLevel:s}=(0,react_1.useContext)(context_1.OptionsContext),u=o||i?e.filter((e=>!(o&&e.schema.readOnly||i&&e.schema.writeOnly))):e,m=l&&1===u.length||s>=a;return react_1.default.createElement(common_1.PropertiesTableWrap,null,react_1.default.createElement(common_1.PropertiesTable,null,r&&react_1.default.createElement(common_1.PropertiesTableCaption,null,t),react_1.default.createElement("tbody",null,(0,utils_1.mapWithLast)(u,((e,t)=>react_1.default.createElement(Fields_1.Field,{key:e.name,isLast:t,field:e,expandByDefault:m,renderDiscriminatorSwitch:(null==n?void 0:n.fieldName)===e.name&&(null==n?void 0:n.parentSchema)?()=>react_1.default.createElement(DiscriminatorDropdown_1.DiscriminatorDropdown,{parent:n.parentSchema,enumValues:e.schema.enum,onChange:null==n?void 0:n.onChange}):void 0,className:e.expanded?"expanded":void 0,showExamples:c,skipReadOnly:o,skipWriteOnly:i,showTitle:r,level:a}))))))}exports.ObjectSchema=(0,mobx_react_1.observer)(ObjectSchemaComponent);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,i){void 0===i&&(i=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,i,n)}:function(e,t,r,i){void 0===i&&(i=r),e[i]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ObjectSchema=void 0;const react_1=__importStar(require("react")),recoil_1=require("recoil"),common_1=require("../common"),Fields_1=require("../Fields"),DiscriminatorDropdown_1=require("../DiscriminatorDropdown"),utils_1=require("../../utils"),store_1=require("../../recoil/store");function ObjectSchemaComponent({schema:{fields:e=[],title:t},showTitle:r,discriminator:i,level:n,skipWriteOnly:a,skipReadOnly:l}){const{expandSingleSchemaField:o,showObjectSchemaExamples:c,schemaExpansionLevel:s}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),u=l||a?e.filter((e=>!(l&&e.schema.readOnly||a&&e.schema.writeOnly))):e,m=o&&1===u.length||s>=n;return react_1.default.createElement(common_1.PropertiesTable,null,r&&react_1.default.createElement(common_1.PropertiesTableCaption,null,t),react_1.default.createElement("tbody",null,(0,utils_1.mapWithLast)(u,((e,t)=>react_1.default.createElement(Fields_1.Field,{key:e.name,isLast:t,field:e,expandByDefault:m,renderDiscriminatorSwitch:(null==i?void 0:i.fieldName)===e.name&&(null==i?void 0:i.parentSchema)?()=>react_1.default.createElement(DiscriminatorDropdown_1.DiscriminatorDropdown,{parent:i.parentSchema,enumValues:e.schema.enum,onChange:null==i?void 0:i.onChange}):void 0,showExamples:c,skipReadOnly:l,skipWriteOnly:a,showTitle:r,level:n})))))}exports.ObjectSchema=(0,react_1.memo)(ObjectSchemaComponent);
 //# sourceMappingURL=ObjectSchema.js.map

package/lib/components/Schema/OneOfSchema.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { SchemaProps } from './types';
-export declare const OneOfSchema: React.FC<SchemaProps>;
+export declare const OneOfSchema: React.NamedExoticComponent<SchemaProps>;

package/lib/components/Schema/OneOfSchema.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__rest=this&&this.__rest||function(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(a=Object.getOwnPropertySymbols(e);n<a.length;n++)t.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(r[a[n]]=e[a[n]])}return r},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OneOfSchema=void 0;const react_1=__importStar(require("react")),mobx_react_1=require("mobx-react"),fast_deep_equal_1=__importDefault(require("fast-deep-equal")),common_1=require("../common"),Markdown_1=require("../Markdown"),Fields_1=require("../Fields"),Schema_1=require("./Schema"),context_1=require("../../context");function OneOfSchemaComponent(e){var{schema:{oneOf:t},schema:r}=e,a=__rest(e,["schema","schema"]);const{hideOneOfDescription:n}=(0,react_1.useContext)(context_1.OptionsContext),c=null==t?void 0:t[r.activeOneOf],o=(0,react_1.useCallback)((e=>{var t;null===(t=null==r?void 0:r.oneOf)||void 0===t||t.forEach((t=>{(0,fast_deep_equal_1.default)(t.rawSchema.discriminator,null==c?void 0:c.rawSchema.discriminator)&&t.activateOneOf(e)}))}),[null==c?void 0:c.rawSchema.discriminator,null==r?void 0:r.oneOf]);return c?react_1.default.createElement("div",null,react_1.default.createElement(common_1.Wrapper,null,react_1.default.createElement("span",null,r.oneOfType,":"),react_1.default.createElement(common_1.OneOfList,null,t.map(((e,t)=>react_1.default.createElement(common_1.OneOfButton,{key:e.pointer,selected:t===r.activeOneOf,deprecated:e.deprecated,onClick:()=>r.activateOneOf(t),"data-cy":"oneOf"+e.title||e.typePrefix+e.displayType},e.title||e.typePrefix+e.displayType))))),c.deprecated&&react_1.default.createElement(common_1.BadgeStyle,{deprecated:!0},"Deprecated"),react_1.default.createElement(common_1.Wrapper,null,!n&&c.description&&react_1.default.createElement(Markdown_1.Markdown,{compact:!0,source:c.description}),react_1.default.createElement(Fields_1.ConstraintsView,{constraints:c.constraints})),react_1.default.createElement(Schema_1.Schema,Object.assign({},a,{schema:c,onDiscriminatorChange:o}))):null}exports.OneOfSchema=(0,mobx_react_1.observer)(OneOfSchemaComponent);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__rest=this&&this.__rest||function(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(a=Object.getOwnPropertySymbols(e);n<a.length;n++)t.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(r[a[n]]=e[a[n]])}return r},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OneOfSchema=void 0;const react_1=__importStar(require("react")),fast_deep_equal_1=__importDefault(require("fast-deep-equal")),recoil_1=require("recoil"),recoil_nexus_1=require("recoil-nexus"),common_1=require("../common"),Markdown_1=require("../Markdown"),Fields_1=require("../Fields"),Schema_1=require("./Schema"),store_1=require("../../recoil/store"),operation_1=require("../../recoil/operation");function OneOfSchemaComponent(e){var{schema:{oneOf:t},schema:r}=e,a=__rest(e,["schema","schema"]);const{hideOneOfDescription:n}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),[o,i]=(0,recoil_1.useRecoilState)((0,operation_1.operationStore)(r.deps.operation.pointer)),c=null==t?void 0:t[o.activeOneOf],l=(0,react_1.useCallback)((e=>{var t;null===(t=null==r?void 0:r.oneOf)||void 0===t||t.forEach((t=>{(0,fast_deep_equal_1.default)(t.rawSchema.discriminator,null==c?void 0:c.rawSchema.discriminator)&&(0,recoil_nexus_1.setRecoil)((0,operation_1.operationStore)(t.deps.operation.pointer),(r=>{var a,n;return Object.assign(Object.assign({},r),{activeExampleName:(null===(n=null===(a=t.oneOf)||void 0===a?void 0:a[e])||void 0===n?void 0:n.title)||r.activeExampleName,activeOneOf:e})}))}))}),[null==c?void 0:c.rawSchema.discriminator,null==r?void 0:r.oneOf]);return c?react_1.default.createElement("div",null,react_1.default.createElement(common_1.Wrapper,null,react_1.default.createElement("span",null,r.oneOfType,":"),react_1.default.createElement(common_1.OneOfList,null,t.map(((e,t)=>react_1.default.createElement(common_1.OneOfButton,{key:e.pointer,selected:t===o.activeOneOf,deprecated:e.deprecated,onClick:()=>i((e=>{var a,n;return Object.assign(Object.assign({},e),{activeExampleName:(null===(n=null===(a=r.oneOf)||void 0===a?void 0:a[t])||void 0===n?void 0:n.title)||e.activeExampleName,activeOneOf:t})})),"data-cy":"oneOf"+e.title||e.typePrefix+e.displayType},e.title||e.typePrefix+e.displayType))))),c.deprecated&&react_1.default.createElement(common_1.BadgeStyle,{deprecated:!0},"Deprecated"),react_1.default.createElement(common_1.Wrapper,null,!n&&c.description&&react_1.default.createElement(Markdown_1.Markdown,{source:c.description}),react_1.default.createElement(Fields_1.ConstraintsView,{constraints:c.constraints})),react_1.default.createElement(Schema_1.Schema,Object.assign({},a,{schema:c,onDiscriminatorChange:l}))):null}exports.OneOfSchema=(0,react_1.memo)(OneOfSchemaComponent);
 //# sourceMappingURL=OneOfSchema.js.map

package/lib/components/Schema/RecursiveSchema.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { SchemaProps } from './types';
-export declare const RecursiveSchema: React.FC<SchemaProps>;
+export declare const RecursiveSchema: React.NamedExoticComponent<SchemaProps>;

package/lib/components/Schema/RecursiveSchema.js

@@ -1,2 +1,2 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RecursiveSchema=void 0;const react_1=__importDefault(require("react")),mobx_react_1=require("mobx-react"),services_1=require("../../services"),common_1=require("../common");function RecursiveSchemaComponent({schema:e}){return react_1.default.createElement("div",null,react_1.default.createElement(common_1.TypeName,null,e.displayType),e.title&&react_1.default.createElement(common_1.TypeTitle,null," ",e.title," "),react_1.default.createElement(common_1.RecursiveLabel,null," ",(0,services_1.l)("recursive")," "))}exports.RecursiveSchema=(0,mobx_react_1.observer)(RecursiveSchemaComponent);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,c){void 0===c&&(c=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,c,i)}:function(e,t,r,c){void 0===c&&(c=r),e[c]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RecursiveSchema=void 0;const react_1=__importStar(require("react")),services_1=require("../../services"),common_1=require("../common");function RecursiveSchemaComponent({schema:e}){return react_1.default.createElement("div",null,react_1.default.createElement(common_1.TypeName,null,e.displayType),e.title&&react_1.default.createElement(common_1.TypeTitle,null," ",e.title," "),react_1.default.createElement(common_1.RecursiveLabel,null," ",(0,services_1.l)("recursive")," "))}exports.RecursiveSchema=(0,react_1.memo)(RecursiveSchemaComponent);
 //# sourceMappingURL=RecursiveSchema.js.map

package/lib/components/Schema/Schema.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { SchemaProps } from './types';
-export declare const Schema: React.FC<Partial<SchemaProps>>;
+export declare const Schema: React.NamedExoticComponent<Partial<SchemaProps>>;

package/lib/components/Schema/Schema.js

@@ -1,2 +1,2 @@
-"use strict";var __rest=this&&this.__rest||function(e,r){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var c=0;for(a=Object.getOwnPropertySymbols(e);c<a.length;c++)r.indexOf(a[c])<0&&Object.prototype.propertyIsEnumerable.call(e,a[c])&&(t[a[c]]=e[a[c]])}return t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Schema=void 0;const react_1=__importDefault(require("react")),mobx_react_1=require("mobx-react"),Fields_1=require("../Fields"),ArraySchema_1=require("./ArraySchema"),ObjectSchema_1=require("./ObjectSchema"),OneOfSchema_1=require("./OneOfSchema"),RecursiveSchema_1=require("./RecursiveSchema");function SchemaComponent(e){var r,{schema:t,onDiscriminatorChange:a}=e,c=__rest(e,["schema","onDiscriminatorChange"]);if(!t)return react_1.default.createElement("em",null," Schema not provided ");const{type:i,oneOf:n,discriminatorProp:l,isCircular:o}=t,s=(c.level||0)+1;if(o)return react_1.default.createElement(RecursiveSchema_1.RecursiveSchema,{schema:t});if(void 0!==l){if(!n||!n.length)return console.warn(`Looks like you are using discriminator wrong: you don't have any definition inherited from the ${t.title}`),null;const e=n[t.activeOneOf];return e.isCircular?react_1.default.createElement(RecursiveSchema_1.RecursiveSchema,{schema:e}):react_1.default.createElement(ObjectSchema_1.ObjectSchema,Object.assign({},c,{level:s,schema:e,discriminator:{fieldName:l,parentSchema:t,onChange:a}}))}if(void 0!==n)return react_1.default.createElement(OneOfSchema_1.OneOfSchema,Object.assign({},c,{schema:t}));const m=Array.isArray(i)?i:[i];if(m.includes("object")){if(null===(r=t.fields)||void 0===r?void 0:r.length)return react_1.default.createElement(ObjectSchema_1.ObjectSchema,Object.assign({},c,{level:s,schema:t}))}else if(m.includes("array"))return react_1.default.createElement(ArraySchema_1.ArraySchema,Object.assign({},c,{level:s,schema:t}));const u={schema:t,name:"",required:!1,description:t.description,externalDocs:t.externalDocs,deprecated:!1,toggle:()=>null,expanded:!1};return react_1.default.createElement("div",null,react_1.default.createElement(Fields_1.FieldDetails,{field:u}))}exports.Schema=(0,mobx_react_1.observer)(SchemaComponent);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,i)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__rest=this&&this.__rest||function(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(a=Object.getOwnPropertySymbols(e);i<a.length;i++)t.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(r[a[i]]=e[a[i]])}return r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Schema=void 0;const react_1=__importStar(require("react")),recoil_1=require("recoil"),Fields_1=require("../Fields"),ArraySchema_1=require("./ArraySchema"),ObjectSchema_1=require("./ObjectSchema"),OneOfSchema_1=require("./OneOfSchema"),RecursiveSchema_1=require("./RecursiveSchema"),operation_1=require("../../recoil/operation");function SchemaComponent(e){var t,{schema:r,onDiscriminatorChange:a}=e,i=__rest(e,["schema","onDiscriminatorChange"]);const{activeOneOf:c}=(0,recoil_1.useRecoilValue)((0,operation_1.operationStore)((null==r?void 0:r.deps.operation.pointer)||""));if(!r)return react_1.default.createElement("em",null," Schema not provided ");const{type:n,oneOf:o,discriminatorProp:l,isCircular:s}=r,u=(i.level||0)+1;if(s)return react_1.default.createElement(RecursiveSchema_1.RecursiveSchema,{schema:r});if(void 0!==l){if(!o||!o.length)return console.warn(`Looks like you are using discriminator wrong: you don't have any definition inherited from the ${r.title}`),null;const e=o[c];return(null==e?void 0:e.isCircular)?react_1.default.createElement(RecursiveSchema_1.RecursiveSchema,{schema:e}):react_1.default.createElement(ObjectSchema_1.ObjectSchema,Object.assign({},i,{level:u,schema:e,discriminator:{fieldName:l,parentSchema:r,onChange:a}}))}if(void 0!==o)return react_1.default.createElement(OneOfSchema_1.OneOfSchema,Object.assign({},i,{schema:r}));const m=Array.isArray(n)?n:[n];if(m.includes("object")){if(null===(t=r.fields)||void 0===t?void 0:t.length)return react_1.default.createElement(ObjectSchema_1.ObjectSchema,Object.assign({},i,{level:u,schema:r}))}else if(m.includes("array"))return react_1.default.createElement(ArraySchema_1.ArraySchema,Object.assign({},i,{level:u,schema:r}));const d={schema:r,name:"",required:!1,description:r.description,externalDocs:r.externalDocs,deprecated:!1,toggle:()=>null,expanded:!1};return react_1.default.createElement("div",null,react_1.default.createElement(Fields_1.FieldDetails,{field:d}))}exports.Schema=(0,react_1.memo)(SchemaComponent);
 //# sourceMappingURL=Schema.js.map

package/lib/components/SchemaDefinition/SchemaDefinition.d.ts

@@ -1,15 +1,9 @@
 import React from 'react';
-import type { OpenAPIParser, Options } from '../../services';
-import { LayoutVariant } from '../../constants';
 interface SchemaDefinitionProps {
-    schemaRef: string;
+    schemaRef?: string;
     exampleRef?: string;
     showReadOnly?: boolean;
     showWriteOnly?: boolean;
-    parser: OpenAPIParser;
-    options: Options;
-    layout?: LayoutVariant;
-    showRightPanel?: boolean;
 }
 export declare const SchemaDefinition: React.NamedExoticComponent<SchemaDefinitionProps>;
 export {};

package/lib/components/SchemaDefinition/SchemaDefinition.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,n){void 0===n&&(n=a);var o=Object.getOwnPropertyDescriptor(t,a);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,n,o)}:function(e,t,a,n){void 0===n&&(n=a),e[n]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SchemaDefinition=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),common_1=require("../common"),models_1=require("../../models"),constants_1=require("../../constants"),PayloadSamples_1=require("../PayloadSamples"),Schema_1=require("../Schema"),Markdown_1=require("../Markdown"),Panel_1=require("../Panel"),getMediaType=(e,t)=>{if(!e)return{};const a={schema:{$ref:e}};return t&&(a.examples={example:{$ref:t}}),a};function SchemaDefinitionComponent({parser:e,schemaRef:t,exampleRef:a,options:n,showReadOnly:o=!0,showWriteOnly:l=!1,layout:r,showRightPanel:i}){var c,d;const s=(0,react_1.useMemo)((()=>new models_1.MediaTypeModel(e,"json",!1,getMediaType(t,a),n)),[a,n,e,t]),m=(0,react_1.useCallback)((e=>{var t,a,n,o;const l=null===(t=s.schema)||void 0===t?void 0:t.oneOf;if(l&&(null==s?void 0:s.examples)&&Object.keys(null==s?void 0:s.examples).includes(e)){const t=l.findIndex((t=>t.title===e));-1!==t&&(null===(a=s.schema)||void 0===a||a.activateOneOf(t))}(null===(n=s.operation)||void 0===n?void 0:n.activeExampleName)!==e&&(null===(o=s.operation)||void 0===o||o.activateExampleName(e))}),[null==s?void 0:s.examples,s.operation,s.schema]);return react_1.default.createElement(common_1.Section,null,react_1.default.createElement(common_1.Row,{layout:r},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:r===constants_1.LayoutVariant.STACKED},(null===(c=s.schema)||void 0===c?void 0:c.description)&&react_1.default.createElement(Description,null,react_1.default.createElement(Markdown_1.Markdown,{source:null===(d=s.schema)||void 0===d?void 0:d.description})),react_1.default.createElement(StyledPanelBody,{className:"panel-default"},react_1.default.createElement(Schema_1.Schema,{skipWriteOnly:!l,skipReadOnly:!o,schema:s.schema}))),i?react_1.default.createElement(common_1.SamplesPanel,null,react_1.default.createElement(Panel_1.CodePanel,{className:"panel-response-samples"},react_1.default.createElement(PayloadSamples_1.MediaTypeSamples,{mediaType:s,onChange:m}))):null))}exports.SchemaDefinition=(0,react_1.memo)(SchemaDefinitionComponent);const Description=styled_components_1.default.div`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,o){void 0===o&&(o=a);var r=Object.getOwnPropertyDescriptor(t,a);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,o,r)}:function(e,t,a,o){void 0===o&&(o=a),e[o]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SchemaDefinition=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),recoil_1=require("recoil"),recoil_nexus_1=require("recoil-nexus"),common_1=require("../common"),models_1=require("../../models"),constants_1=require("../../constants"),PayloadSamples_1=require("../PayloadSamples"),Schema_1=require("../Schema"),Markdown_1=require("../Markdown"),Panel_1=require("../Panel"),app_1=require("../../recoil/app"),store_1=require("../../recoil/store"),operation_1=require("../../recoil/operation"),getMediaTypeInfo=(e,t)=>{if(!e)return{};const a={schema:{$ref:e}};return t&&(a.examples={example:{$ref:t}}),a};function SchemaDefinitionComponent({schemaRef:e,exampleRef:t,showReadOnly:a=!0,showWriteOnly:o=!1}){var r,n,l;const i=(0,recoil_1.useRecoilValue)(app_1.layoutSelector),{parser:c,options:s}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),u=(0,recoil_1.useRecoilValue)(app_1.showRightPanelToggleSelector),d=(0,react_1.useMemo)((()=>(0,models_1.getMediaType)(c,"json",!1,getMediaTypeInfo(e,t),s,{operation:{pointer:"SchemaDefinitionComponent"}})),[t,s,c,e]),[m,_]=(0,recoil_1.useRecoilState)((0,operation_1.operationStore)(null===(r=d.operation)||void 0===r?void 0:r.pointer)),p=(0,react_1.useCallback)((e=>{var t;const a=null===(t=d.schema)||void 0===t?void 0:t.oneOf;if(a&&(null==d?void 0:d.examples)&&Object.keys(null==d?void 0:d.examples).includes(e)){const t=a.findIndex((t=>t.title===e));-1!==t&&d.schema&&(0,recoil_nexus_1.setRecoil)((0,operation_1.operationStore)(d.schema.deps.operation.pointer),(e=>{var a,o,r;return Object.assign(Object.assign({},e),{activeExampleName:(null===(r=null===(o=null===(a=d.schema)||void 0===a?void 0:a.oneOf)||void 0===o?void 0:o[t])||void 0===r?void 0:r.title)||e.activeExampleName,activeOneOf:t})}))}m.activeExampleName!==e&&_((t=>Object.assign(Object.assign({},t),{activeExampleName:e})))}),[null==d?void 0:d.examples,d.schema,m.activeExampleName,_]);return react_1.default.createElement(common_1.Section,null,react_1.default.createElement(common_1.Row,{layout:i},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:i===constants_1.LayoutVariant.STACKED},(null===(n=d.schema)||void 0===n?void 0:n.description)&&react_1.default.createElement(Description,null,react_1.default.createElement(Markdown_1.Markdown,{source:null===(l=d.schema)||void 0===l?void 0:l.description})),react_1.default.createElement(StyledPanelBody,{className:"panel-default"},react_1.default.createElement(Schema_1.Schema,{skipWriteOnly:!o,skipReadOnly:!a,schema:d.schema}))),u?react_1.default.createElement(common_1.SamplesPanel,null,react_1.default.createElement(Panel_1.CodePanel,{className:"panel-response-samples"},react_1.default.createElement(PayloadSamples_1.MediaTypeSamples,{mediaType:d,onChange:p}))):null))}exports.SchemaDefinition=(0,react_1.memo)(SchemaDefinitionComponent);const Description=styled_components_1.default.div`
   margin-bottom: var(--spacing-vertical);
 `,StyledPanelBody=(0,styled_components_1.default)(theme_1.PanelBody)`
   --panel-schemas-body-padding: var(--panel-body-padding);