@redocly/openapi-docs 3.0.0-alpha.14.beta.2 → 3.0.0-alpha.15

package/lib-esm/components/DiscriminatorDropdown/DiscriminatorDropdown.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { DropdownOption } from '../common';
 import type { SchemaModel } from '../../models';
 interface DiscriminatorDropdownProps {
@@ -5,7 +6,6 @@ interface DiscriminatorDropdownProps {
     enumValues: string[];
     onChange?: (idx: number) => void;
 }
-declare function DiscriminatorDropdownComponent({ parent, enumValues, onChange, }: DiscriminatorDropdownProps): JSX.Element | null;
-export declare const DiscriminatorDropdown: typeof DiscriminatorDropdownComponent;
+export declare const DiscriminatorDropdown: React.NamedExoticComponent<DiscriminatorDropdownProps>;
 export declare function sortOptions(options: DropdownOption[], enumValues: string[]): DropdownOption[];
 export {};

package/lib-esm/components/DiscriminatorDropdown/DiscriminatorDropdown.js

@@ -1,2 +1,2 @@
-import{observer}from"mobx-react";import React,{useCallback,useMemo}from"react";import{strikethroughText}from"../../utils";import{SchemaDiscriminatorDropdown}from"../common";function DiscriminatorDropdownComponent({parent:e,enumValues:o,onChange:r}){const t=useMemo((()=>{var o;return(null===(o=e.oneOf)||void 0===o?void 0:o.map(((e,o)=>({value:e.schema.deprecated?`${strikethroughText(e.title)} (deprecated)`:e.title,idx:o}))))||[]}),[e.oneOf]),n=useCallback((({idx:o})=>{void 0!==o&&(r?r(o):e.activateOneOf(o))}),[r,e]),i=t[e.activeOneOf].value,a=useMemo((()=>sortOptions(t,o)),[o,t]);return void 0===e.oneOf?null:React.createElement(SchemaDiscriminatorDropdown,{className:"discriminator-dropdown",dense:!0,value:i,options:a,onChange:n,ariaLabel:"Example"})}export const DiscriminatorDropdown=observer(DiscriminatorDropdownComponent);export function sortOptions(e,o){if(0===o.length)return e;const r={};return o.forEach(((e,o)=>{r[e]=o})),e.sort(((e,o)=>r[e.value]>r[o.value]?1:-1))}
+import React,{memo,useCallback,useMemo}from"react";import{useRecoilState}from"recoil";import{strikethroughText}from"../../utils";import{SchemaDiscriminatorDropdown}from"../common";import{operationStore}from"../../recoil/operation";function DiscriminatorDropdownComponent({parent:e,enumValues:o,onChange:t}){const[r,i]=useRecoilState(operationStore(e.deps.operation.pointer)),n=useMemo((()=>{var o;return(null===(o=e.oneOf)||void 0===o?void 0:o.map(((e,o)=>({value:e.schema.deprecated?`${strikethroughText(e.title)} (deprecated)`:e.title,idx:o}))))||[]}),[e.oneOf]),a=useCallback((({idx:o})=>{void 0!==o&&(t?t(o):i((t=>{var r,i;return Object.assign(Object.assign({},t),{activeExampleName:(null===(i=null===(r=e.oneOf)||void 0===r?void 0:r[o])||void 0===i?void 0:i.title)||t.activeExampleName,activeOneOf:o})})))}),[t,e.oneOf,i]),m=n[r.activeOneOf].value,c=useMemo((()=>sortOptions(n,o)),[o,n]);return void 0===e.oneOf?null:React.createElement(SchemaDiscriminatorDropdown,{className:"discriminator-dropdown",dense:!0,value:m,options:c,onChange:a,ariaLabel:"Example"})}export const DiscriminatorDropdown=memo(DiscriminatorDropdownComponent);export function sortOptions(e,o){if(0===o.length)return e;const t={};return o.forEach(((e,o)=>{t[e]=o})),e.sort(((e,o)=>t[e.value]>t[o.value]?1:-1))}
 //# sourceMappingURL=DiscriminatorDropdown.js.map

package/lib-esm/components/Download/DownloadButtonWithLabel.d.ts

@@ -1,4 +1,3 @@
-import type { ApiInfoProps } from '../ApiInfo';
-export declare function DownloadButtonWithLabel({ store, wrapped, }: ApiInfoProps & {
-    wrapped?: boolean;
-}): JSX.Element;
+import React from 'react';
+import type { DownloadButtonWithLabelProps } from './types';
+export declare const DownloadButtonWithLabel: React.NamedExoticComponent<DownloadButtonWithLabelProps>;

package/lib-esm/components/Download/DownloadButtonWithLabel.js

@@ -1,4 +1,4 @@
-import React,{useState,useEffect}from"react";import styled from"styled-components";import{baseButtonStyles}from"@redocly/theme";import{l}from"../../services";export function DownloadButtonWithLabel({store:o,wrapped:t}){const[e,n]=useState(o.options.downloadDefinitionUrl);useEffect((()=>{o.options.downloadDefinitionUrl||n(o.definition.info.downloadLink)}),[o.options.downloadDefinitionUrl,o.definition.info]);const{info:{downloadFileName:a}}=o.definition;return React.createElement(DownloadWrapper,{wrapped:t},l("downloadSpecification"),":",React.createElement(DownloadButton,{download:a||!0,target:"_blank",href:e,onClick:o=>{o.target.href||(o.target.href=e)}},l("download")))}const DownloadButton=styled.a.attrs({className:"download-specification-button button-color-secondary"})`
+import React,{useState,useEffect,memo}from"react";import{useRecoilValue}from"recoil";import styled from"styled-components";import{baseButtonStyles}from"@redocly/theme";import{l}from"../../services";import{useDownloadInfo}from"./useDownloadInfo";import{globalStoreSelector}from"../../recoil/store";function DownloadButtonWithLabelComponent({wrapped:o}){const{options:e,parser:t}=useRecoilValue(globalStoreSelector),{definition:n,definitionUrl:r}=t,{downloadDefinitionUrl:a}=e,[i,c]=useState(a),{downloadFileName:d,getDownloadLink:s}=useDownloadInfo({definition:n,definitionUrl:r});useEffect((()=>{a||c(s())}),[a,s]);return React.createElement(DownloadWrapper,{wrapped:o},l("downloadSpecification"),":",React.createElement(DownloadButton,{download:d||!0,target:"_blank",href:i,onClick:({target:o})=>{o.href||(o.href=i)}},l("download")))}export const DownloadButtonWithLabel=memo(DownloadButtonWithLabelComponent);const DownloadButton=styled.a.attrs({className:"download-specification-button button-color-secondary"})`
   ${baseButtonStyles};
 
   color: var(--button-color);

package/lib-esm/components/Download/types.d.ts

@@ -1,6 +1,18 @@
+import type { OpenAPIDefinition } from '../../types';
 export interface FileInfo {
     fileInfo?: {
         rawData: any;
         fileName: string;
     };
 }
+export type UseDownloadInfoProps = {
+    definition?: OpenAPIDefinition;
+    definitionUrl?: string;
+};
+export type UseDownloadInfoReturnType = {
+    downloadFileName?: string;
+    getDownloadLink: () => string | undefined;
+};
+export interface DownloadButtonWithLabelProps {
+    wrapped?: boolean;
+}

package/lib-esm/components/Download/useDownloadInfo.d.ts

@@ -0,0 +1,2 @@
+import type { UseDownloadInfoProps, UseDownloadInfoReturnType } from './types';
+export declare const useDownloadInfo: ({ definition, definitionUrl, }: UseDownloadInfoProps) => UseDownloadInfoReturnType;

package/lib-esm/components/Download/useDownloadInfo.js

@@ -0,0 +1,2 @@
+import{useCallback}from"react";import{IS_BROWSER}from"../../utils";import{MediaTypes}from"../../constants";export const useDownloadInfo=({definition:o,definitionUrl:e})=>({downloadFileName:e?void 0:"swagger.json",getDownloadLink:useCallback((()=>{if(e)return e;if(IS_BROWSER&&window.Blob&&window.URL&&window.URL.createObjectURL){const e=new Blob([JSON.stringify(o,null,2)],{type:MediaTypes.JSON});return window.URL.createObjectURL(e)}}),[o,e])});
+//# sourceMappingURL=useDownloadInfo.js.map

package/lib-esm/components/Endpoint/Endpoint.js

@@ -1,2 +1,2 @@
-import React,{useState,useContext}from"react";import{CodePanel}from"../Panel";import{StoreContext}from"../../context";import{Console}from"../rightPanel/Console";import{AnalyticsEventType}from"../../events";import{ServerList}from"./ServerList";import{Summary}from"./Summary";export const Endpoint=({operation:e,hideHostname:t})=>{const[o,n]=useState(!1),r=useContext(StoreContext),a=()=>{var t,a;n(!o),null===(a=null===(t=null==r?void 0:r.options.events)||void 0===t?void 0:t.tryItOpen)||void 0===a||a.call(t,{eventType:AnalyticsEventType.TryItOpen,resource:"Redocly_OperationTryIt",action:(null==r?void 0:r.options.unstable_tryItButtonOverride)?"NavigatedOverrideLink":"Opened",operationId:e.operationId,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.description})};return React.createElement(React.Fragment,null,o&&r?React.createElement(Console,{store:r,operation:e,onClose:a}):React.createElement(CodePanel,{className:"panel-try-it",header:({toggle:t,expanded:o})=>{const n=!!(null==r?void 0:r.options.showConsole)&&!e.hideTryItPanel;return React.createElement(Summary,{operation:e,expanded:o,toggle:t,showConsole:n,onToggleConsole:a,tryItOverride:null==r?void 0:r.options.unstable_tryItButtonOverride})},expanded:!1},React.createElement(ServerList,{servers:e.servers,path:e.path,expandVariables:Boolean(null==r?void 0:r.options.expandDefaultServerVariables),hideHostname:t||Boolean(null==r?void 0:r.options.hideHostname)})))};
+import React,{useState}from"react";import{useRecoilValue}from"recoil";import{CodePanel}from"../Panel";import{Console}from"../rightPanel/Console";import{AnalyticsEventType}from"../../events";import{ServerList}from"./ServerList";import{Summary}from"./Summary";import{globalOptionsSelector}from"../../recoil/store";export const Endpoint=({operation:e,hideHostname:t})=>{const[o,r]=useState(!1),a=useRecoilValue(globalOptionsSelector),n=()=>{var t,n;r(!o),null===(n=null===(t=a.events)||void 0===t?void 0:t.tryItOpen)||void 0===n||n.call(t,{eventType:AnalyticsEventType.TryItOpen,resource:"Redocly_OperationTryIt",action:a.unstable_tryItButtonOverride?"NavigatedOverrideLink":"Opened",operationId:e.operationId,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.description})};return React.createElement(React.Fragment,null,o?React.createElement(React.Fragment,null,React.createElement(Console,{operation:e,onClose:n})):React.createElement(CodePanel,{className:"panel-try-it",header:({toggle:t,expanded:o})=>{const r=!!a.showConsole&&!e.hideTryItPanel;return React.createElement(Summary,{operation:e,expanded:o,toggle:t,showConsole:r,onToggleConsole:n,tryItOverride:a.unstable_tryItButtonOverride})},expanded:!1},React.createElement(ServerList,{servers:e.servers,path:e.path,expandVariables:Boolean(a.expandDefaultServerVariables),hideHostname:t||Boolean(a.hideHostname)})))};
 //# sourceMappingURL=Endpoint.js.map

package/lib-esm/components/Endpoint/ServerList.js

@@ -1,2 +1,2 @@
-import React,{Fragment}from"react";import{CopyButtonWrapper}from"@redocly/theme";import{expandDefaultServerVariables,getBasePath}from"../../utils";import{Markdown}from"../Markdown";import{DescriptionWrapper,ServerItem,ServerUrl}from"./styled";export const ServerList=({servers:e,path:r,expandVariables:t,hideHostname:a})=>React.createElement(React.Fragment,null,e.map((e=>{const n=t?expandDefaultServerVariables(e.url,e.variables):e.url,o=getBasePath(n),l=(a?"/"===o?"":o:n)+r;return React.createElement(Fragment,{key:n},React.createElement(CopyButtonWrapper,{data:l},(({renderCopyButton:r})=>React.createElement(ServerItem,null,React.createElement(DescriptionWrapper,null,React.createElement(Markdown,{source:e.description||"",compact:!0}),r()),React.createElement(ServerUrl,null,l)))))})));
+import React,{Fragment}from"react";import{CopyButtonWrapper}from"@redocly/theme";import{expandDefaultServerVariables,getBasePath}from"../../utils";import{Markdown}from"../Markdown";import{DescriptionWrapper,ServerItem,ServerUrl}from"./styled";export const ServerList=({servers:e,path:r,expandVariables:t,hideHostname:a})=>React.createElement(React.Fragment,null,e.map((e=>{const n=t?expandDefaultServerVariables(e.url,e.variables):e.url,l=getBasePath(n),o=(a?"/"===l?"":l:n)+r;return React.createElement(Fragment,{key:n},React.createElement(CopyButtonWrapper,{data:o},(({renderCopyButton:r})=>React.createElement(ServerItem,null,React.createElement(DescriptionWrapper,null,React.createElement(Markdown,{source:e.description||""}),r()),React.createElement(ServerUrl,null,o)))))})));
 //# sourceMappingURL=ServerList.js.map

package/lib-esm/components/Endpoint/api-client.d.ts

@@ -0,0 +1,8 @@
+import type { HTTPMethod } from '@redocly/api-client';
+import type { OperationModel } from '../../models';
+export declare function getRequestInput({ parameters, httpVerb, path, activeServer }: OperationModel): {
+    method: HTTPMethod;
+    url: string;
+    params: Record<string, string>[];
+    headers: Record<string, string>[];
+};

package/lib-esm/components/Endpoint/api-client.js

@@ -0,0 +1,2 @@
+export function getRequestInput({parameters:e,httpVerb:a,path:r,activeServer:u}){const{params:l,headers:p}=e.reduce(((e,a)=>{var r,u;return"header"===a.in&&e.headers.push({key:a.name,value:a.example||(null===(r=a.examples)||void 0===r?void 0:r[0].value)||""}),"query"===a.in&&e.params.push({key:a.name,value:a.example||(null===(u=a.examples)||void 0===u?void 0:u[0].value)||""}),e}),{params:[],headers:[]});return{method:a.toUpperCase(),url:u.url+r,params:l.length?l:[{key:"",value:""}],headers:p.length?p:[{key:"",value:""}]}}
+//# sourceMappingURL=api-client.js.map

package/lib-esm/components/ExternalDocumentation/ExternalDocumentation.d.ts

@@ -1,8 +1,8 @@
+import React from 'react';
 import type { OpenAPIExternalDocumentation } from '../../types';
 interface ExternalDocumentationProps {
     externalDocs: OpenAPIExternalDocumentation;
     compact?: boolean;
 }
-declare function ExternalDocumentationComponent({ externalDocs, compact, }: ExternalDocumentationProps): JSX.Element | null;
-export declare const ExternalDocumentation: typeof ExternalDocumentationComponent;
+export declare const ExternalDocumentation: React.NamedExoticComponent<ExternalDocumentationProps>;
 export {};

package/lib-esm/components/ExternalDocumentation/ExternalDocumentation.js

@@ -1,5 +1,5 @@
-import{observer}from"mobx-react";import React from"react";import styled from"styled-components";import{linksCss}from"../Markdown";const LinkWrap=styled.div`
+import React,{memo}from"react";import styled from"styled-components";import{normalizeText}from"../../utils";import{linksCss}from"../Markdown";const LinkWrap=styled.div`
   ${linksCss};
-  ${({compact:e})=>e?"":"margin: 1em 0"}
-`;function ExternalDocumentationComponent({externalDocs:e,compact:t}){return e&&e.url?React.createElement(LinkWrap,{compact:t},React.createElement("a",{href:e.url,target:"_blank",rel:"noreferrer"},e.description||e.url)):null}export const ExternalDocumentation=observer(ExternalDocumentationComponent);
+  ${({compact:t})=>t?"":"margin: 1em 0"}
+`;function ExternalDocumentationComponent({externalDocs:t,compact:e}){if(!t||!t.url)return null;const n=normalizeText(t.description);return React.createElement(LinkWrap,{compact:e},React.createElement("a",{href:t.url,target:"_blank",rel:"noreferrer"},n||t.url))}export const ExternalDocumentation=memo(ExternalDocumentationComponent);
 //# sourceMappingURL=ExternalDocumentation.js.map

package/lib-esm/components/Fields/DescriptionEnums.js

@@ -1,2 +1,2 @@
-import React,{memo}from"react";import{FieldLabel}from"../common";import{l}from"../../services";import{Markdown}from"../Markdown";import{DescriptionEnumsBlock,ToggleButton}from"./styled";export function DescriptionEnumsComponent({enums:e,toggle:t,showToggleButton:n,toggleButtonText:c,type:r}){return React.createElement(React.Fragment,null,React.createElement(DescriptionEnumsBlock,null,React.createElement("table",null,React.createElement("thead",null,React.createElement("tr",null,React.createElement("th",null,React.createElement(FieldLabel,null,"array"===r?l("enumArray"):""," ",1===e.length?l("enumSingleValue"):l("enum"),":")," "),React.createElement("th",null,React.createElement("strong",null,"Description")))),React.createElement("tbody",null,e.map((({description:e,value:t})=>React.createElement("tr",{key:t},React.createElement("td",null,t),React.createElement("td",null,React.createElement(Markdown,{source:e,compact:!0,inline:!0})))))))),n?React.createElement(ToggleButton,{onClick:t},c):null)}export const DescriptionEnums=memo(DescriptionEnumsComponent);
+import React,{memo}from"react";import{FieldLabel}from"../common";import{l}from"../../services";import{Markdown}from"../Markdown";import{DescriptionEnumsBlock,ToggleButton}from"./styled";export function DescriptionEnumsComponent({enums:e,toggle:t,showToggleButton:n,toggleButtonText:r,type:c}){return React.createElement(React.Fragment,null,React.createElement(DescriptionEnumsBlock,null,React.createElement("table",null,React.createElement("thead",null,React.createElement("tr",null,React.createElement("th",null,React.createElement(FieldLabel,null,"array"===c?l("enumArray"):""," ",1===e.length?l("enumSingleValue"):l("enum"),":")," "),React.createElement("th",null,React.createElement("strong",null,"Description")))),React.createElement("tbody",null,e.map((({description:e,value:t})=>React.createElement("tr",{key:t},React.createElement("td",null,t),React.createElement("td",null,React.createElement(Markdown,{source:e})))))))),n?React.createElement(ToggleButton,{onClick:t},r):null)}export const DescriptionEnums=memo(DescriptionEnumsComponent);
 //# sourceMappingURL=DescriptionEnums.js.map

package/lib-esm/components/Fields/EnumValues.js

@@ -1,2 +1,2 @@
-import React,{useState,useContext,memo,useCallback,useMemo}from"react";import{OptionsContext}from"../../context";import{SimpleEnums}from"./SimpleEnums";import{DescriptionEnums}from"./DescriptionEnums";function getEnums(e){return Array.isArray(e)&&e||Object.entries(e||{}).map((([e,t])=>({value:e,description:t})))}function EnumValuesComponent({values:e,type:t}){const[n,o]=useState(!0),{enumSkipQuotes:u,maxDisplayedEnumValues:m}=useContext(OptionsContext),s=useCallback((()=>{o(!n)}),[n]),r=!Array.isArray(e),l=getEnums(e),a=useMemo((()=>n&&m?l.slice(0,m):l),[l,n,m]);if(!l.length)return null;const i=!!m&&l.length>m,c=m?n?`… ${l.length-m} more`:"Hide":"";return React.createElement(React.Fragment,null,r?React.createElement(DescriptionEnums,{enums:a,toggle:s,showToggleButton:i,toggleButtonText:c,type:t}):React.createElement(SimpleEnums,{enums:a,enumSkipQuotes:u,type:t,toggle:s,toggleButtonText:c,showToggleButton:i}))}export const EnumValues=memo(EnumValuesComponent);
+import React,{useState,memo,useCallback,useMemo}from"react";import{useRecoilValue}from"recoil";import{SimpleEnums}from"./SimpleEnums";import{DescriptionEnums}from"./DescriptionEnums";import{globalOptionsSelector}from"../../recoil/store";function getEnums(e){return Array.isArray(e)&&e||Object.entries(e||{}).map((([e,t])=>({value:e,description:t})))}function EnumValuesComponent({values:e,type:t}){const[o,n]=useState(!0),{enumSkipQuotes:u,maxDisplayedEnumValues:m}=useRecoilValue(globalOptionsSelector),l=useCallback((()=>{n(!o)}),[o]),s=!Array.isArray(e),r=getEnums(e),a=useMemo((()=>o&&m?r.slice(0,m):r),[r,o,m]);if(!r.length)return null;const i=!!m&&r.length>m,c=m?o?`… ${r.length-m} more`:"Hide":"";return React.createElement(React.Fragment,null,s?React.createElement(DescriptionEnums,{enums:a,toggle:l,showToggleButton:i,toggleButtonText:c,type:t}):React.createElement(SimpleEnums,{enums:a,enumSkipQuotes:u,type:t,toggle:l,toggleButtonText:c,showToggleButton:i}))}export const EnumValues=memo(EnumValuesComponent);
 //# sourceMappingURL=EnumValues.js.map

package/lib-esm/components/Fields/Examples.js

@@ -1,2 +1,2 @@
-import React from"react";import{ExampleValue,FieldLabel}from"../common";import{l}from"../../services";import{serializeParameterValue}from"../../utils";import{ExampleWrap,ExamplesList,ExampleSummary,ExampleDescription}from"./styled";export function Examples({field:e}){return e.examples?React.createElement(React.Fragment,null,React.createElement(FieldLabel,null," ",l("examples"),": "),React.createElement(ExamplesList,null,Object.entries(e.examples).map((([a,l])=>React.createElement(ExampleWrap,{key:a},React.createElement(ExampleSummary,null,l.summary||a," "),l.description&&React.createElement(ExampleDescription,null,l.description," "),React.createElement(ExampleValue,null,getSerializedValue(e,l.value))))))):null}export function getSerializedValue(e,a){return e.in?decodeURIComponent(serializeParameterValue(e,a)):a}
+import React from"react";import{ExampleValue,FieldLabel}from"../common";import{l}from"../../services";import{normalizeText,serializeParameterValue}from"../../utils";import{ExampleWrap,ExamplesList,ExampleSummary,ExampleDescription}from"./styled";export function Examples({field:e}){return e.examples?React.createElement(React.Fragment,null,React.createElement(FieldLabel,null," ",l("examples"),": "),React.createElement(ExamplesList,null,Object.entries(e.examples).map((([a,l])=>{const t=normalizeText(l.description);return React.createElement(ExampleWrap,{key:a},React.createElement(ExampleSummary,null,l.summary||a," "),t&&React.createElement(ExampleDescription,null,t," "),React.createElement(ExampleValue,null,getSerializedValue(e,l.value)))})))):null}export function getSerializedValue(e,a){return e.in?decodeURIComponent(serializeParameterValue(e,a)):a}
 //# sourceMappingURL=Examples.js.map

package/lib-esm/components/Fields/Extensions.js

@@ -1,4 +1,4 @@
-import React,{memo,useContext}from"react";import styled from"styled-components";import{ExtensionValue,FieldLabel}from"../common";import{OptionsContext}from"../../context";import{StyledMarkdownBlock}from"../Markdown/styled";const Extension=styled(StyledMarkdownBlock)`
+import React,{memo}from"react";import styled from"styled-components";import{useRecoilValue}from"recoil";import{ExtensionValue,FieldLabel}from"../common";import{StyledMarkdownBlock}from"../Markdown/styled";import{globalOptionsSelector}from"../../recoil/store";const Extension=styled(StyledMarkdownBlock)`
   margin: 2px 0;
-`;function ExtensionsComponent({extensions:e}){const{showExtensions:t,preserveOriginalExtensionsName:n}=useContext(OptionsContext);return t?React.createElement("div",null,Object.keys(e).map((t=>React.createElement(Extension,{key:t},React.createElement(FieldLabel,null,n?t:t.substring(2),": ")," ",React.createElement(ExtensionValue,null,"string"==typeof e[t]?e[t]:JSON.stringify(e[t])))))):null}export const Extensions=memo(ExtensionsComponent);
+`;function ExtensionsComponent({extensions:e}){const{showExtensions:o,preserveOriginalExtensionsName:t}=useRecoilValue(globalOptionsSelector);return o?React.createElement("div",null,Object.keys(e).map((o=>React.createElement(Extension,{key:o},React.createElement(FieldLabel,null,t?o:o.substring(2),": ")," ",React.createElement(ExtensionValue,null,"string"==typeof e[o]?e[o]:JSON.stringify(e[o])))))):null}export const Extensions=memo(ExtensionsComponent);
 //# sourceMappingURL=Extensions.js.map

package/lib-esm/components/Fields/Field.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 import type { FieldProps } from './types';
-declare function FieldComponent({ field, expandByDefault, isLast, skipWriteOnly, skipReadOnly, level, showTitle, showExamples, renderDiscriminatorSwitch, className, }: FieldProps): JSX.Element;
-export declare const Field: typeof FieldComponent;
+declare function FieldComponent({ field, expandByDefault, isLast, skipWriteOnly, skipReadOnly, level, showTitle, showExamples, renderDiscriminatorSwitch, }: FieldProps): JSX.Element;
+export declare const Field: React.MemoExoticComponent<typeof FieldComponent>;
 export {};

package/lib-esm/components/Fields/Field.js

@@ -1,2 +1,2 @@
-import{observer}from"mobx-react";import React,{useContext}from"react";import{ClickablePropertyNameCell,RequiredLabel,AdditionalPropertiesLabel,AccessLabel,InnerPropertiesWrap,PropertyCellWithInner,PropertyDetailsCell,PropertyNameCell,ShareLinkToField}from"../common";import{ShelfIcon}from"../icons";import{Schema}from"../Schema";import{OptionsContext}from"../../context";import{FieldDetails}from"./FieldDetails";import{getAccessModeLabelText}from"../RenderHook";function FieldComponent({field:e,expandByDefault:t,isLast:a,skipWriteOnly:l,skipReadOnly:r,level:n,showTitle:i,showExamples:c,renderDiscriminatorSwitch:o,className:s=""}){const m=useContext(OptionsContext),d=()=>{void 0===e.expanded&&t?e.collapse():e.toggle()},{name:p,deprecated:R,required:E,kind:h}=e,u=!e.schema.isPrimitive&&!e.schema.isCircular,f=void 0===e.expanded?t:e.expanded,b=getAccessModeLabelText(e.schema,m.showAccessMode),k=React.createElement(React.Fragment,null,"additionalProperties"===h&&React.createElement(AdditionalPropertiesLabel,null,"additional property"),"patternProperties"===h&&React.createElement(AdditionalPropertiesLabel,null,"pattern property"),b&&React.createElement(AccessLabel,null,b),E&&React.createElement(RequiredLabel,null,"required")),y=u?React.createElement(ClickablePropertyNameCell,{className:R?"deprecated":"",kind:h,title:p},React.createElement("button",{onClick:d,onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),d())},"aria-label":"expand properties"},React.createElement("span",{className:"field-name"},m.disableDeepLinks?null:React.createElement(ShareLinkToField,{field:e}),p),React.createElement(ShelfIcon,{direction:f?"down":"right"})),k):React.createElement(PropertyNameCell,{className:R?"deprecated":void 0,kind:h,title:p},React.createElement("span",{className:"field-name"},m.disableDeepLinks?null:React.createElement(ShareLinkToField,{field:e}),p),k);return React.createElement(React.Fragment,null,React.createElement("tr",{className:a?"last "+s:s},y,React.createElement(PropertyDetailsCell,null,React.createElement(FieldDetails,{field:e,showExamples:c,renderDiscriminatorSwitch:o}))),f&&u&&React.createElement("tr",{key:e.name+"inner"},React.createElement(PropertyCellWithInner,{colSpan:2},React.createElement(InnerPropertiesWrap,null,React.createElement(Schema,{schema:e.schema,skipReadOnly:r,skipWriteOnly:l,showTitle:i,level:n})))))}export const Field=observer(FieldComponent);
+import React,{memo,useState}from"react";import{useRecoilValue}from"recoil";import{useLocation}from"react-router-dom";import{ClickablePropertyNameCell,RequiredLabel,AdditionalPropertiesLabel,AccessLabel,InnerPropertiesWrap,PropertyCellWithInner,PropertyDetailsCell,PropertyNameCell}from"../common";import{ShelfIcon}from"../icons";import{Schema}from"../Schema";import{FieldDetails}from"./FieldDetails";import{getAccessModeLabelText}from"../RenderHook";import{globalOptionsSelector}from"../../recoil/store";import{generateDeepLink,LinkToField}from"../common/LinkToField";import{checkIfPathIncludes}from"../SideMenu/useMenuItemLink";function FieldComponent({field:e,expandByDefault:t,isLast:a,skipWriteOnly:l,skipReadOnly:r,level:i,showTitle:n,showExamples:o,renderDiscriminatorSwitch:c}){const m=useRecoilValue(globalOptionsSelector),s=generateDeepLink(e,{pagination:m.pagination}),p=useLocation(),d=checkIfPathIncludes(p,s),[u,R]=useState(t||d),h=()=>{R((e=>!e))},{name:k,deprecated:E,required:f,kind:L}=e,P=!e.schema.isPrimitive&&!e.schema.isCircular,b=getAccessModeLabelText(e.schema,m.showAccessMode),y=React.createElement(React.Fragment,null,"additionalProperties"===L&&React.createElement(AdditionalPropertiesLabel,null,"additional property"),"patternProperties"===L&&React.createElement(AdditionalPropertiesLabel,null,"pattern property"),b&&React.createElement(AccessLabel,null,b),f&&React.createElement(RequiredLabel,null,"required")),C=u?"expanded":"",D=P?React.createElement(ClickablePropertyNameCell,{className:E?"deprecated":"",kind:L,title:k},React.createElement("button",{onClick:h,onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),h())},"aria-label":"expand properties"},React.createElement("span",{className:"field-name"},m.disableDeepLinks?null:React.createElement(LinkToField,{to:s,location:p}),k),React.createElement(ShelfIcon,{direction:u?"down":"right"})),y):React.createElement(PropertyNameCell,{className:E?"deprecated":void 0,kind:L,title:k},React.createElement("span",{className:"field-name"},m.disableDeepLinks?null:React.createElement(LinkToField,{to:s,location:p}),k),y);return React.createElement(React.Fragment,null,React.createElement("tr",{className:a?"last "+C:C,"data-pointer":e.schema.absolutePointer},D,React.createElement(PropertyDetailsCell,null,React.createElement(FieldDetails,{field:e,showExamples:o,renderDiscriminatorSwitch:c}))),u&&P&&React.createElement("tr",{key:e.name+"inner"},React.createElement(PropertyCellWithInner,{colSpan:2},React.createElement(InnerPropertiesWrap,null,React.createElement(Schema,{schema:e.schema,skipReadOnly:r,skipWriteOnly:l,showTitle:n,level:i})))))}export const Field=memo(FieldComponent);
 //# sourceMappingURL=Field.js.map

package/lib-esm/components/Fields/FieldDetails.d.ts

@@ -1,4 +1,3 @@
+import React from 'react';
 import type { FieldProps } from './types';
-declare function FieldDetailsComponent({ showExamples, field, renderDiscriminatorSwitch, }: FieldProps): JSX.Element;
-export declare const FieldDetails: typeof FieldDetailsComponent;
-export {};
+export declare const FieldDetails: React.NamedExoticComponent<FieldProps>;

package/lib-esm/components/Fields/FieldDetails.js

@@ -1,2 +1,2 @@
-import React,{useContext,useState}from"react";import{observer}from"mobx-react";import{PatternLabel,RecursiveLabel,TypeFormat,TypeName,TypePrefix,TypeTitle,ToggleButton,Badge}from"../common";import{ExternalDocumentation}from"../ExternalDocumentation";import{Markdown}from"../Markdown";import{l}from"../../services";import{OptionsContext}from"../../context";import{FieldDetail}from"./FieldDetail";import{ConstraintsView}from"./ConstraintsView";import{Extensions}from"./Extensions";import{EnumValues}from"./EnumValues";import{Examples,getSerializedValue}from"./Examples";import{TypeWrapper}from"./styled";const MAX_PATTERN_LENGTH=45;function FieldDetailsComponent({showExamples:e,field:t,renderDiscriminatorSwitch:a}){const[n,r]=useState(!1),{enumSkipQuotes:o,hideSchemaTitles:i,hideSchemaPattern:c}=useContext(OptionsContext),{schema:m,description:s,example:p,deprecated:u,examples:d}=t,E=Boolean(o)||"header"===t.in;let x=null;if(e&&(void 0!==p||void 0!==d))if(void 0!==d)x=React.createElement(Examples,{field:t});else{const e=!!t.in;x=React.createElement(FieldDetail,{label:"example",value:getSerializedValue(t,t.example),raw:e})}return React.createElement("div",null,React.createElement(TypeWrapper,null,React.createElement(TypePrefix,null,m.typePrefix),React.createElement(TypeName,null,m.displayType),m.displayFormat&&React.createElement(TypeFormat,null," ","<",m.displayFormat,">"," "),m.contentEncoding&&React.createElement(TypeFormat,null," ","<",m.contentEncoding,">"," "),m.contentMediaType&&React.createElement(TypeFormat,null," ","<",m.contentMediaType,">"," "),m.title&&!i&&React.createElement(TypeTitle,null," (",m.title,") "),React.createElement(ConstraintsView,{constraints:m.constraints}),m.pattern&&!c&&React.createElement(React.Fragment,null,React.createElement(PatternLabel,null,n||m.pattern.length<45?m.pattern:`${m.pattern.substr(0,45)}...`),m.pattern.length>45&&React.createElement(ToggleButton,{onClick:()=>{r(!n)}},n?"Hide pattern":"Show pattern"))," ",m.isCircular&&React.createElement(RecursiveLabel,null,l("recursive"))),u&&React.createElement("div",null,React.createElement(Badge,{deprecated:!0,style:{marginLeft:0}}," ",l("deprecated")," ")),React.createElement(FieldDetail,{raw:E,label:"default",value:m.default}),React.createElement("div",null,React.createElement(Markdown,{compact:!0,source:s})),!a&&React.createElement(EnumValues,{type:m.type,values:m["x-enumDescriptions"]||m.enum})," ",x,React.createElement(Extensions,{extensions:Object.assign(Object.assign({},t.extensions),m.extensions)}),m.externalDocs&&React.createElement(ExternalDocumentation,{externalDocs:m.externalDocs,compact:!0}),null==a?void 0:a(),t.const&&React.createElement(FieldDetail,{label:"const",value:t.const})||null)}export const FieldDetails=observer(FieldDetailsComponent);
+import React,{memo,useState}from"react";import{useRecoilValue}from"recoil";import{PatternLabel,RecursiveLabel,TypeFormat,TypeName,TypePrefix,TypeTitle,ToggleButton,Badge}from"../common";import{ExternalDocumentation}from"../ExternalDocumentation";import{Markdown}from"../Markdown";import{l}from"../../services";import{FieldDetail}from"./FieldDetail";import{ConstraintsView}from"./ConstraintsView";import{Extensions}from"./Extensions";import{EnumValues}from"./EnumValues";import{Examples,getSerializedValue}from"./Examples";import{TypeWrapper}from"./styled";import{globalOptionsSelector}from"../../recoil/store";const MAX_PATTERN_LENGTH=45;function FieldDetailsComponent({showExamples:e,field:t,renderDiscriminatorSwitch:a}){const[n,r]=useState(!1),{enumSkipQuotes:o,hideSchemaTitles:i,hideSchemaPattern:c}=useRecoilValue(globalOptionsSelector),{schema:m,description:s,example:p,deprecated:u,examples:d}=t,E=Boolean(o)||"header"===t.in;let R=null;if(e&&(void 0!==p||void 0!==d))if(void 0!==d)R=React.createElement(Examples,{field:t});else{const e=!!t.in;R=React.createElement(FieldDetail,{label:"example",value:getSerializedValue(t,t.example),raw:e})}return React.createElement("div",null,React.createElement(TypeWrapper,null,React.createElement(TypePrefix,null,m.typePrefix),React.createElement(TypeName,null,m.displayType),m.displayFormat&&React.createElement(TypeFormat,null," ","<",m.displayFormat,">"," "),m.contentEncoding&&React.createElement(TypeFormat,null," ","<",m.contentEncoding,">"," "),m.contentMediaType&&React.createElement(TypeFormat,null," ","<",m.contentMediaType,">"," "),m.title&&!i&&React.createElement(TypeTitle,null," (",m.title,") "),React.createElement(ConstraintsView,{constraints:m.constraints}),m.pattern&&!c&&React.createElement(React.Fragment,null,React.createElement(PatternLabel,null,n||m.pattern.length<45?m.pattern:`${m.pattern.substr(0,45)}...`),m.pattern.length>45&&React.createElement(ToggleButton,{onClick:()=>{r(!n)}},n?"Hide pattern":"Show pattern"))," ",m.isCircular&&React.createElement(RecursiveLabel,null,l("recursive"))),u&&React.createElement("div",null,React.createElement(Badge,{deprecated:!0,style:{marginLeft:0}}," ",l("deprecated")," ")),React.createElement(FieldDetail,{raw:E,label:"default",value:m.default}),React.createElement("div",null,React.createElement(Markdown,{source:s})),!a&&React.createElement(EnumValues,{type:m.type,values:m["x-enumDescriptions"]||m.enum})," ",R,React.createElement(Extensions,{extensions:Object.assign(Object.assign({},t.extensions),m.extensions)}),m.externalDocs&&React.createElement(ExternalDocumentation,{externalDocs:m.externalDocs,compact:!0}),null==a?void 0:a(),t.const&&React.createElement(FieldDetail,{label:"const",value:t.const})||null)}export const FieldDetails=memo(FieldDetailsComponent);
 //# sourceMappingURL=FieldDetails.js.map

package/lib-esm/components/Fields/SimpleEnums.js

@@ -1,2 +1,2 @@
-import React,{Fragment,memo}from"react";import{EnumValue,FieldLabel}from"../common";import{l}from"../../services";import{ToggleButton}from"./styled";export function SimpleEnumsComponent({enums:e,enumSkipQuotes:t,type:n,toggle:m,showToggleButton:o,toggleButtonText:r}){return React.createElement(React.Fragment,null,React.createElement(FieldLabel,null,"array"===n?l("enumArray"):""," ",1===e.length?l("enumSingleValue"):l("enum"),":")," ",e.map((e=>{const n=t?String(e):JSON.stringify(e);return React.createElement(Fragment,{key:e},React.createElement(EnumValue,null,n)," ")})),o?React.createElement(ToggleButton,{onClick:m},r):null)}export const SimpleEnums=memo(SimpleEnumsComponent);
+import React,{Fragment,memo}from"react";import{EnumValue,FieldLabel}from"../common";import{l}from"../../services";import{ToggleButton}from"./styled";export function SimpleEnumsComponent({enums:e,enumSkipQuotes:t,type:n,toggle:m,showToggleButton:o,toggleButtonText:r}){return React.createElement(React.Fragment,null,React.createElement(FieldLabel,null,"array"===n?l("enumArray"):""," ",1===e.length?l("enumSingleValue"):l("enum"),":")," ",e.map(((e,n)=>{const m=t?String(e):JSON.stringify(e);return React.createElement(Fragment,{key:e+n},React.createElement(EnumValue,null,m)," ")})),o?React.createElement(ToggleButton,{onClick:m},r):null)}export const SimpleEnums=memo(SimpleEnumsComponent);
 //# sourceMappingURL=SimpleEnums.js.map

package/lib-esm/components/Fields/types.d.ts

@@ -31,7 +31,6 @@ export interface ExtensionsProps {
     };
 }
 export interface FieldProps extends SchemaOptions {
-    className?: string;
     isLast?: boolean;
     showExamples?: boolean;
     field: FieldModel;

package/lib-esm/components/GenericChildrenSwitcher/GenericChildrenSwitcher.js

@@ -1,2 +1,2 @@
-import{observer}from"mobx-react";import React,{useState}from"react";import{DropdownLabel,DropdownWrapper}from"../PayloadSamples";const GenericChildrenSwitcherComponent=({items:e,options:r,renderDropdown:t,label:n,children:o})=>{const[a,l]=useState(0);if(!e||!e.length)return null;return React.createElement(React.Fragment,null,React.createElement((({children:e})=>n?React.createElement(DropdownWrapper,null,React.createElement(DropdownLabel,null,n),e):e),null,t({value:r[a].value,options:r,onChange:({idx:r})=>{e&&r&&l(r)},ariaLabel:n||"Callback"})),o(e[a]))};export const GenericChildrenSwitcher=observer(GenericChildrenSwitcherComponent);
+import React,{useState}from"react";import{DropdownLabel,DropdownWrapper}from"../PayloadSamples";export const GenericChildrenSwitcher=({items:e,options:r,renderDropdown:t,label:a,children:l})=>{const[n,o]=useState(0);if(!e||!e.length)return null;return React.createElement(React.Fragment,null,React.createElement((({children:e})=>a?React.createElement(DropdownWrapper,null,React.createElement(DropdownLabel,null,a),e):e),null,t({value:r[n].value,options:r,onChange:({idx:r})=>{e&&r&&o(r)},ariaLabel:a||"Callback"})),l(e[n]))};
 //# sourceMappingURL=GenericChildrenSwitcher.js.map

package/lib-esm/components/Markdown/Markdown.d.ts

@@ -1,2 +1,2 @@
 import type { MarkdownProps } from './types';
-export declare const Markdown: ({ source, ...props }: MarkdownProps) => JSX.Element;
+export declare const Markdown: ({ source, ast, htmlWrap, ...props }: MarkdownProps) => JSX.Element | null;

package/lib-esm/components/Markdown/Markdown.js

@@ -1,2 +1,2 @@
-var __rest=this&&this.__rest||function(r,e){var t={};for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&e.indexOf(n)<0&&(t[n]=r[n]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(r);o<n.length;o++)e.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(r,n[o])&&(t[n[o]]=r[n[o]])}return t};import React from"react";import{MarkdownRenderer}from"../../services";import{SanitizedMarkdownHTML}from"./SanitizedMarkdownHTML";export const Markdown=r=>{var{source:e}=r,t=__rest(r,["source"]);const n=new MarkdownRenderer;return React.createElement(SanitizedMarkdownHTML,Object.assign({},t,{html:n.renderMd(e)}))};
+var __rest=this&&this.__rest||function(o,e){var r={};for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&e.indexOf(t)<0&&(r[t]=o[t]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(o);n<t.length;n++)e.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(o,t[n])&&(r[t[n]]=o[t[n]])}return r};import React,{Fragment}from"react";import{parse,transform,renderers,Ast}from"@markdoc/markdoc";import{useRecoilValue}from"recoil";import DOMPurify from"dompurify";import{MarkdownWrapper}from"@redocly/theme";import{globalOptionsSelector}from"../../recoil/store";import{isString}from"../../utils";export const Markdown=o=>{var e,r,t,n,l,i,a,s,d,{source:m,ast:u,htmlWrap:c}=o,p=__rest(o,["source","ast","htmlWrap"]);const v=useRecoilValue(globalOptionsSelector);if(!m&&!u)return null;const f=(null==v?void 0:v.allowedMdComponents)&&{tags:null===(e=v.allowedMdComponents)||void 0===e?void 0:e.tags,nodes:null===(r=v.allowedMdComponents)||void 0===r?void 0:r.nodes,partials:null===(t=v.allowedMdComponents)||void 0===t?void 0:t.partials,variables:null===(n=v.allowedMdComponents)||void 0===n?void 0:n.variables,functions:null===(l=v.allowedMdComponents)||void 0===l?void 0:l.functions},y=(null==v?void 0:v.allowedMdComponents)&&{components:null===(i=v.allowedMdComponents)||void 0===i?void 0:i.components};let O;if(m)if(isString(m)){const o=(null===(a=null==v?void 0:v.hooks)||void 0===a?void 0:a.sanitize)?null===(d=null===(s=v.hooks)||void 0===s?void 0:s.sanitize)||void 0===d?void 0:d.call(s,m):(null==v?void 0:v.untrustedDefinition)?DOMPurify.sanitize(m):m,e=parse(o);O=transform(e,f)}else{const o=Ast.fromJSON(m.result);O=(Array.isArray(o),transform(o,f))}else u&&(O=transform(u,f));const b=o=>{const e=renderers.react(o,React,y);return React.createElement(MarkdownWrapper,Object.assign({},p,{children:e,as:"div"}))};if(!c)return b(O);return O=Array.isArray(O)?O:O.children,React.createElement(React.Fragment,null," ",O.map(((o,e)=>{var r,t,n,l;return React.createElement(Fragment,{key:(null===(r=null==o?void 0:o.attributes)||void 0===r?void 0:r.id)||e},(l=null==o?void 0:o.attributes,t=!1!==(null==l?void 0:l.htmlWrap),n=o,t?c(b(n)):b(n)))})))};
 //# sourceMappingURL=Markdown.js.map

package/lib-esm/components/Markdown/index.d.ts

@@ -1,5 +1,3 @@
 export { Markdown } from './Markdown';
-export { AdvancedMarkdown } from './AdvancedMarkdown';
-export { SanitizedMarkdownHTML } from './SanitizedMarkdownHTML';
 export * from './styled';
 export * from './types';

package/lib-esm/components/Markdown/index.js

@@ -1,2 +1,2 @@
-export{Markdown}from"./Markdown";export{AdvancedMarkdown}from"./AdvancedMarkdown";export{SanitizedMarkdownHTML}from"./SanitizedMarkdownHTML";export*from"./styled";export*from"./types";
+export{Markdown}from"./Markdown";export*from"./styled";export*from"./types";
 //# sourceMappingURL=index.js.map

package/lib-esm/components/Markdown/styled.js

@@ -1,4 +1,4 @@
-import styled,{css}from"styled-components";import{CodeBlock}from"@redocly/theme";import{linkifyMixin}from"../common/linkify";import{typography}from"../../utils";export const linksCss=css`
+import styled,{css}from"styled-components";import{CodeBlock}from"@redocly/theme";import{typography}from"../../utils";export const linksCss=css`
   a {
     text-decoration: var(--link-decoration, auto);
     color: var(--link-text-color);
@@ -229,8 +229,6 @@ import styled,{css}from"styled-components";import{CodeBlock}from"@redocly/theme"
 
   ${({withoutTableStyle:r})=>!r&&baseTable}
 
-  ${linkifyMixin(".share-link","15px")};
-
   ${linksCss}
 
   h1 {

package/lib-esm/components/Markdown/types.d.ts

@@ -1,16 +1,8 @@
-export interface StylingMarkdownProps {
-    compact?: boolean;
-    inline?: boolean;
-}
-export interface BaseMarkdownProps {
+import type { Node } from '@markdoc/markdoc';
+export type MarkdownProps = {
     sanitize?: boolean;
-    source: string;
-}
-export type MarkdownProps = BaseMarkdownProps & StylingMarkdownProps & {
-    source: string;
+    source?: string | GenericObject;
+    ast?: Node[];
     className?: string;
-    'data-role'?: string;
-};
-export interface AdvancedMarkdownProps extends BaseMarkdownProps {
     htmlWrap?: (part: JSX.Element) => JSX.Element;
-}
+};

package/lib-esm/components/MediaTypeSwitch/MediaTypesSwitch.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { DropdownProps } from '../common';
 import type { MediaContentModel, MediaTypeModel } from '../../models';
 interface MediaTypesSwitchProps {
@@ -6,6 +7,5 @@ interface MediaTypesSwitchProps {
     renderDropdown: (props: DropdownProps) => JSX.Element | null;
     children: (activeMime: MediaTypeModel) => JSX.Element;
 }
-declare function MediaTypesSwitchComponent({ content, withLabel, renderDropdown, children, }: MediaTypesSwitchProps): JSX.Element | null;
-export declare const MediaTypesSwitch: typeof MediaTypesSwitchComponent;
+export declare const MediaTypesSwitch: React.NamedExoticComponent<MediaTypesSwitchProps>;
 export {};

package/lib-esm/components/MediaTypeSwitch/MediaTypesSwitch.js

@@ -1,2 +1,2 @@
-import{observer}from"mobx-react";import React,{useCallback,useRef}from"react";import{DropdownLabel,DropdownWrapper}from"../PayloadSamples";import{FormControl}from"../common";function Wrapper({children:e,withLabel:t,innerRef:n}){return t?React.createElement(DropdownWrapper,{ref:n},React.createElement(DropdownLabel,null,"Content type"),e):React.createElement(FormControl,{ref:n},e)}function MediaTypesSwitchComponent({content:e,withLabel:t,renderDropdown:n,children:r}){const a=useCallback((({value:t})=>{if(!e||!o.current)return null;const n=o.current.getBoundingClientRect().y;e.activate(t),requestAnimationFrame((()=>{if(!o.current||null==n)return;const e=o.current.getBoundingClientRect().y;window.scrollBy(0,e-n)}))}),[e]),o=useRef(null);if(!e||!e.mediaTypes||!e.mediaTypes.length)return null;const l=e.mediaTypes.map(((e,t)=>({value:e.name,idx:t}))),c=e.active.name;return React.createElement(React.Fragment,null,React.createElement(Wrapper,{innerRef:o,withLabel:t},n({value:c,options:l,onChange:a,ariaLabel:"Content type"})),r(e.active))}export const MediaTypesSwitch=observer(MediaTypesSwitchComponent);
+import React,{memo,useCallback,useRef}from"react";import{useRecoilState}from"recoil";import{DropdownLabel,DropdownWrapper}from"../PayloadSamples";import{FormControl}from"../common";import{activeMimeNameSelector}from"../../recoil/app";import{getActiveMediaType}from"../../models";function Wrapper({children:e,withLabel:t,innerRef:r}){return t?React.createElement(DropdownWrapper,{ref:r},React.createElement(DropdownLabel,null,"Content type"),e):React.createElement(FormControl,{ref:r},e)}function MediaTypesSwitchComponent({content:e,withLabel:t,renderDropdown:r,children:n}){const[o,a]=useRecoilState(activeMimeNameSelector),i=useCallback((({value:t})=>{if(!e||!l.current)return null;const r=l.current.getBoundingClientRect().y;a(t),requestAnimationFrame((()=>{if(!l.current||null==r)return;const e=l.current.getBoundingClientRect().y;window.scrollBy(0,e-r)}))}),[e,a]),l=useRef(null);if(!e||!e.mediaTypes||!e.mediaTypes.length)return null;const c=e.mediaTypes.map(((e,t)=>({value:e.name,idx:t}))),m=getActiveMediaType(e,o);return React.createElement(React.Fragment,null,React.createElement(Wrapper,{innerRef:l,withLabel:t},r({value:m.name,options:c,onChange:i,ariaLabel:"Content type"})),n(m))}export const MediaTypesSwitch=memo(MediaTypesSwitchComponent);
 //# sourceMappingURL=MediaTypesSwitch.js.map

package/lib-esm/components/NextSectionButton/NextSectionButton.d.ts

@@ -0,0 +1,8 @@
+import type { Options } from '../../services/Options/types';
+interface NextSectionButtonProps {
+    pagination?: Options['pagination'];
+    href: string;
+    label: string;
+}
+export declare function NextSectionButton({ pagination, href, label, }: NextSectionButtonProps): JSX.Element | null;
+export {};

package/lib-esm/components/NextSectionButton/NextSectionButton.js

@@ -0,0 +1,2 @@
+import{Button}from"@redocly/theme";import React from"react";import{NextSectionButtonWrap}from"./styled";import{Link}from"../common";export function NextSectionButton({pagination:t,href:e,label:o}){return t&&"none"!==t?React.createElement(NextSectionButtonWrap,null,React.createElement(Link,{to:e},React.createElement(Button,{extraClass:"next-section-button",color:"secondary"},"➔ Next to ",React.createElement("strong",null,o)))):null}
+//# sourceMappingURL=NextSectionButton.js.map

package/lib-esm/components/NextSectionButton/index.d.ts

@@ -0,0 +1 @@
+export { NextSectionButton } from './NextSectionButton';

package/lib-esm/components/NextSectionButton/index.js

@@ -0,0 +1,2 @@
+export{NextSectionButton}from"./NextSectionButton";
+//# sourceMappingURL=index.js.map

package/lib-esm/components/NextSectionButton/styled.d.ts

@@ -0,0 +1 @@
+export declare const NextSectionButtonWrap: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib-esm/components/NextSectionButton/styled.js

@@ -0,0 +1,18 @@
+import styled from"styled-components";export const NextSectionButtonWrap=styled.div`
+  padding-top: calc(var(--spacing-unit) * 4);
+  padding-bottom: calc(var(--spacing-unit) * 4);
+  padding-left: var(--spacing-horizontal);
+  padding-right: var(--spacing-horizontal);
+  align-self: flex-start;
+  text-align: right;
+
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+
+  ${({theme:a})=>a.mediaQueries[a.showAtBreakpoint.samplesPanel]} {
+    width: calc(100% - var(--panel-samples-width));
+    padding-right: var(--panel-gap-vertical, var(--panel-gap-horizontal));
+  }
+`;
+//# sourceMappingURL=styled.js.map

package/lib-esm/components/OperationItem/OperationItem.d.ts

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

package/lib-esm/components/OperationItem/OperationItem.js

@@ -0,0 +1,9 @@
+import React,{memo,useCallback}from"react";import styled from"styled-components";import{useRecoilValue,useSetRecoilState}from"recoil";import{H2,useMount}from"@redocly/theme";import{Endpoint}from"../Endpoint";import{Row}from"../common/panels";import{Badge,SamplesMiddlePanel,SamplesPanel,ShareLink}from"../common";import{CallbacksList}from"../Callbacks";import{CallbackSamples}from"../CallbackSamples";import{ExternalDocumentation}from"../ExternalDocumentation";import{Extensions}from"../Fields";import{Markdown}from"../Markdown";import{Parameters}from"../Parameters";import{RequestSamples}from"../RequestSamples";import{ResponsesList}from"../Responses";import{ResponseSamples}from"../ResponseSamples";import{SecurityRequirements}from"../SecurityRequirement";import{ContentPanel}from"../Panel";import{RenderHook}from"../RenderHook";import{l}from"../../services";import{LayoutVariant}from"../../constants";import{creatPanelToggleEvent}from"../../events";import{showRightPanelToggleSelector,layoutSelector}from"../../recoil/app";import{globalStoreSelector}from"../../recoil/store";import{getOperation}from"../../models/operation";import{operationStore}from"../../recoil/operation";const OperationRow=styled(Row)`
+  align-items: flex-start;
+  ${H2} {
+    position: relative;
+  }
+`,Description=styled.div`
+  margin-bottom: calc(var(--spacing-unit) * 4);
+`;function OperationItemComponent({item:{operationDefinition:e,parent:t,href:o}}){var a,r,n;const s=useRecoilValue(layoutSelector),c=useRecoilValue(showRightPanelToggleSelector),{parser:m,options:i}=useRecoilValue(globalStoreSelector),{hooks:p,events:u,showWebhookVerb:d,pathInMiddlePanel:R,expandDefaultRequest:E,expandDefaultResponse:S}=i,k=getOperation(m,e,t,i,o),{name:f,description:g,deprecated:v,externalDocs:b,isWebhook:h,httpVerb:y}=k,x=useSetRecoilState(operationStore(k.pointer));useMount((()=>{x((e=>Object.assign(Object.assign({},e),{activeExampleName:k.activeExampleName,activeServer:k.activeServer})))}));const P=!(!g&&!b),C=useCallback((e=>t=>{var o;const a=creatPanelToggleEvent({operation:k,isExpanded:t,panelType:e});null===(o=null==u?void 0:u.panelToggle)||void 0===o||o.call(u,a)}),[u,k]);return React.createElement(OperationRow,{layout:s},React.createElement(SamplesMiddlePanel,{isStacked:s===LayoutVariant.STACKED},React.createElement(RenderHook,{Hook:null==p?void 0:p.BeforeOperation,props:{operation:k}}),React.createElement(H2,null,React.createElement(ShareLink,{to:o}),React.createElement(RenderHook,{Hook:null==p?void 0:p.BeforeOperationSummary,props:{operation:k}}),f,React.createElement(RenderHook,{Hook:null==p?void 0:p.AfterOperationSummary,props:{operation:k}}),v&&React.createElement(Badge,{deprecated:!0},"Deprecated"),h&&React.createElement(React.Fragment,null,React.createElement(Badge,null,"Webhook"),d&&y&&React.createElement(Badge,null,y.toUpperCase()))),R&&!h&&React.createElement(Endpoint,{operation:k}),P&&React.createElement(Description,null,void 0!==g&&React.createElement(Markdown,{source:g}),b&&React.createElement(ExternalDocumentation,{externalDocs:b}),Object.keys(k.extensions||{}).length?React.createElement(Extensions,{extensions:k.extensions}):null),React.createElement(SecurityRequirements,{securities:k.security}),(null===(a=k.parameters)||void 0===a?void 0:a.length)||k.requestBody?React.createElement(ContentPanel,{header:l("request"),onToggle:C("request"),expanded:E,className:"panel-request-schemas"},React.createElement(Parameters,{parameters:k.parameters,body:k.requestBody})):null,(null===(r=k.responses)||void 0===r?void 0:r.length)?React.createElement(ContentPanel,{header:l("responses"),onToggle:C("responses"),expanded:S,className:"panel-response-schemas"},React.createElement(ResponsesList,{responses:k.responses})):null,(null===(n=k.callbacks)||void 0===n?void 0:n.length)?React.createElement(ContentPanel,{className:"panel-callback-schemas",header:l("callbacks")},React.createElement(CallbacksList,{callbacks:k.callbacks})):null,React.createElement(RenderHook,{Hook:null==p?void 0:p.AfterOperation,props:{operation:k}})),c?React.createElement(SamplesPanel,{"data-cy":"samples-block"},!R&&!h&&React.createElement(Endpoint,{operation:k}),React.createElement(RequestSamples,{operation:k}),React.createElement(ResponseSamples,{operation:k}),React.createElement(CallbackSamples,{callbacks:k.callbacks})):null)}export const OperationItem=memo(OperationItemComponent);
+//# sourceMappingURL=OperationItem.js.map

package/lib-esm/components/OperationItem/index.d.ts

@@ -0,0 +1,2 @@
+export { OperationItem } from './OperationItem';
+export type { OperationItemProps } from './types';

package/lib-esm/components/OperationItem/index.js

@@ -0,0 +1,2 @@
+export{OperationItem}from"./OperationItem";
+//# sourceMappingURL=index.js.map

package/lib-esm/components/OperationItem/types.d.ts

@@ -0,0 +1,4 @@
+import type { OperationMenuItem } from '../../models';
+export interface OperationItemProps {
+    item: OperationMenuItem;
+}

package/lib-esm/components/Overlay.d.ts

@@ -1,10 +1,5 @@
 import type { LicenseInfo } from '../services/check';
 export interface LicenseCheckProps {
-    l: Promise<LicenseInfo>;
+    licenseInfo: LicenseInfo;
 }
-export interface LicenseCheckState {
-    m: string | null;
-    exp: number;
-    local: boolean;
-}
-export declare const Overlay: ({ l }: LicenseCheckProps) => JSX.Element | null;
+export declare const Overlay: ({ licenseInfo }: LicenseCheckProps) => JSX.Element | null;

package/lib-esm/components/Overlay.js

@@ -1,4 +1,4 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,a){return new(n||(n=Promise))((function(i,l){function o(e){try{c(a.next(e))}catch(e){l(e)}}function r(e){try{c(a.throw(e))}catch(e){l(e)}}function c(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,r)}c((a=a.apply(e,t||[])).next())}))};import React,{useState,useEffect}from"react";import styled from"styled-components";const INVALID_KEY="Invalid license key",INVALID_KEY_MISSING=INVALID_KEY+": missing key",EXPIRED="Invalid license key: expired",TRIAL_EXPIRED=EXPIRED,INVALID_HOST="Invalid license key: host not allowed";export const Overlay=({l:e})=>{const[t,n]=useState(null),[a,i]=useState(-1),[l,o]=useState(!1);return useEffect((()=>{__awaiter(void 0,void 0,void 0,(function*(){var t;const a=yield e;a.local?o(!0):(a.valid?a.allowed?a.expired&&n(a.t?EXPIRED:TRIAL_EXPIRED):n(INVALID_HOST):n(!1===a.valid?INVALID_KEY+(a.cryptoMissing?": works only with https":""):INVALID_KEY_MISSING),a.t&&i(Math.ceil(((null!==(t=null==a?void 0:a.e)&&void 0!==t?t:0)-Date.now()/1e3)/60/60/24)))}))}),[e]),l?React.createElement(TrialWrap,null,React.createElement("a",{href:"https://redoc.ly"},"Redocly API reference docs")," preview"):!t&&a>-1?React.createElement(TrialWrap,null," Trial version: ",a," days remaining "):t?React.createElement(Flash,null,React.createElement("span",null,t," ",React.createElement("br",null),React.createElement("small",null,"Please contact ",React.createElement("a",{href:"mailto:team@redoc.ly"},"team@redoc.ly")," to remedy the problem."," "))):null};const TrialWrap=styled.div`
+import React,{useState,useEffect}from"react";import styled from"styled-components";const INVALID_KEY="Invalid license key",INVALID_KEY_MISSING=INVALID_KEY+": missing key",EXPIRED="Invalid license key: expired",TRIAL_EXPIRED=EXPIRED,INVALID_HOST="Invalid license key: host not allowed";export const Overlay=({licenseInfo:e})=>{const[t,l]=useState(null),[a,i]=useState(-1),[n,r]=useState(!1);return useEffect((()=>{var t;e.local?r(!0):(e.valid?e.allowed?e.expired&&l(e.t?EXPIRED:TRIAL_EXPIRED):l(INVALID_HOST):l(!1===e.valid?INVALID_KEY+(e.cryptoMissing?": works only with https":""):INVALID_KEY_MISSING),e.t&&i(Math.ceil(((null!==(t=null==e?void 0:e.e)&&void 0!==t?t:0)-Date.now()/1e3)/60/60/24)))}),[e]),n?React.createElement(TrialWrap,null,React.createElement("a",{href:"https://redoc.ly"},"Redocly API reference docs")," preview"):!t&&a>-1?React.createElement(TrialWrap,null," Trial version: ",a," days remaining "):t?React.createElement(Flash,null,React.createElement("span",null,t," ",React.createElement("br",null),React.createElement("small",null,"Please contact ",React.createElement("a",{href:"mailto:team@redoc.ly"},"team@redoc.ly")," to remedy the problem."," "))):null};const TrialWrap=styled.div`
   padding: 10px 40px;
   position: fixed;
   text-align: right;

package/lib-esm/components/Panel/ResponsePanel.js

@@ -1,4 +1,4 @@
-import styled from"styled-components";import{Panel,PanelHeaderTitle}from"@redocly/theme";import{FieldsGroupHeader}from"../common/headers";import{StyledMarkdownSpan}from"../Markdown";import{Trigger}from"./Trigger";export const StyledResponsePanel=styled(Panel)`
+import styled from"styled-components";import{Panel,PanelHeaderTitle}from"@redocly/theme";import{FieldsGroupHeader}from"../common/headers";import{StyledMarkdownSpan}from"../Markdown/styled";import{Trigger}from"./Trigger";export const StyledResponsePanel=styled(Panel)`
   ${FieldsGroupHeader} {
     &:first-child {
       margin-top: 0;

package/lib-esm/components/Parameters/BodyContent.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import type { MediaContentModel } from '../../models';
 interface BodyContentProps {
     content: MediaContentModel;
-    description?: string;
+    description?: string | GenericObject;
 }
-export declare function BodyContent({ content, description }: BodyContentProps): JSX.Element;
+export declare const BodyContent: React.NamedExoticComponent<BodyContentProps>;
 export {};

package/lib-esm/components/Parameters/BodyContent.js

@@ -1,4 +1,4 @@
-import React from"react";import styled from"styled-components";import{MediaTypesSwitch}from"../MediaTypeSwitch";import{Markdown}from"../Markdown";import{ConstraintsView}from"../Fields";import{Schema}from"../Schema";import{DropdownWithinHeader}from"./DropdownWithinHeader";export function BodyContent({content:e,description:t}){const{isRequestType:n}=e;return React.createElement(MediaTypesSwitch,{content:e,renderDropdown:DropdownWithinHeader},(({schema:e,examples:o,operation:r})=>React.createElement(React.Fragment,null,(void 0!==t||(null==e?void 0:e.constraints))&&React.createElement(Description,null,void 0!==t&&React.createElement(Markdown,{source:t}),"object"===(null==e?void 0:e.type)&&React.createElement(ConstraintsView,{constraints:(null==e?void 0:e.constraints)||[]})),React.createElement(Schema,{skipReadOnly:n,skipWriteOnly:!n,key:"schema",schema:e,examples:o,operation:r}))))}const Description=styled.div`
+import React,{memo}from"react";import styled from"styled-components";import{MediaTypesSwitch}from"../MediaTypeSwitch";import{Markdown}from"../Markdown";import{ConstraintsView}from"../Fields";import{Schema}from"../Schema";import{DropdownWithinHeader}from"./DropdownWithinHeader";function BodyContentComponent({content:e,description:t}){const{isRequestType:o}=e;return React.createElement(MediaTypesSwitch,{content:e,renderDropdown:DropdownWithinHeader},(({schema:e,examples:n,operation:r})=>React.createElement(React.Fragment,null,(void 0!==t||(null==e?void 0:e.constraints))&&React.createElement(Description,null,void 0!==t&&React.createElement(Markdown,{source:t}),"object"===(null==e?void 0:e.type)&&React.createElement(ConstraintsView,{constraints:(null==e?void 0:e.constraints)||[]})),React.createElement(Schema,{skipReadOnly:o,skipWriteOnly:!o,key:"schema",schema:e,examples:n,operation:r}))))}export const BodyContent=memo(BodyContentComponent);const Description=styled.div`
   margin-bottom: calc(var(--spacing-unit) * 4);
 `;
 //# sourceMappingURL=BodyContent.js.map

package/lib-esm/components/Parameters/ParametersGroup.js

@@ -1,4 +1,4 @@
-import React,{memo}from"react";import styled from"styled-components";import{FieldsGroupHeader,PropertiesTable,PropertiesTableWrap}from"../../components";import{Field}from"../Fields";import{mapWithLast}from"../../utils";function ParametersGroupComponent({place:e,parameters:t}){return t&&t.length?React.createElement(Wrap,{key:e},React.createElement(FieldsGroupHeader,null,e," Parameters"),React.createElement(PropertiesTableWrap,null,React.createElement(PropertiesTable,null,React.createElement("tbody",null,mapWithLast(t,((e,t)=>React.createElement(Field,{key:e.name,isLast:t,field:e,showExamples:!0}))))))):null}export const ParametersGroup=memo(ParametersGroupComponent);export const Wrap=styled.div`
+import React,{memo}from"react";import styled from"styled-components";import{FieldsGroupHeader,PropertiesTable}from"../../components";import{Field}from"../Fields";import{mapWithLast}from"../../utils";function ParametersGroupComponent({place:e,parameters:t}){return t&&t.length?React.createElement(Wrap,{key:e},React.createElement(FieldsGroupHeader,null,e," Parameters"),React.createElement(PropertiesTable,null,React.createElement("tbody",null,mapWithLast(t,((e,t)=>React.createElement(Field,{key:e.name,isLast:t,field:e,showExamples:!0})))))):null}export const ParametersGroup=memo(ParametersGroupComponent);export const Wrap=styled.div`
   margin: 20px 0 0 0;
   padding-bottom: 20px;
   border-bottom: 1px solid var(--border-color);

package/lib-esm/components/PayloadSamples/MediaTypeSamples.d.ts

@@ -1,4 +1,3 @@
+import React from 'react';
 import type { MediaTypeSamplesProps } from './types';
-declare function MediaTypeSamplesComponent({ mediaType, onlyDefaultSample, properties, onChange, onCopyClick, }: MediaTypeSamplesProps): JSX.Element;
-export declare const MediaTypeSamples: typeof MediaTypeSamplesComponent;
-export {};
+export declare const MediaTypeSamples: React.NamedExoticComponent<MediaTypeSamplesProps>;

package/lib-esm/components/PayloadSamples/MediaTypeSamples.js

@@ -1,2 +1,2 @@
-import React from"react";import merge from"deepmerge";import{observer}from"mobx-react";import{NoSampleLabel}from"../shared";import{Markdown}from"../Markdown";import{Example}from"./Example";import{ExampleWrapper}from"./styled";import{ExampleSwitch,useExampleKey}from"../Samples";import{arrayMergeStrategy}from"../../services/utils";function MediaTypeSamplesComponent({mediaType:e,onlyDefaultSample:a,properties:t,onChange:r,onCopyClick:m}){const l=e.examples||{},p=e.name,o=Object.keys(l),{exampleKey:n,defaultExampleName:c}=useExampleKey(e.operation,l),i=1===o.length?Object.values(l)[0]:l[n];if(!o.length)return React.createElement(NoSampleLabel,null,"No sample");const s=t?Object.assign(Object.assign({},i),{value:merge(i.value,t,{arrayMerge:arrayMergeStrategy})}):i,y=s.description;return c&&a?React.createElement(React.Fragment,null,s.description&&React.createElement(Markdown,{source:s.description}),React.createElement(Example,{example:s,mimeType:p,onCopyClick:m})):React.createElement(React.Fragment,null,React.createElement(ExampleSwitch,{examples:l,exampleKey:n,onChange:r}),React.createElement(ExampleWrapper,null,y&&React.createElement(Markdown,{source:y}),React.createElement(Example,{example:s,mimeType:p,onCopyClick:m})))}export const MediaTypeSamples=observer(MediaTypeSamplesComponent);
+import React,{memo}from"react";import merge from"deepmerge";import{NoSampleLabel}from"../shared";import{Markdown}from"../Markdown";import{Example}from"./Example";import{ExampleWrapper}from"./styled";import{ExampleSwitch,useExampleKey}from"../Samples";import{arrayMergeStrategy}from"../../services/utils";function MediaTypeSamplesComponent({mediaType:e,onlyDefaultSample:a,properties:t,onChange:m,onCopyClick:r}){const l=e.examples||{},p=e.name,o=Object.keys(l),{exampleKey:n,defaultExampleName:c}=useExampleKey(e.operation,l),i=1===o.length?Object.values(l)[0]:l[n];if(!o.length)return React.createElement(NoSampleLabel,null,"No sample");const s=t?Object.assign(Object.assign({},i),{value:merge(i.value,t,{arrayMerge:arrayMergeStrategy})}):i,y=s.description;return c&&a?React.createElement(React.Fragment,null,s.description&&React.createElement(Markdown,{source:s.description}),React.createElement(Example,{example:s,mimeType:p,onCopyClick:r})):React.createElement(React.Fragment,null,React.createElement(ExampleSwitch,{examples:l,exampleKey:n,onChange:m}),React.createElement(ExampleWrapper,null,y&&React.createElement(Markdown,{source:y}),React.createElement(Example,{example:s,mimeType:p,onCopyClick:r})))}export const MediaTypeSamples=memo(MediaTypeSamplesComponent);
 //# sourceMappingURL=MediaTypeSamples.js.map

package/lib-esm/components/PayloadSamples/PayloadSamples.d.ts

@@ -1,4 +1,3 @@
+import React from 'react';
 import type { PayloadSamplesProps } from './types';
-declare function PayloadSamplesComponent({ onlyDefaultMimeType, operation, content: mimeContent, ...props }: PayloadSamplesProps): JSX.Element;
-export declare const PayloadSamples: typeof PayloadSamplesComponent;
-export {};
+export declare const PayloadSamples: React.NamedExoticComponent<PayloadSamplesProps>;

package/lib-esm/components/PayloadSamples/PayloadSamples.js

@@ -1,2 +1,2 @@
-var __rest=this&&this.__rest||function(e,o){var r={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&o.indexOf(t)<0&&(r[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(t=Object.getOwnPropertySymbols(e);a<t.length;a++)o.indexOf(t[a])<0&&Object.prototype.propertyIsEnumerable.call(e,t[a])&&(r[t[a]]=e[t[a]])}return r};import{observer}from"mobx-react";import React,{useCallback}from"react";import{DropdownOrLabel}from"../DropdownOrLabel";import{MediaTypesSwitch}from"../MediaTypeSwitch";import{MimeLabel}from"../shared";import{Dropdown}from"../common/Dropdown";import{MediaTypeSamples}from"./MediaTypeSamples";import{DropdownWrapper}from"./styled";function PayloadSamplesComponent(e){var{onlyDefaultMimeType:o,operation:r,content:t}=e,a=__rest(e,["onlyDefaultMimeType","operation","content"]);const n=useCallback((e=>o&&(null==r?void 0:r.defaultMimeType)?null:React.createElement(DropdownWrapper,null,React.createElement(DropdownOrLabel,Object.assign({Label:MimeLabel,Dropdown:Dropdown,variant:"dark",fullWidth:!0},e)))),[o,null==r?void 0:r.defaultMimeType]),p=useCallback((e=>t.activateExampleName(e)),[t]);return React.createElement(MediaTypesSwitch,{content:t,renderDropdown:n},(e=>React.createElement(MediaTypeSamples,Object.assign({key:"samples",mediaType:e},a,{onChange:p}))))}export const PayloadSamples=observer(PayloadSamplesComponent);
+var __rest=this&&this.__rest||function(e,o){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)o.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(t[r[a]]=e[r[a]])}return t};import React,{memo,useCallback}from"react";import{useRecoilValue}from"recoil";import{DropdownOrLabel}from"../DropdownOrLabel";import{MediaTypesSwitch}from"../MediaTypeSwitch";import{MimeLabel}from"../shared";import{Dropdown}from"../common/Dropdown";import{MediaTypeSamples}from"./MediaTypeSamples";import{DropdownWrapper}from"./styled";import{activeMimeNameSelector}from"../../recoil/app";import{useActivateExample}from"../../hooks";function PayloadSamplesComponent(e){var{onlyDefaultMimeType:o,content:t}=e,r=__rest(e,["onlyDefaultMimeType","content"]);const a=useActivateExample(t),p=useRecoilValue(activeMimeNameSelector),l=o&&p,n=useCallback((e=>l?null:React.createElement(DropdownWrapper,null,React.createElement(DropdownOrLabel,Object.assign({Label:MimeLabel,Dropdown:Dropdown,variant:"dark",fullWidth:!0},e)))),[l]),m=e=>a(e);return React.createElement(MediaTypesSwitch,{content:t,renderDropdown:n},(e=>React.createElement(MediaTypeSamples,Object.assign({key:"samples",mediaType:e},r,{onChange:m}))))}export const PayloadSamples=memo(PayloadSamplesComponent);
 //# sourceMappingURL=PayloadSamples.js.map

package/lib-esm/components/PayloadSamples/types.d.ts

@@ -1,4 +1,4 @@
-import type { ExampleModel, MediaContentModel, MediaTypeModel, OperationModel } from '../../models';
+import type { ExampleModel, MediaContentModel, MediaTypeModel } from '../../models';
 import type { OpenAPIEncoding } from '../../types';
 export interface ExampleProps extends Pick<MediaTypeSamplesProps, 'onCopyClick'> {
     example: ExampleModel;
@@ -20,6 +20,5 @@ export interface MediaTypeSamplesProps {
 }
 export interface PayloadSamplesProps extends Pick<MediaTypeSamplesProps, 'properties' | 'onCopyClick'> {
     content: MediaContentModel;
-    operation?: OperationModel;
     onlyDefaultMimeType?: boolean;
 }

package/lib-esm/components/PayloadSamples/useExternalExample.js

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,r){return new(n||(n=Promise))((function(u,c){function i(t){try{o(r.next(t))}catch(t){c(t)}}function a(t){try{o(r.throw(t))}catch(t){c(t)}}function o(t){var e;t.done?u(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(i,a)}o((r=r.apply(t,e||[])).next())}))};import{useEffect,useRef,useState}from"react";export function useExternalExample(t,e){const[,n]=useState(!0),r=useRef(void 0),u=useRef(void 0);return u.current!==t&&(r.current=void 0),u.current=t,useEffect((()=>{(()=>{__awaiter(this,void 0,void 0,(function*(){n(!0);try{r.current=yield t.getExternalValue(e)}catch(t){r.current=t}n(!1)}))})()}),[t,e]),r.current}
+var __awaiter=this&&this.__awaiter||function(e,t,n,r){return new(n||(n=Promise))((function(u,a){function c(e){try{o(r.next(e))}catch(e){a(e)}}function i(e){try{o(r.throw(e))}catch(e){a(e)}}function o(e){var t;e.done?u(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(c,i)}o((r=r.apply(e,t||[])).next())}))};import{useEffect,useRef,useState}from"react";import{getExternalExampleValue}from"../../models";export function useExternalExample(e,t){const[,n]=useState(!0),r=useRef(void 0),u=useRef(void 0);return u.current!==e&&(r.current=void 0),u.current=e,useEffect((()=>{(()=>{__awaiter(this,void 0,void 0,(function*(){n(!0);try{r.current=yield getExternalExampleValue(t,e.externalValueUrl)}catch(e){r.current=e}n(!1)}))})()}),[e,t]),r.current}
 //# sourceMappingURL=useExternalExample.js.map