@redocly/openapi-docs 3.0.0-alpha.49 → 3.0.0-alpha.51

package/lib/components/ApiInfo/ApiInfo.js

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ApiInfo=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),recoil_1=require("recoil"),theme_1=require("@redocly/theme"),app_1=require("../../recoil/app"),common_1=require("../common"),ExternalDocumentation_1=require("../ExternalDocumentation"),Markdown_1=require("../Markdown"),Download_1=require("../Download"),styled_1=require("./styled"),store_1=require("../../recoil/store"),saveTextBeforeHeading_1=require("../../utils/saveTextBeforeHeading"),helpers_1=require("../../utils/helpers"),ServerList_1=require("../Endpoint/ServerList"),CodePanel_1=require("../Panel/CodePanel"),openapi_1=require("../../utils/openapi"),operation_1=require("../../models/operation"),RenderHook_1=require("../RenderHook");function ApiInfo({item:{infoDefinition:e}}){const{options:{markdownHeadingsAnchorLevel:t,hooks:r,hideDownloadButton:a,expandDefaultServerVariables:l,mockServer:n,hideInfoSection:o,hideInfoDescription:i},parser:{definition:c,definitionUrl:u}}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),s=(0,recoil_1.useRecoilValue)(app_1.showRightPanelToggleSelector),d=(0,recoil_1.useRecoilValue)(app_1.layoutSelector);if(!e||o)return null;const _=i?null:(0,saveTextBeforeHeading_1.saveTextBeforeHeading)((0,helpers_1.getValueFromMdParsedExtension)(e,"description")||"",t),m=(0,helpers_1.getValueFromMdParsedExtension)(e,"summary")||void 0,f=null==c?void 0:c.externalDocs,p=(0,openapi_1.normalizeServers)(u,(0,operation_1.mergeInMockServer)(c.servers||[],n)),E=e.license&&react_1.default.createElement(styled_1.InfoSpan,null,"License:"," ",e.license.identifier?e.license.identifier:react_1.default.createElement("a",{href:e.license.url},e.license.name))||null,v=e.contact&&e.contact.url&&react_1.default.createElement(styled_1.InfoSpan,null,"URL: ",react_1.default.createElement("a",{href:e.contact.url},e.contact.url))||null,S=e.contact&&e.contact.email&&react_1.default.createElement(styled_1.InfoSpan,null,e.contact.name||"E-mail",":"," ",react_1.default.createElement("a",{href:"mailto:"+e.contact.email},e.contact.email))||null,h=e.termsOfService&&react_1.default.createElement(styled_1.InfoSpan,null,react_1.default.createElement("a",{href:e.termsOfService},"Terms of Service"))||null,x=e.version&&react_1.default.createElement("span",null,"(",e.version,")")||null;return react_1.default.createElement(common_1.Section,null,react_1.default.createElement(common_1.Row,{layout:d},react_1.default.createElement(common_1.SamplesMiddlePanel,{className:"api-info"},react_1.default.createElement(styled_1.ApiHeader,null,e.title," ",x),react_1.default.createElement(RenderHook_1.RenderHook,{Hook:theme_1.AfterOpenApiTitle||(null==r?void 0:r.AfterApiTitle),props:{info:e}}),!a&&react_1.default.createElement(Download_1.DownloadButtonWithLabel,{wrapped:!0}),react_1.default.createElement(theme_1.MarkdownWrapper,null,(e.license||e.contact||e.termsOfService)&&react_1.default.createElement(styled_1.InfoSpanBoxWrap,null,react_1.default.createElement(styled_1.InfoSpanBox,null,S," ",v," ",E," ",h))||null),m&&react_1.default.createElement(Markdown_1.Markdown,{source:m,"data-role":"redoc-summary"}),_&&react_1.default.createElement(Markdown_1.Markdown,{source:_,"data-role":"redoc-description"}),f&&react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:f})),s&&p.length?react_1.default.createElement(InfoSamplesPanel,{"data-cy":"samples-block"},react_1.default.createElement(CodePanel_1.CodePanel,{className:"panel-try-it",header:"Servers",expanded:!0},react_1.default.createElement(ServerList_1.ServerList,{servers:p,path:"/",expandVariables:Boolean(l),hideHostname:!1}))):null))}exports.ApiInfo=ApiInfo;const InfoSamplesPanel=(0,styled_components_1.default)(common_1.SamplesPanel)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ApiInfo=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),recoil_1=require("recoil"),theme_1=require("@redocly/theme"),app_1=require("../../recoil/app"),common_1=require("../common"),ExternalDocumentation_1=require("../ExternalDocumentation"),Markdown_1=require("../Markdown"),Download_1=require("../Download"),styled_1=require("./styled"),store_1=require("../../recoil/store"),saveTextBeforeHeading_1=require("../../utils/saveTextBeforeHeading"),helpers_1=require("../../utils/helpers"),ServerList_1=require("../Endpoint/ServerList"),CodePanel_1=require("../Panel/CodePanel"),openapi_1=require("../../utils/openapi"),operation_1=require("../../models/operation"),RenderHook_1=require("../RenderHook"),Metadata_1=require("./Metadata");function ApiInfo({item:{infoDefinition:e}}){const{options:{markdownHeadingsAnchorLevel:t,hooks:a,hideDownloadButton:r,expandDefaultServerVariables:l,mockServer:n,hideInfoSection:o,hideInfoDescription:i,showMetadata:c},parser:{definition:d,definitionUrl:u}}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),s=(0,recoil_1.useRecoilValue)(app_1.showRightPanelToggleSelector),_=(0,recoil_1.useRecoilValue)(app_1.layoutSelector);if(!e||o)return null;const m=i?null:(0,saveTextBeforeHeading_1.saveTextBeforeHeading)((0,helpers_1.getValueFromMdParsedExtension)(e,"description")||"",t),f=(0,helpers_1.getValueFromMdParsedExtension)(e,"summary")||void 0,p=null==d?void 0:d.externalDocs,E=(0,openapi_1.normalizeServers)(u,(0,operation_1.mergeInMockServer)(d.servers||[],n)),v=e.license&&react_1.default.createElement(styled_1.InfoSpan,null,"License:"," ",e.license.identifier?e.license.identifier:react_1.default.createElement("a",{href:e.license.url},e.license.name))||null,S=e.contact&&e.contact.url&&react_1.default.createElement(styled_1.InfoSpan,null,"URL: ",react_1.default.createElement("a",{href:e.contact.url},e.contact.url))||null,h=e.contact&&e.contact.email&&react_1.default.createElement(styled_1.InfoSpan,null,e.contact.name||"E-mail",":"," ",react_1.default.createElement("a",{href:"mailto:"+e.contact.email},e.contact.email))||null,x=e.termsOfService&&react_1.default.createElement(styled_1.InfoSpan,null,react_1.default.createElement("a",{href:e.termsOfService},"Terms of Service"))||null,y=e.version&&react_1.default.createElement("span",null,"(",e.version,")")||null;return react_1.default.createElement(common_1.Section,null,react_1.default.createElement(common_1.Row,{layout:_},react_1.default.createElement(common_1.SamplesMiddlePanel,{className:"api-info"},react_1.default.createElement(styled_1.ApiHeader,null,e.title," ",y),react_1.default.createElement(RenderHook_1.RenderHook,{Hook:theme_1.AfterOpenApiTitle||(null==a?void 0:a.AfterApiTitle),props:{info:e}}),!r&&react_1.default.createElement(Download_1.DownloadButtonWithLabel,{wrapped:!0}),react_1.default.createElement(theme_1.MarkdownWrapper,null,(e.license||e.contact||e.termsOfService)&&react_1.default.createElement(styled_1.InfoSpanBoxWrap,null,react_1.default.createElement(styled_1.InfoSpanBox,null,h," ",S," ",v," ",x))||null),f&&react_1.default.createElement(Markdown_1.Markdown,{source:f,"data-role":"redoc-summary"}),m&&react_1.default.createElement(Markdown_1.Markdown,{source:m,"data-role":"redoc-description"}),p&&react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:p}),c&&react_1.default.createElement(Metadata_1.Metadata,{metadata:e["x-metadata"]})),s&&E.length?react_1.default.createElement(InfoSamplesPanel,{"data-cy":"samples-block"},react_1.default.createElement(CodePanel_1.CodePanel,{className:"panel-try-it",header:"Servers",expanded:!0},react_1.default.createElement(ServerList_1.ServerList,{servers:E,path:"/",expandVariables:Boolean(l),hideHostname:!1}))):null))}exports.ApiInfo=ApiInfo;const InfoSamplesPanel=(0,styled_components_1.default)(common_1.SamplesPanel)`
   margin-top: calc(var(--h1-font-size) * 1.5);
 `;
 //# sourceMappingURL=ApiInfo.js.map

package/lib/components/ApiInfo/Metadata.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { OpenAPIInfo } from '../../types';
+interface MetadataProps {
+    metadata: OpenAPIInfo['x-metadata'];
+}
+export declare function Metadata({ metadata }: MetadataProps): JSX.Element | null;
+export {};

package/lib/components/ApiInfo/Metadata.js

@@ -0,0 +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};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Metadata=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),utils_1=require("../../utils"),FILTER_OUT_KEYS=["title","description"];function metadataMap([e,t]){return FILTER_OUT_KEYS.includes(e)?null:Array.isArray(t)?{key:e,value:t.filter((e=>"object"!=typeof e)).join(", ")}:"object"==typeof t?null:{key:e,value:t}}function Metadata({metadata:e}){const t=(0,react_1.useMemo)((()=>Object.entries(e||{}).map(metadataMap).filter(utils_1.isNotNull)),[e]);return e?react_1.default.createElement(theme_1.MarkdownWrapper,null,react_1.default.createElement(theme_1.H3,null,"Metadata"),react_1.default.createElement("table",{className:"md"},react_1.default.createElement("thead",null,react_1.default.createElement("tr",null,react_1.default.createElement("th",{scope:"col"},"Key"),react_1.default.createElement("th",{scope:"col"},"Value"))),react_1.default.createElement("tbody",null,t.map((({key:e,value:t})=>react_1.default.createElement("tr",{key:e},react_1.default.createElement("td",null,e),react_1.default.createElement("td",null,`${t}`))))))):null}exports.Metadata=Metadata;
+//# sourceMappingURL=Metadata.js.map

package/lib/components/Endpoint/Endpoint.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.Endpoint=void 0;const react_1=__importStar(require("react")),recoil_1=require("recoil"),Panel_1=require("../Panel"),Console_1=require("../rightPanel/Console"),events_1=require("../../events"),ServerList_1=require("./ServerList"),Summary_1=require("./Summary"),store_1=require("../../recoil/store"),Endpoint=({operation:e,hideHostname:t})=>{const[r,n]=(0,react_1.useState)(!1),a=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),o=()=>{var t,o;n(!r),null===(o=null===(t=a.events)||void 0===t?void 0:t.tryItOpen)||void 0===o||o.call(t,{eventType:events_1.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_1.default.createElement(react_1.default.Fragment,null,r?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Console_1.Console,{operation:e,onClose:o})):react_1.default.createElement(Panel_1.CodePanel,{className:"panel-try-it",header:({toggle:t,expanded:r})=>{const n=!!a.showConsole&&!e.hideTryItPanel;return react_1.default.createElement(Summary_1.Summary,{operation:e,expanded:r,toggle:t,showConsole:n,onToggleConsole:o,tryItOverride:a.unstable_tryItButtonOverride})},expanded:!1},react_1.default.createElement(ServerList_1.ServerList,{servers:e.servers,path:e.path,expandVariables:Boolean(a.expandDefaultServerVariables),hideHostname:t||Boolean(a.hideHostname)})))};exports.Endpoint=Endpoint;
+"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.Endpoint=void 0;const react_1=__importStar(require("react")),recoil_1=require("recoil"),Panel_1=require("../Panel"),Console_1=require("../rightPanel/Console"),events_1=require("../../events"),ServerList_1=require("./ServerList"),Summary_1=require("./Summary"),store_1=require("../../recoil/store"),Endpoint=({operation:e,hideHostname:t})=>{const[r,n]=(0,react_1.useState)(!1),a=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),o=()=>{var t,o;const i=!r;n(i),i&&(null===(o=null===(t=a.events)||void 0===t?void 0:t.tryItOpen)||void 0===o||o.call(t,{eventType:events_1.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_1.default.createElement(react_1.default.Fragment,null,r?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Console_1.Console,{operation:e,onClose:o})):react_1.default.createElement(Panel_1.CodePanel,{className:"panel-try-it",header:({toggle:t,expanded:r})=>{const n=!!a.showConsole&&!e.hideTryItPanel;return react_1.default.createElement(Summary_1.Summary,{operation:e,expanded:r,toggle:t,showConsole:n,onToggleConsole:o,tryItOverride:a.unstable_tryItButtonOverride})},expanded:!1},react_1.default.createElement(ServerList_1.ServerList,{servers:e.servers,path:e.path,expandVariables:Boolean(a.expandDefaultServerVariables),hideHostname:t||Boolean(a.hideHostname)})))};exports.Endpoint=Endpoint;
 //# sourceMappingURL=Endpoint.js.map

package/lib/components/Fields/DescriptionEnums.js

@@ -1,5 +1,5 @@
 "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,l)}: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},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DescriptionEnums=exports.DescriptionEnumsComponent=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),common_1=require("../common"),services_1=require("../../services"),Markdown_1=require("../Markdown"),styled_1=require("./styled"),EnumValueStyled=styled_components_1.default.td`
   max-width: 15vw;
   word-wrap: break-word;
-`;function DescriptionEnumsComponent({enums:e,toggle:t,showToggleButton:r,toggleButtonText:n,type:l}){return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.DescriptionEnumsBlock,null,react_1.default.createElement("table",null,react_1.default.createElement("thead",null,react_1.default.createElement("tr",null,react_1.default.createElement("th",null,react_1.default.createElement(common_1.FieldLabel,null,"array"===l?(0,services_1.l)("enumArray"):""," ",1===e.length?(0,services_1.l)("enumSingleValue"):(0,services_1.l)("enum"),":")," "),react_1.default.createElement("th",null,react_1.default.createElement("strong",null,"Description")))),react_1.default.createElement("tbody",null,e.map((({description:e,value:t})=>react_1.default.createElement("tr",{key:t},react_1.default.createElement(EnumValueStyled,null,t),react_1.default.createElement("td",null,react_1.default.createElement(Markdown_1.Markdown,{source:e})))))))),r?react_1.default.createElement(styled_1.ToggleButton,{onClick:t},n):null)}exports.DescriptionEnumsComponent=DescriptionEnumsComponent,exports.DescriptionEnums=(0,react_1.memo)(DescriptionEnumsComponent);
+`;function DescriptionEnumsComponent({enums:e,toggle:t,showToggleButton:r,toggleButtonText:n,type:l}){return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.DescriptionEnumsBlock,null,react_1.default.createElement("table",{className:"md"},react_1.default.createElement("thead",null,react_1.default.createElement("tr",null,react_1.default.createElement("th",null,react_1.default.createElement(common_1.FieldLabel,null,"array"===l?(0,services_1.l)("enumArray"):""," ",1===e.length?(0,services_1.l)("enumSingleValue"):(0,services_1.l)("enum"),":")," "),react_1.default.createElement("th",null,react_1.default.createElement("strong",null,"Description")))),react_1.default.createElement("tbody",null,e.map((({description:e,value:t})=>react_1.default.createElement("tr",{key:t},react_1.default.createElement(EnumValueStyled,null,t),react_1.default.createElement("td",null,react_1.default.createElement(Markdown_1.Markdown,{source:e})))))))),r?react_1.default.createElement(styled_1.ToggleButton,{onClick:t},n):null)}exports.DescriptionEnumsComponent=DescriptionEnumsComponent,exports.DescriptionEnums=(0,react_1.memo)(DescriptionEnumsComponent);
 //# sourceMappingURL=DescriptionEnums.js.map

package/lib/components/OperationItem/OperationItem.js

@@ -8,5 +8,5 @@
   margin: calc(var(--spacing-unit) * 2) 0;
 `,Description=styled_components_1.default.div`
   margin-bottom: calc(var(--spacing-unit) * 4);
-`;function OperationItemComponent({item:{operationDefinition:e,parent:t,href:a}}){var r,l,n;const o=(0,recoil_1.useRecoilValue)(app_1.layoutSelector),c=(0,recoil_1.useRecoilValue)(app_1.showRightPanelToggleSelector),{parser:i,options:s}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),{hooks:u,events:p,feedback:m,showWebhookVerb:d,pathInMiddlePanel:_,expandDefaultRequest:f,expandDefaultResponse:S}=s,E=(0,operation_1.getOperation)(i,e,t,s,a),{name:k,description:b,deprecated:v,externalDocs:y,isWebhook:h,httpVerb:R}=E,q=(0,recoil_1.useSetRecoilState)((0,operation_2.operationStore)(E.pointer)),O=o===theme_1.LayoutVariant.STACKED||!c;(0,theme_1.useMount)((()=>{q((e=>Object.assign(Object.assign({},e),{activeExampleName:E.activeExampleName,activeServer:E.activeServer})))}));const g=!(!b&&!y),P=(0,react_1.useCallback)((e=>t=>{var a;const r=(0,events_1.creatPanelToggleEvent)({operation:E,isExpanded:t,panelType:e});null===(a=null==p?void 0:p.panelToggle)||void 0===a||a.call(p,r)}),[p,E]);return react_1.default.createElement(OperationRow,{layout:o},react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:O},react_1.default.createElement(RenderHook_1.RenderHook,{Hook:theme_1.BeforeOpenApiOperation||(null==u?void 0:u.BeforeOperation),props:{operation:E}}),react_1.default.createElement(theme_1.H2,null,react_1.default.createElement(common_1.ShareLink,{to:a}),react_1.default.createElement(RenderHook_1.RenderHook,{Hook:theme_1.BeforeOpenApiOperationSummary||(null==u?void 0:u.BeforeOperationSummary),props:{operation:E}}),k,react_1.default.createElement(RenderHook_1.RenderHook,{Hook:theme_1.AfterOpenApiOperationSummary||(null==u?void 0:u.AfterOperationSummary),props:{operation:E}}),v&&react_1.default.createElement(common_1.Badge,{deprecated:!0},"Deprecated"),h&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(common_1.Badge,null,"Webhook"),d&&R&&react_1.default.createElement(common_1.Badge,null,R.toUpperCase()))),_&&!h&&react_1.default.createElement(Endpoint_1.Endpoint,{operation:E}))),react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:O},g&&react_1.default.createElement(Description,null,void 0!==b&&react_1.default.createElement(Markdown_1.Markdown,{source:b}),y&&react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:y}),Object.keys(E.extensions||{}).length?react_1.default.createElement(Fields_1.Extensions,{extensions:E.extensions}):null),react_1.default.createElement(SecurityRequirement_1.SecurityRequirements,{securities:E.security}),(null===(r=E.parameters)||void 0===r?void 0:r.length)||E.requestBody?react_1.default.createElement(Panel_1.ContentPanel,{header:(0,services_1.l)("request"),onToggle:P("request"),expanded:f,className:"panel-request-schemas"},react_1.default.createElement(Parameters_1.Parameters,{parameters:E.parameters,body:E.requestBody})):null),c?react_1.default.createElement(common_1.SamplesPanel,{"data-cy":"samples-block"},!_&&!h&&react_1.default.createElement(Endpoint_1.Endpoint,{operation:E}),react_1.default.createElement(RequestSamples_1.RequestSamples,{operation:E})):null),react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:O},(null===(l=E.responses)||void 0===l?void 0:l.length)?react_1.default.createElement(Panel_1.ContentPanel,{header:(0,services_1.l)("responses"),onToggle:P("responses"),expanded:S,className:"panel-response-schemas"},react_1.default.createElement(Responses_1.OperationResponseList,{responses:E.responses,operationPointer:E.pointer})):null),c?react_1.default.createElement(common_1.SamplesPanel,{"data-cy":"samples-block"},react_1.default.createElement(ResponseSamples_1.ResponseSamples,{operation:E})):null),react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:O},(null===(n=E.callbacks)||void 0===n?void 0:n.length)?react_1.default.createElement(Panel_1.ContentPanel,{className:"panel-callback-schemas",header:(0,services_1.l)("callbacks")},react_1.default.createElement(Callbacks_1.CallbacksList,{callbacks:E.callbacks})):null,react_1.default.createElement(RenderHook_1.RenderHook,{Hook:theme_1.AfterOpenApiOperation||(null==u?void 0:u.AfterOperation),props:{operation:E}})),c?react_1.default.createElement(common_1.SamplesPanel,{"data-cy":"samples-block"},react_1.default.createElement(CallbackSamples_1.CallbackSamples,{callbacks:E.callbacks})):null),react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:O},!1===(null==m?void 0:m.hide)?react_1.default.createElement(theme_1.Feedback,{type:m.type,settings:m.settings,path:E.href}):null)))}exports.OperationItem=(0,react_1.memo)(OperationItemComponent);
+`;function OperationItemComponent({item:{operationDefinition:e,parent:t,href:a}}){var r,l,n;const o=(0,recoil_1.useRecoilValue)(app_1.layoutSelector),c=(0,recoil_1.useRecoilValue)(app_1.showRightPanelToggleSelector),{parser:i,options:s}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),{hooks:u,events:p,feedback:m,showWebhookVerb:d,pathInMiddlePanel:_,expandDefaultRequest:f,expandDefaultResponse:S}=s,E=(0,operation_1.getOperation)(i,e,t,s,a),{name:k,description:b,deprecated:v,externalDocs:y,isWebhook:h,httpVerb:R}=E,q=(0,recoil_1.useSetRecoilState)((0,operation_2.operationStore)(E.pointer)),O=o===theme_1.LayoutVariant.STACKED||!c;(0,theme_1.useMount)((()=>{q((e=>Object.assign(Object.assign({},e),{activeExampleName:E.activeExampleName,activeServer:E.activeServer})))}));const g=!(!b&&!y),P=(0,react_1.useCallback)((e=>t=>{var a;const r=(0,events_1.createPanelToggleEvent)({operation:E,isExpanded:t,panelType:e});null===(a=null==p?void 0:p.panelToggle)||void 0===a||a.call(p,r)}),[p,E]);return react_1.default.createElement(OperationRow,{layout:o},react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:O},react_1.default.createElement(RenderHook_1.RenderHook,{Hook:theme_1.BeforeOpenApiOperation||(null==u?void 0:u.BeforeOperation),props:{operation:E}}),react_1.default.createElement(theme_1.H2,null,react_1.default.createElement(common_1.ShareLink,{to:a}),react_1.default.createElement(RenderHook_1.RenderHook,{Hook:theme_1.BeforeOpenApiOperationSummary||(null==u?void 0:u.BeforeOperationSummary),props:{operation:E}}),k,react_1.default.createElement(RenderHook_1.RenderHook,{Hook:theme_1.AfterOpenApiOperationSummary||(null==u?void 0:u.AfterOperationSummary),props:{operation:E}}),v&&react_1.default.createElement(common_1.Badge,{deprecated:!0},"Deprecated"),h&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(common_1.Badge,null,"Webhook"),d&&R&&react_1.default.createElement(common_1.Badge,null,R.toUpperCase()))),_&&!h&&react_1.default.createElement(Endpoint_1.Endpoint,{operation:E}))),react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:O},g&&react_1.default.createElement(Description,null,void 0!==b&&react_1.default.createElement(Markdown_1.Markdown,{source:b}),y&&react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:y}),Object.keys(E.extensions||{}).length?react_1.default.createElement(Fields_1.Extensions,{extensions:E.extensions}):null),react_1.default.createElement(SecurityRequirement_1.SecurityRequirements,{securities:E.security}),(null===(r=E.parameters)||void 0===r?void 0:r.length)||E.requestBody?react_1.default.createElement(Panel_1.ContentPanel,{header:(0,services_1.l)("request"),onToggle:P("request"),expanded:f,className:"panel-request-schemas"},react_1.default.createElement(Parameters_1.Parameters,{parameters:E.parameters,body:E.requestBody})):null),c?react_1.default.createElement(common_1.SamplesPanel,{"data-cy":"samples-block"},!_&&!h&&react_1.default.createElement(Endpoint_1.Endpoint,{operation:E}),react_1.default.createElement(RequestSamples_1.RequestSamples,{operation:E})):null),react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:O},(null===(l=E.responses)||void 0===l?void 0:l.length)?react_1.default.createElement(Panel_1.ContentPanel,{header:(0,services_1.l)("responses"),onToggle:P("responses"),expanded:S,className:"panel-response-schemas"},react_1.default.createElement(Responses_1.OperationResponseList,{responses:E.responses,operationPointer:E.pointer})):null),c?react_1.default.createElement(common_1.SamplesPanel,{"data-cy":"samples-block"},react_1.default.createElement(ResponseSamples_1.ResponseSamples,{operation:E})):null),react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:O},(null===(n=E.callbacks)||void 0===n?void 0:n.length)?react_1.default.createElement(Panel_1.ContentPanel,{className:"panel-callback-schemas",header:(0,services_1.l)("callbacks")},react_1.default.createElement(Callbacks_1.CallbacksList,{callbacks:E.callbacks})):null,react_1.default.createElement(RenderHook_1.RenderHook,{Hook:theme_1.AfterOpenApiOperation||(null==u?void 0:u.AfterOperation),props:{operation:E}})),c?react_1.default.createElement(common_1.SamplesPanel,{"data-cy":"samples-block"},react_1.default.createElement(CallbackSamples_1.CallbackSamples,{callbacks:E.callbacks})):null),react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:O},!1===(null==m?void 0:m.hide)?react_1.default.createElement(theme_1.Feedback,{type:m.type,settings:m.settings,path:E.href}):null)))}exports.OperationItem=(0,react_1.memo)(OperationItemComponent);
 //# sourceMappingURL=OperationItem.js.map

package/lib/components/Panel/MiddlePanelWrapper.js

@@ -14,5 +14,9 @@
     width: calc(100% - var(--panel-samples-width));
     padding-right: var(--panel-gap-vertical, var(--panel-gap-horizontal));
   }
+
+  &:empty {
+    display: none;
+  }
 `;
 //# sourceMappingURL=MiddlePanelWrapper.js.map

package/lib/components/RequestSamples/RequestSamples.js

@@ -1,2 +1,2 @@
-"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);
+"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.createPanelToggleEvent)({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.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};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);
+"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.createPanelToggleEvent)({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/common/Dropdown/styled.js

@@ -26,15 +26,15 @@
     height: 36px;
     outline: none;
     display: inline-block;
-    color: var(--dropdown-text-color);
+    color: var(--docs-dropdown-text-color);
     border-radius: var(--border-radius);
-    border: var(--dropdown-border);
-    padding: var(--dropdown-padding);
+    border: var(--docs-dropdown-border);
+    padding: var(--docs-dropdown-padding);
     vertical-align: bottom;
     width: ${({fullWidth:o})=>o?"100%":"auto"};
     text-transform: none;
     line-height: inherit;
-    font-size: var(--dropdown-font-size);
+    font-size: var(--docs-dropdown-font-size);
     font-family: inherit;
     text-overflow: ellipsis;
     overflow: hidden;
@@ -65,7 +65,7 @@
     line-height: inherit;
     font-size: 14px;
     font-family: inherit;
-    padding: var(--dropdown-padding);
+    padding: var(--docs-dropdown-padding);
     ${({variant:o})=>"dark"===o?darkDropdownStyle:""};
   }
 `,exports.SimpleDropdown=(0,styled_components_1.default)(exports.Dropdown)`

package/lib/components/common/Fields/fields-layout.js

@@ -163,13 +163,14 @@
   > tr,
   > tbody > tr {
     display: block;
-    margin-bottom: 2px;
+    margin-bottom: 10px;
     border-spacing: 0;
 
     ${({theme:e})=>e.mediaQueries.small} {
       display: table-row;
       margin-bottom: 0;
       border-spacing: 0 2px;
+      margin-bottom: 0;
     }
   }
 

package/lib/components/common/panels.js

@@ -1,5 +1,8 @@
 "use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,i){void 0===i&&(i=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,i,n)}:function(e,t,a,i){void 0===i&&(i=a),e[i]=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.Row=exports.SamplesPanel=exports.Section=exports.SamplesMiddlePanel=void 0;const theme_1=require("@redocly/theme"),styled_components_1=__importStar(require("styled-components")),constants_1=require("../../constants");exports.SamplesMiddlePanel=styled_components_1.default.div`
   ${({compact:e,isStacked:t,theme:a})=>{const i=e?0:"var(--spacing-vertical)";return styled_components_1.css`
+      &:empty {
+        display: none;
+      }
       width: 100%;
       padding: ${i} var(--panel-gap-horizontal);
 
@@ -61,6 +64,10 @@
   position: sticky;
   top: calc(var(--navbar-height) + var(--panel-gap-vertical));
 
+  &:empty {
+    display: none;
+  }
+
   ${({theme:e})=>styled_components_1.css`
     ${e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
       width: var(--panel-samples-width);

package/lib/components/rightPanel/ServersDropdown/ServersDropdown.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,a){void 0===a&&(a=t);var l=Object.getOwnPropertyDescriptor(r,t);l&&!("get"in l?!r.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,a,l)}:function(e,r,t,a){void 0===a&&(a=t),e[a]=r[t]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,r){Object.defineProperty(e,"default",{enumerable:!0,value:r})}:function(e,r){e.default=r}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&__createBinding(r,e,t);return __setModuleDefault(r,e),r},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServersDropdown=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),utils_1=require("../../../utils"),form_1=require("../../common/form"),utils_2=require("../utils"),ServerVariable_1=__importDefault(require("../ServerVariable")),styled_1=require("../styled");function ServersDropdownComponent({operation:e,onChange:r}){const t=(0,utils_1.fromSessionStorage)("serverUrl"),a=e.servers.findIndex((e=>e.url===t)),[l,s]=(0,react_1.useState)(a<0?0:a),[o,n]=(0,react_1.useState)({});(0,theme_1.useMount)((()=>{const t=(0,utils_2.getServerWithVariables)(e.servers,l);r(t),n(t.variables)}));const i=e.servers.map(((e,r)=>({idx:r,serverUrl:e.url,value:`\n          ${(0,utils_2.expandDefaultServerVariables)((0,utils_2.expandVariables)(e.url,o),e.variables)}\n        - ${(0,utils_1.normalizeText)(e.description)||"Default"}\n      `}))),u=Object.keys(o);return react_1.default.createElement(ServerDropdownWrap,{"data-cy":"console-target-server"},react_1.default.createElement(form_1.FormLabel,{htmlFor:"server"},"Target server: "),react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(styled_1.TryItDropdown,{variant:"dark",value:i[l].value,options:i,fullWidth:!0,onChange:t=>{const a=e.servers.find((e=>e.url===t.serverUrl)),l=e.servers.findIndex((e=>e.url===t.serverUrl)),o=(0,utils_2.getDefaultOrStoredVariables)(a);r({url:t.serverUrl||"",variables:o}),(0,utils_1.toSessionStorage)("serverUrl",t.serverUrl||""),s(l),n(o)}})),null==u?void 0:u.map((t=>{var a;const s=null===(a=e.servers[l].variables)||void 0===a?void 0:a[t];if(s)return react_1.default.createElement(ServerVariable_1.default,{key:t,name:t,value:o[t],defaultValue:s.default,onChange:a=>((t,a)=>{const s=e.servers[l],i=a||""===a?a:(0,utils_2.getDefaultOrStoredVariables)(s)[t],u=Object.assign(Object.assign({},o),{[t]:i});n(u),(0,utils_2.updateVariablesStorage)(t,i),r(Object.assign(Object.assign({},s),{variables:u}))})(t,a),variableEnum:s.enum,description:s.description})})))}exports.ServersDropdown=(0,react_1.memo)(ServersDropdownComponent);const ServerDropdownWrap=styled_components_1.default.div`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,a){void 0===a&&(a=t);var o=Object.getOwnPropertyDescriptor(r,t);o&&!("get"in o?!r.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,a,o)}:function(e,r,t,a){void 0===a&&(a=t),e[a]=r[t]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,r){Object.defineProperty(e,"default",{enumerable:!0,value:r})}:function(e,r){e.default=r}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var r={};if(null!=e)for(var t in e)"default"!==t&&Object.prototype.hasOwnProperty.call(e,t)&&__createBinding(r,e,t);return __setModuleDefault(r,e),r},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServersDropdown=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),recoil_1=require("recoil"),store_1=require("../../../recoil/store"),utils_1=require("../../../utils"),form_1=require("../../common/form"),utils_2=require("../utils"),ServerVariable_1=__importDefault(require("../ServerVariable")),styled_1=require("../styled"),events_1=require("../../../events");function ServersDropdownComponent({operation:e,onChange:r}){const{events:t}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),{servers:a}=e,o=(0,utils_1.fromSessionStorage)("serverUrl"),l=a.findIndex((e=>e.url===o)),[i,n]=(0,react_1.useState)(l<0?0:l),[s,u]=(0,react_1.useState)({});(0,theme_1.useMount)((()=>{const e=(0,utils_2.getServerWithVariables)(a,i);r(e),u(e.variables)}));const c=a.map(((e,r)=>({idx:r,serverUrl:e.url,value:`\n          ${(0,utils_2.expandDefaultServerVariables)((0,utils_2.expandVariables)(e.url,s),e.variables)}\n        - ${(0,utils_1.normalizeText)(e.description)||"Default"}\n      `}))),_=Object.keys(s);return react_1.default.createElement(ServerDropdownWrap,{"data-cy":"console-target-server"},react_1.default.createElement(form_1.FormLabel,{htmlFor:"server"},"Target server: "),react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(styled_1.TryItDropdown,{variant:"dark",value:c[i].value,options:c,fullWidth:!0,onChange:({serverUrl:o=""})=>{var l;const i=a.find((e=>e.url===o)),s=a.findIndex((e=>e.url===o)),c=(0,utils_2.getDefaultOrStoredVariables)(i);r({url:o,variables:c}),(0,utils_1.toSessionStorage)("serverUrl",o),n(s),u(c);const _=(0,events_1.createServerSwitchEvent)({operation:e,serverUrl:o});null===(l=t.targetServerSwitch)||void 0===l||l.call(t,_)}})),null==_?void 0:_.map((e=>{var t;const o=null===(t=a[i].variables)||void 0===t?void 0:t[e];if(o)return react_1.default.createElement(ServerVariable_1.default,{key:e,name:e,value:s[e],defaultValue:o.default,onChange:t=>((e,t)=>{const o=a[i],l=t||""===t?t:(0,utils_2.getDefaultOrStoredVariables)(o)[e],n=Object.assign(Object.assign({},s),{[e]:l});u(n),(0,utils_2.updateVariablesStorage)(e,l),r(Object.assign(Object.assign({},o),{variables:n}))})(e,t),variableEnum:o.enum,description:o.description})})))}exports.ServersDropdown=(0,react_1.memo)(ServersDropdownComponent);const ServerDropdownWrap=styled_components_1.default.div`
   margin-bottom: 20px;
 `;
 //# sourceMappingURL=ServersDropdown.js.map

package/lib/components/shared/MimeLabel.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.MimeLabel=void 0;const styled_components_1=__importDefault(require("styled-components"));exports.MimeLabel=styled_components_1.default.div`
+"use strict";var __importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MimeLabel=void 0;const styled_components_1=__importDefault(require("styled-components"));exports.MimeLabel=styled_components_1.default.div`
   background-color: var(--panel-samples-dropdown-background-color);
   color: var(---panel-samples-dropdown-color);
   font-family: var(--code-font-family);
   margin-bottom: 0;
   height: 36px;
-  padding: var(--dropdown-padding);
+  padding: var(--docs-dropdown-padding);
   font-size: 14px;
   line-height: 16px;
   border: var(--panel-samples-dropdown-border);

package/lib/events/index.d.ts

@@ -1,5 +1,6 @@
 export type { Events } from './types';
 export { AnalyticsEventType } from './types';
 export { createLanguageSwitchEvent } from './languageSwitch';
-export { creatPanelToggleEvent } from './panelToggle';
+export { createPanelToggleEvent } from './panelToggle';
 export { createCodeSampleCopyEvent } from './codeSampleCopy';
+export { createServerSwitchEvent } from './serverSwitch';

package/lib/events/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createCodeSampleCopyEvent=exports.creatPanelToggleEvent=exports.createLanguageSwitchEvent=exports.AnalyticsEventType=void 0;var types_1=require("./types");Object.defineProperty(exports,"AnalyticsEventType",{enumerable:!0,get:function(){return types_1.AnalyticsEventType}});var languageSwitch_1=require("./languageSwitch");Object.defineProperty(exports,"createLanguageSwitchEvent",{enumerable:!0,get:function(){return languageSwitch_1.createLanguageSwitchEvent}});var panelToggle_1=require("./panelToggle");Object.defineProperty(exports,"creatPanelToggleEvent",{enumerable:!0,get:function(){return panelToggle_1.creatPanelToggleEvent}});var codeSampleCopy_1=require("./codeSampleCopy");Object.defineProperty(exports,"createCodeSampleCopyEvent",{enumerable:!0,get:function(){return codeSampleCopy_1.createCodeSampleCopyEvent}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createServerSwitchEvent=exports.createCodeSampleCopyEvent=exports.createPanelToggleEvent=exports.createLanguageSwitchEvent=exports.AnalyticsEventType=void 0;var types_1=require("./types");Object.defineProperty(exports,"AnalyticsEventType",{enumerable:!0,get:function(){return types_1.AnalyticsEventType}});var languageSwitch_1=require("./languageSwitch");Object.defineProperty(exports,"createLanguageSwitchEvent",{enumerable:!0,get:function(){return languageSwitch_1.createLanguageSwitchEvent}});var panelToggle_1=require("./panelToggle");Object.defineProperty(exports,"createPanelToggleEvent",{enumerable:!0,get:function(){return panelToggle_1.createPanelToggleEvent}});var codeSampleCopy_1=require("./codeSampleCopy");Object.defineProperty(exports,"createCodeSampleCopyEvent",{enumerable:!0,get:function(){return codeSampleCopy_1.createCodeSampleCopyEvent}});var serverSwitch_1=require("./serverSwitch");Object.defineProperty(exports,"createServerSwitchEvent",{enumerable:!0,get:function(){return serverSwitch_1.createServerSwitchEvent}});
 //# sourceMappingURL=index.js.map

package/lib/events/panelToggle.d.ts

@@ -1,2 +1,2 @@
 import type { PanelToggleEvent, PanelToggleProps } from './types';
-export declare const creatPanelToggleEvent: ({ operation, isExpanded, panelType, }: PanelToggleProps) => PanelToggleEvent;
+export declare const createPanelToggleEvent: ({ operation, isExpanded, panelType, }: PanelToggleProps) => PanelToggleEvent;

package/lib/events/panelToggle.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.creatPanelToggleEvent=void 0;const creator_1=require("./creator"),types_1=require("./types"),panelToggleEvent=(0,creator_1.createTrackingEvent)(types_1.AnalyticsEventType.PanelToggle),creatPanelToggleEvent=({operation:e,isExpanded:t,panelType:a})=>panelToggleEvent({resource:"Redocly_Operation",action:"PanelToggled",operationId:e.id,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.name,panelType:a,state:t?"expanded":"collapsed"});exports.creatPanelToggleEvent=creatPanelToggleEvent;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createPanelToggleEvent=void 0;const creator_1=require("./creator"),types_1=require("./types"),panelToggleEvent=(0,creator_1.createTrackingEvent)(types_1.AnalyticsEventType.PanelToggle),createPanelToggleEvent=({operation:e,isExpanded:t,panelType:a})=>panelToggleEvent({resource:"Redocly_Operation",action:"PanelToggled",operationId:e.id,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.name,panelType:a,state:t?"expanded":"collapsed"});exports.createPanelToggleEvent=createPanelToggleEvent;
 //# sourceMappingURL=panelToggle.js.map

package/lib/events/serverSwitch.d.ts

@@ -0,0 +1,2 @@
+import type { TargetServerSwitchedEvent, TargetServerSwitchProps } from './types';
+export declare const createServerSwitchEvent: ({ operation, serverUrl, }: TargetServerSwitchProps) => TargetServerSwitchedEvent;

package/lib/events/serverSwitch.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createServerSwitchEvent=void 0;const creator_1=require("./creator"),types_1=require("./types"),targetServerSwitchEvent=(0,creator_1.createTrackingEvent)(types_1.AnalyticsEventType.TargetServerSwitched),createServerSwitchEvent=({operation:e,serverUrl:r})=>targetServerSwitchEvent({resource:"Redocly_OperationTryIt",action:"TargetServerSwitched",operationId:e.id,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.name,serverUrl:r});exports.createServerSwitchEvent=createServerSwitchEvent;
+//# sourceMappingURL=serverSwitch.js.map

package/lib/events/types.d.ts

@@ -15,18 +15,23 @@ export interface CodeSampleCopyProps {
     type: 'request' | 'response';
     exampleId?: string;
 }
+export interface TargetServerSwitchProps {
+    operation: OperationModel;
+    serverUrl: string;
+}
 export declare enum AnalyticsEventType {
     CodeSampleLanguageSwitched = "CodeSampleLanguageSwitched",
     CodeSampleCopied = "CodeSampleCopied",
     OperationServerExpanded = "OperationServerExpanded",
     PanelToggle = "PanelToggle",
     TryItOpen = "TryItOpen",
-    TryItSent = "TryItSent"
+    TryItSent = "TryItSent",
+    TargetServerSwitched = "TargetServerSwitched"
 }
 export interface AnalyticsEvent {
     eventType: AnalyticsEventType;
     resource: 'Redocly_CodeSample' | 'Redocly_Operation' | 'Redocly_OperationTryIt';
-    action: 'LanguageSwitched' | 'PanelToggled' | 'Opened' | 'NavigatedOverrideLink' | 'Sent' | 'ValidationFailed' | 'CodeSampleCopied';
+    action: 'LanguageSwitched' | 'PanelToggled' | 'Opened' | 'NavigatedOverrideLink' | 'Sent' | 'ValidationFailed' | 'CodeSampleCopied' | 'TargetServerSwitched';
     operationId?: string;
     operationPath: string;
     operationHttpVerb: string;
@@ -53,11 +58,15 @@ export interface PanelToggleEvent extends AnalyticsEvent {
     operationHttpVerb: string;
     operationSummary?: string | GenericObject;
 }
+export interface TargetServerSwitchedEvent extends AnalyticsEvent {
+    serverUrl: string;
+}
 export type Events = {
     codeSamplesLanguageSwitch?: (event: CodeSamplesLanguageSwitchedEvent) => void;
     codeSamplesCopy?: (event: CodeSamplesCopiedEvent) => void;
     tryItOpen?: (event: TryItOpenedEvent) => void;
     tryItSent?: (event: TryItOpenedEvent) => void;
     panelToggle?: (event: PanelToggleEvent) => void;
+    targetServerSwitch?: (event: TargetServerSwitchedEvent) => void;
 };
 export {};

package/lib/events/types.js

@@ -1,2 +1,2 @@
-"use strict";var AnalyticsEventType;Object.defineProperty(exports,"__esModule",{value:!0}),exports.AnalyticsEventType=void 0,function(e){e.CodeSampleLanguageSwitched="CodeSampleLanguageSwitched",e.CodeSampleCopied="CodeSampleCopied",e.OperationServerExpanded="OperationServerExpanded",e.PanelToggle="PanelToggle",e.TryItOpen="TryItOpen",e.TryItSent="TryItSent"}(AnalyticsEventType=exports.AnalyticsEventType||(exports.AnalyticsEventType={}));
+"use strict";var AnalyticsEventType;Object.defineProperty(exports,"__esModule",{value:!0}),exports.AnalyticsEventType=void 0,function(e){e.CodeSampleLanguageSwitched="CodeSampleLanguageSwitched",e.CodeSampleCopied="CodeSampleCopied",e.OperationServerExpanded="OperationServerExpanded",e.PanelToggle="PanelToggle",e.TryItOpen="TryItOpen",e.TryItSent="TryItSent",e.TargetServerSwitched="TargetServerSwitched"}(AnalyticsEventType=exports.AnalyticsEventType||(exports.AnalyticsEventType={}));
 //# sourceMappingURL=types.js.map

package/lib/services/Options/normalizeOptions.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.normalizeOptions=void 0;const theme_1=require("@redocly/theme"),constants_1=require("../../constants"),types_1=require("./types"),utils_1=require("../../utils"),helpers_1=require("./helpers"),types_2=require("../types");function normalizeOptions(e,a){var o,l,n,i,s,t,r,u,d,g,p,h;e=Object.assign(Object.assign(Object.assign({},a),e),{allowedMdComponents:Object.assign(Object.assign({},null==e?void 0:e.allowedMdComponents),{components:Object.assign(Object.assign({},null===(o=null==a?void 0:a.allowedMdComponents)||void 0===o?void 0:o.components),null===(l=null==e?void 0:e.allowedMdComponents)||void 0===l?void 0:l.components),tags:Object.assign(Object.assign({},null===(n=null==a?void 0:a.allowedMdComponents)||void 0===n?void 0:n.tags),null===(i=null==e?void 0:e.allowedMdComponents)||void 0===i?void 0:i.tags),nodes:Object.assign(Object.assign(Object.assign({},null===(s=null==a?void 0:a.allowedMdComponents)||void 0===s?void 0:s.nodes),null===(t=null==e?void 0:e.allowedMdComponents)||void 0===t?void 0:t.nodes),{heading:(null===(u=null===(r=null==a?void 0:a.allowedMdComponents)||void 0===r?void 0:r.nodes)||void 0===u?void 0:u.heading)||(null===(d=null==e?void 0:e.allowedMdComponents)||void 0===d?void 0:d.nodes.heading)})})});const c=Array.isArray(e.ignoreNamedSchemas)?e.ignoreNamedSchemas:null===(g=e.ignoreNamedSchemas)||void 0===g?void 0:g.split(",").map((e=>e.trim())),m={downloadDefinitionUrl:e.downloadDefinitionUrl,schemaDefinitionsTagName:e.schemaDefinitionsTagName,corsProxyUrl:(0,helpers_1.addTrailingSlash)(e.corsProxyUrl),authCorsProxyUrl:(0,helpers_1.addTrailingSlash)(e.authCorsProxyUrl),ctrlFHijack:(0,utils_1.argValueToBoolean)(e.ctrlFHijack,!0),disableDeepLinks:(0,utils_1.argValueToBoolean)(e.disableDeepLinks,!1),disableTryItRequestUrlEncoding:(0,utils_1.argValueToBoolean)(e.disableTryItRequestUrlEncoding,!1),minCharacterLengthToInitSearch:(0,utils_1.argValueToNumber)(e.minCharacterLengthToInitSearch,3),disableSearch:(0,utils_1.argValueToBoolean)(e.disableSearch,!1),disableSidebar:(0,utils_1.argValueToBoolean)(e.disableSidebar,!1),expandResponses:(0,helpers_1.normalizeExpandResponses)(e.expandResponses),jsonSampleExpandLevel:(0,utils_1.argValueToExpandLevel)(e.jsonSampleExpandLevel,2),expandDefaultServerVariables:(0,utils_1.argValueToBoolean)(e.expandDefaultServerVariables,!1),expandDefaultRequest:(0,utils_1.argValueToBoolean)(e.expandDefaultRequest,!0),expandDefaultResponse:(0,utils_1.argValueToBoolean)(e.expandDefaultResponse,!0),expandSingleSchemaField:(0,utils_1.argValueToBoolean)(e.expandSingleSchemaField,!1),generatedPayloadSamplesMaxDepth:(0,utils_1.argValueToInt)(e.generatedPayloadSamplesMaxDepth,8),hideDownloadButton:(0,utils_1.argValueToBoolean)(e.hideDownloadButton),hideInfoDescription:(0,utils_1.argValueToBoolean)(e.hideInfoDescription),hideHostname:(0,utils_1.argValueToBoolean)(e.hideHostname,!1),hideInfoSection:(0,utils_1.argValueToBoolean)(e.hideInfoSection,!1),hideLoading:(0,utils_1.argValueToBoolean)(e.hideLoading,!1),hideLogo:(0,utils_1.argValueToBoolean)(e.hideLogo,!1),hideFab:(0,utils_1.argValueToBoolean)(e.hideFab,!1),hideRequestPayloadSample:(0,utils_1.argValueToBoolean)(e.hideRequestPayloadSample,!1),hideRightPanel:(0,utils_1.argValueToBoolean)(e.hideRightPanel,!1),hideSchemaPattern:(0,utils_1.argValueToBoolean)(e.hideSchemaPattern,!1),hideOneOfDescription:(0,utils_1.argValueToBoolean)(e.hideOneOfDescription,!1),hideSchemaTitles:(0,utils_1.argValueToBoolean)(e.hideSchemaTitles,!1),hideSingleRequestSampleTab:(0,utils_1.argValueToBoolean)(e.hideSingleRequestSampleTab,!1),hideTryItPanel:(0,utils_1.argValueToBoolean)(e.hideTryItPanel,!1),showObjectSchemaExamples:(0,utils_1.argValueToBoolean)(e.showObjectSchemaExamples,!1),showAccessMode:(0,utils_1.argValueToBoolean)(e.showAccessMode,!1),maxDisplayedEnumValues:(0,utils_1.argValueToNumber)(e.maxDisplayedEnumValues),maxResponseHeadersToShowInTryIt:(0,utils_1.argValueToNumber)(e.maxResponseHeadersToShowInTryIt,0),menuToggle:(0,utils_1.argValueToBoolean)(e.menuToggle,!0),mockServer:(null===(p=e.mockServer)||void 0===p?void 0:p.url)?{url:e.mockServer.url,position:e.mockServer.position||"first",description:e.mockServer.description||"Mock server"}:void 0,nativeScrollbars:(0,utils_1.argValueToBoolean)(e.nativeScrollbars,!1),oAuth2RedirectURI:e.oAuth2RedirectURI||null,onlyRequiredInSamples:(0,utils_1.argValueToBoolean)(e.onlyRequiredInSamples,!1),pathInMiddlePanel:(0,utils_1.argValueToBoolean)(e.pathInMiddlePanel,!1),onDeepLinkClick:e.onDeepLinkClick||(0,utils_1.getWindowReferenceOptions)(constants_1.WindowReferenceOptions.ON_DEEP_LINK_CLICK),requestInterceptor:e.requestInterceptor||(0,utils_1.getWindowReferenceOptions)(constants_1.WindowReferenceOptions.REQUEST_INTERCEPTOR),routingBasePath:(0,utils_1.isUndefined)(e.enableRouter)?"":e.routingBasePath&&(0,utils_1.normalizePath)(e.routingBasePath)||"",schemaExpansionLevel:(0,utils_1.argValueToExpandLevel)(e.schemaExpansionLevel),pagination:e.pagination||types_2.Pagination.None,feedback:e.feedback||{hide:!0},payloadSampleIdx:(0,helpers_1.normalizePayloadSampleIdx)(e.payloadSampleIdx,0),requiredPropsFirst:(0,utils_1.argValueToBoolean)(e.requiredPropsFirst,!1),markdownHeadingsAnchorLevel:(0,utils_1.argValueToNumber)(e.markdownHeadingsAnchorLevel,2),samplesTabsMaxCount:(0,utils_1.argValueToInt)(e.samplesTabsMaxCount,5),scrollYOffset:(0,helpers_1.normalizeScrollYOffset)(e.scrollYOffset),searchAutoExpand:(0,utils_1.argValueToBoolean)(e.searchAutoExpand,!0),searchFieldLevelBoost:(0,utils_1.argValueToNumber)(e.searchFieldLevelBoost,.95),searchMaxDepth:(0,utils_1.argValueToNumber)(e.searchMaxDepth,constants_1.DEFAULT_SEARCH_MAX_DEPTH),searchOperationTitleBoost:(0,utils_1.argValueToNumber)(e.searchOperationTitleBoost,4),searchTagTitleBoost:(0,utils_1.argValueToNumber)(e.searchTagTitleBoost,8),sendXUserAgentInTryIt:(0,utils_1.argValueToBoolean)(e.sendXUserAgentInTryIt,!1),showWebhookVerb:(0,utils_1.argValueToBoolean)(e.showWebhookVerb,!1),showChangeLayoutButton:(0,utils_1.argValueToBoolean)(e.showChangeLayoutButton,!0),showConsole:null!=e.hideTryItPanel?!e.hideTryItPanel:null===(h=e.showConsole)||void 0===h||h,showExtensions:(0,helpers_1.normalizeShowExtensions)(e.showExtensions),preserveOriginalExtensionsName:(0,utils_1.argValueToBoolean)(e.preserveOriginalExtensionsName,!1),showNextButton:(0,utils_1.argValueToBoolean)(e.showNextButton,!0),showRightPanelToggle:(0,utils_1.argValueToBoolean)(e.showRightPanelToggle,!0),showSecuritySchemeType:(0,utils_1.argValueToBoolean)(e.showSecuritySchemeType,!0),hideSecuritySection:(0,utils_1.argValueToBoolean)(e.hideSecuritySection,!1),simpleOneOfTypeLabel:(0,utils_1.argValueToBoolean)(e.simpleOneOfTypeLabel,!1),sortEnumValuesAlphabetically:(0,utils_1.argValueToBoolean)(e.sortEnumValuesAlphabetically),sortOperationsAlphabetically:(0,utils_1.argValueToBoolean)(e.sortOperationsAlphabetically),sortPropsAlphabetically:(0,utils_1.argValueToBoolean)(e.sortPropsAlphabetically,!1),sortTagsAlphabetically:(0,utils_1.argValueToBoolean)(e.sortTagsAlphabetically,!1),unstable_ignoreMimeParameters:(0,utils_1.argValueToBoolean)(e.unstable_ignoreMimeParameters,!1),untrustedDefinition:(0,utils_1.argValueToBoolean)(e.untrustedDefinition,!1),enumSkipQuotes:(0,utils_1.argValueToBoolean)(e.enumSkipQuotes),whiteLabel:(0,utils_1.argValueToBoolean)(e.whiteLabel),skipBundleAndConvert:(0,utils_1.argValueToBoolean)(e.skipBundleAndConvert),disablePaginationLoadingAnimation:(0,utils_1.argValueToBoolean)(!!e.disablePaginationLoadingAnimation),disableErrorBoundary:(0,utils_1.argValueToBoolean)(e.disableErrorBoundary),ignoreNamedSchemas:new Set(c),mediaQueries:(0,theme_1.generateMediaQueries)((null==e?void 0:e.breakpoints)||{}),showAtBreakpoint:e.showAtBreakpoint,allowedMdComponents:null==e?void 0:e.allowedMdComponents,defaultSampleLanguage:e.defaultSampleLanguage||"",generateCodeSamples:e.generateCodeSamples||{languages:[]},layout:e.layout||theme_1.LayoutVariant.THREE_PANEL,sideNavStyle:e.sideNavStyle||types_2.SideNavStyle.SummaryOnly,searchMode:e.searchMode||types_1.SearchMode.Default,sidebarLinks:e.sidebarLinks||{},events:e.events||{},hooks:e.hooks||(0,utils_1.getWindowReferenceOptions)(constants_1.WindowReferenceOptions.HOOKS)||{},unstable_tryItButtonOverride:e.unstable_tryItButtonOverride||null,unstable_externalCodeSamples:e.unstable_externalCodeSamples||[],markdownItemsPagination:e.markdownItemsPagination||"none",infoLabel:null==e?void 0:e.infoLabel};return null!=e.showConsole&&console.warn('"showConsole" option is deprecated. Please, use "hideTryItPanel" instead.'),m.disablePaginationLoadingAnimation=!!e.disablePaginationLoadingAnimation||m.pagination===types_2.Pagination.None,m}exports.normalizeOptions=normalizeOptions;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.normalizeOptions=void 0;const theme_1=require("@redocly/theme"),constants_1=require("../../constants"),types_1=require("./types"),utils_1=require("../../utils"),helpers_1=require("./helpers"),types_2=require("../types");function normalizeOptions(e,a){var o,l,n,i,s,t,r,u,d,g,p,h;e=Object.assign(Object.assign(Object.assign({},a),e),{allowedMdComponents:Object.assign(Object.assign({},null==e?void 0:e.allowedMdComponents),{components:Object.assign(Object.assign({},null===(o=null==a?void 0:a.allowedMdComponents)||void 0===o?void 0:o.components),null===(l=null==e?void 0:e.allowedMdComponents)||void 0===l?void 0:l.components),tags:Object.assign(Object.assign({},null===(n=null==a?void 0:a.allowedMdComponents)||void 0===n?void 0:n.tags),null===(i=null==e?void 0:e.allowedMdComponents)||void 0===i?void 0:i.tags),nodes:Object.assign(Object.assign(Object.assign({},null===(s=null==a?void 0:a.allowedMdComponents)||void 0===s?void 0:s.nodes),null===(t=null==e?void 0:e.allowedMdComponents)||void 0===t?void 0:t.nodes),{heading:(null===(u=null===(r=null==a?void 0:a.allowedMdComponents)||void 0===r?void 0:r.nodes)||void 0===u?void 0:u.heading)||(null===(d=null==e?void 0:e.allowedMdComponents)||void 0===d?void 0:d.nodes.heading)})})});const c=Array.isArray(e.ignoreNamedSchemas)?e.ignoreNamedSchemas:null===(g=e.ignoreNamedSchemas)||void 0===g?void 0:g.split(",").map((e=>e.trim())),m={downloadDefinitionUrl:e.downloadDefinitionUrl,schemaDefinitionsTagName:e.schemaDefinitionsTagName,corsProxyUrl:(0,helpers_1.addTrailingSlash)(e.corsProxyUrl),authCorsProxyUrl:(0,helpers_1.addTrailingSlash)(e.authCorsProxyUrl),ctrlFHijack:(0,utils_1.argValueToBoolean)(e.ctrlFHijack,!0),disableDeepLinks:(0,utils_1.argValueToBoolean)(e.disableDeepLinks,!1),disableTryItRequestUrlEncoding:(0,utils_1.argValueToBoolean)(e.disableTryItRequestUrlEncoding,!1),minCharacterLengthToInitSearch:(0,utils_1.argValueToNumber)(e.minCharacterLengthToInitSearch,3),disableSearch:(0,utils_1.argValueToBoolean)(e.disableSearch,!1),disableSidebar:(0,utils_1.argValueToBoolean)(e.disableSidebar,!1),expandResponses:(0,helpers_1.normalizeExpandResponses)(e.expandResponses),jsonSampleExpandLevel:(0,utils_1.argValueToExpandLevel)(e.jsonSampleExpandLevel,2),expandDefaultServerVariables:(0,utils_1.argValueToBoolean)(e.expandDefaultServerVariables,!1),expandDefaultRequest:(0,utils_1.argValueToBoolean)(e.expandDefaultRequest,!0),expandDefaultResponse:(0,utils_1.argValueToBoolean)(e.expandDefaultResponse,!0),expandSingleSchemaField:(0,utils_1.argValueToBoolean)(e.expandSingleSchemaField,!1),generatedPayloadSamplesMaxDepth:(0,utils_1.argValueToInt)(e.generatedPayloadSamplesMaxDepth,8),hideDownloadButton:(0,utils_1.argValueToBoolean)(e.hideDownloadButton),hideInfoDescription:(0,utils_1.argValueToBoolean)(e.hideInfoDescription),hideHostname:(0,utils_1.argValueToBoolean)(e.hideHostname,!1),hideInfoSection:(0,utils_1.argValueToBoolean)(e.hideInfoSection,!1),hideLoading:(0,utils_1.argValueToBoolean)(e.hideLoading,!1),hideLogo:(0,utils_1.argValueToBoolean)(e.hideLogo,!1),hideFab:(0,utils_1.argValueToBoolean)(e.hideFab,!1),hideRequestPayloadSample:(0,utils_1.argValueToBoolean)(e.hideRequestPayloadSample,!1),hideRightPanel:(0,utils_1.argValueToBoolean)(e.hideRightPanel,!1),hideSchemaPattern:(0,utils_1.argValueToBoolean)(e.hideSchemaPattern,!1),hideOneOfDescription:(0,utils_1.argValueToBoolean)(e.hideOneOfDescription,!1),hideSchemaTitles:(0,utils_1.argValueToBoolean)(e.hideSchemaTitles,!1),hideSingleRequestSampleTab:(0,utils_1.argValueToBoolean)(e.hideSingleRequestSampleTab,!1),hideTryItPanel:(0,utils_1.argValueToBoolean)(e.hideTryItPanel,!1),showObjectSchemaExamples:(0,utils_1.argValueToBoolean)(e.showObjectSchemaExamples,!1),showAccessMode:(0,utils_1.argValueToBoolean)(e.showAccessMode,!1),maxDisplayedEnumValues:(0,utils_1.argValueToNumber)(e.maxDisplayedEnumValues),maxResponseHeadersToShowInTryIt:(0,utils_1.argValueToNumber)(e.maxResponseHeadersToShowInTryIt,0),menuToggle:(0,utils_1.argValueToBoolean)(e.menuToggle,!0),mockServer:(null===(p=e.mockServer)||void 0===p?void 0:p.url)?{url:e.mockServer.url,position:e.mockServer.position||"first",description:e.mockServer.description||"Mock server"}:void 0,nativeScrollbars:(0,utils_1.argValueToBoolean)(e.nativeScrollbars,!1),oAuth2RedirectURI:e.oAuth2RedirectURI||null,onlyRequiredInSamples:(0,utils_1.argValueToBoolean)(e.onlyRequiredInSamples,!1),pathInMiddlePanel:(0,utils_1.argValueToBoolean)(e.pathInMiddlePanel,!1),onDeepLinkClick:e.onDeepLinkClick||(0,utils_1.getWindowReferenceOptions)(constants_1.WindowReferenceOptions.ON_DEEP_LINK_CLICK),requestInterceptor:e.requestInterceptor||(0,utils_1.getWindowReferenceOptions)(constants_1.WindowReferenceOptions.REQUEST_INTERCEPTOR),routingBasePath:(0,utils_1.isUndefined)(e.enableRouter)?"":e.routingBasePath&&(0,utils_1.normalizePath)(e.routingBasePath)||"",schemaExpansionLevel:(0,utils_1.argValueToExpandLevel)(e.schemaExpansionLevel),pagination:e.pagination||types_2.Pagination.None,feedback:e.feedback||{hide:!0},payloadSampleIdx:(0,helpers_1.normalizePayloadSampleIdx)(e.payloadSampleIdx,0),requiredPropsFirst:(0,utils_1.argValueToBoolean)(e.requiredPropsFirst,!1),markdownHeadingsAnchorLevel:(0,utils_1.argValueToNumber)(e.markdownHeadingsAnchorLevel,2),samplesTabsMaxCount:(0,utils_1.argValueToInt)(e.samplesTabsMaxCount,5),scrollYOffset:(0,helpers_1.normalizeScrollYOffset)(e.scrollYOffset),searchAutoExpand:(0,utils_1.argValueToBoolean)(e.searchAutoExpand,!0),searchFieldLevelBoost:(0,utils_1.argValueToNumber)(e.searchFieldLevelBoost,.95),searchMaxDepth:(0,utils_1.argValueToNumber)(e.searchMaxDepth,constants_1.DEFAULT_SEARCH_MAX_DEPTH),searchOperationTitleBoost:(0,utils_1.argValueToNumber)(e.searchOperationTitleBoost,4),searchTagTitleBoost:(0,utils_1.argValueToNumber)(e.searchTagTitleBoost,8),sendXUserAgentInTryIt:(0,utils_1.argValueToBoolean)(e.sendXUserAgentInTryIt,!1),showWebhookVerb:(0,utils_1.argValueToBoolean)(e.showWebhookVerb,!1),showChangeLayoutButton:(0,utils_1.argValueToBoolean)(e.showChangeLayoutButton,!0),showConsole:null!=e.hideTryItPanel?!e.hideTryItPanel:null===(h=e.showConsole)||void 0===h||h,showExtensions:(0,helpers_1.normalizeShowExtensions)(e.showExtensions),preserveOriginalExtensionsName:(0,utils_1.argValueToBoolean)(e.preserveOriginalExtensionsName,!1),showNextButton:(0,utils_1.argValueToBoolean)(e.showNextButton,!0),showRightPanelToggle:(0,utils_1.argValueToBoolean)(e.showRightPanelToggle,!0),showSecuritySchemeType:(0,utils_1.argValueToBoolean)(e.showSecuritySchemeType,!0),hideSecuritySection:(0,utils_1.argValueToBoolean)(e.hideSecuritySection,!1),simpleOneOfTypeLabel:(0,utils_1.argValueToBoolean)(e.simpleOneOfTypeLabel,!1),sortEnumValuesAlphabetically:(0,utils_1.argValueToBoolean)(e.sortEnumValuesAlphabetically),sortOperationsAlphabetically:(0,utils_1.argValueToBoolean)(e.sortOperationsAlphabetically),sortPropsAlphabetically:(0,utils_1.argValueToBoolean)(e.sortPropsAlphabetically,!1),sortTagsAlphabetically:(0,utils_1.argValueToBoolean)(e.sortTagsAlphabetically,!1),unstable_ignoreMimeParameters:(0,utils_1.argValueToBoolean)(e.unstable_ignoreMimeParameters,!1),untrustedDefinition:(0,utils_1.argValueToBoolean)(e.untrustedDefinition,!1),enumSkipQuotes:(0,utils_1.argValueToBoolean)(e.enumSkipQuotes),whiteLabel:(0,utils_1.argValueToBoolean)(e.whiteLabel),skipBundleAndConvert:(0,utils_1.argValueToBoolean)(e.skipBundleAndConvert),disablePaginationLoadingAnimation:(0,utils_1.argValueToBoolean)(!!e.disablePaginationLoadingAnimation),disableErrorBoundary:(0,utils_1.argValueToBoolean)(e.disableErrorBoundary),ignoreNamedSchemas:new Set(c),mediaQueries:(0,theme_1.generateMediaQueries)((null==e?void 0:e.breakpoints)||{}),showAtBreakpoint:e.showAtBreakpoint,allowedMdComponents:null==e?void 0:e.allowedMdComponents,defaultSampleLanguage:e.defaultSampleLanguage||"",generateCodeSamples:e.generateCodeSamples||{languages:[]},layout:e.layout||theme_1.LayoutVariant.THREE_PANEL,sideNavStyle:e.sideNavStyle||types_2.SideNavStyle.SummaryOnly,searchMode:e.searchMode||types_1.SearchMode.Default,sidebarLinks:e.sidebarLinks||{},events:e.events||{},hooks:e.hooks||(0,utils_1.getWindowReferenceOptions)(constants_1.WindowReferenceOptions.HOOKS)||{},unstable_tryItButtonOverride:e.unstable_tryItButtonOverride||null,unstable_externalCodeSamples:e.unstable_externalCodeSamples||[],markdownItemsPagination:e.markdownItemsPagination||"none",infoLabel:null==e?void 0:e.infoLabel,showMetadata:(0,utils_1.argValueToBoolean)(null==e?void 0:e.showMetadata,!1)};return null!=e.showConsole&&console.warn('"showConsole" option is deprecated. Please, use "hideTryItPanel" instead.'),m.disablePaginationLoadingAnimation=!!e.disablePaginationLoadingAnimation||m.pagination===types_2.Pagination.None,m}exports.normalizeOptions=normalizeOptions;
 //# sourceMappingURL=normalizeOptions.js.map

package/lib/services/Options/types.d.ts

@@ -132,6 +132,7 @@ export interface RawOptions {
     enableRouter?: boolean;
     feedback?: Record<string, any>;
     infoLabel?: string;
+    showMetadata?: boolean;
 }
 export interface DefaultOptions {
     mediaQueries?: MediaQueries;
@@ -272,4 +273,5 @@ export interface Options {
     searchMaxDepth: number;
     feedback: Record<string, any>;
     infoLabel?: string;
+    showMetadata: boolean;
 }

package/lib/utils/typeGuards.d.ts

@@ -1,3 +1,4 @@
 export declare function isUndefined<T>(value: T | undefined): value is undefined;
 export declare function isNull<T>(value: T | null): value is null;
 export declare function isString<T>(value: T | string): value is string;
+export declare function isNotNull<T>(value: T): value is NonNullable<T>;

package/lib/utils/typeGuards.js

@@ -1,2 +1,2 @@
-"use strict";function isUndefined(i){return void 0===i}function isNull(i){return null===i}function isString(i){return"string"==typeof i}Object.defineProperty(exports,"__esModule",{value:!0}),exports.isString=exports.isNull=exports.isUndefined=void 0,exports.isUndefined=isUndefined,exports.isNull=isNull,exports.isString=isString;
+"use strict";function isUndefined(i){return void 0===i}function isNull(i){return null===i}function isString(i){return"string"==typeof i}function isNotNull(i){return!isNull(i)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.isNotNull=exports.isString=exports.isNull=exports.isUndefined=void 0,exports.isUndefined=isUndefined,exports.isNull=isNull,exports.isString=isString,exports.isNotNull=isNotNull;
 //# sourceMappingURL=typeGuards.js.map

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

@@ -1,4 +1,4 @@
-import React from"react";import styled from"styled-components";import{useRecoilValue}from"recoil";import{AfterOpenApiTitle,MarkdownWrapper}from"@redocly/theme";import{layoutSelector,showRightPanelToggleSelector}from"../../recoil/app";import{SamplesMiddlePanel,Row,Section,SamplesPanel}from"../common";import{ExternalDocumentation}from"../ExternalDocumentation";import{Markdown}from"../Markdown";import{DownloadButtonWithLabel}from"../Download";import{ApiHeader,InfoSpan,InfoSpanBox,InfoSpanBoxWrap}from"./styled";import{globalStoreSelector}from"../../recoil/store";import{saveTextBeforeHeading}from"../../utils/saveTextBeforeHeading";import{getValueFromMdParsedExtension}from"../../utils/helpers";import{ServerList}from"../Endpoint/ServerList";import{CodePanel}from"../Panel/CodePanel";import{normalizeServers}from"../../utils/openapi";import{mergeInMockServer}from"../../models/operation";import{RenderHook}from"../RenderHook";export function ApiInfo({item:{infoDefinition:e}}){const{options:{markdownHeadingsAnchorLevel:t,hooks:o,hideDownloadButton:n,expandDefaultServerVariables:r,mockServer:a,hideInfoSection:l,hideInfoDescription:c},parser:{definition:i,definitionUrl:m}}=useRecoilValue(globalStoreSelector),s=useRecoilValue(showRightPanelToggleSelector),p=useRecoilValue(layoutSelector);if(!e||l)return null;const d=c?null:saveTextBeforeHeading(getValueFromMdParsedExtension(e,"description")||"",t),f=getValueFromMdParsedExtension(e,"summary")||void 0,u=null==i?void 0:i.externalDocs,S=normalizeServers(m,mergeInMockServer(i.servers||[],a)),R=e.license&&React.createElement(InfoSpan,null,"License:"," ",e.license.identifier?e.license.identifier:React.createElement("a",{href:e.license.url},e.license.name))||null,E=e.contact&&e.contact.url&&React.createElement(InfoSpan,null,"URL: ",React.createElement("a",{href:e.contact.url},e.contact.url))||null,v=e.contact&&e.contact.email&&React.createElement(InfoSpan,null,e.contact.name||"E-mail",":"," ",React.createElement("a",{href:"mailto:"+e.contact.email},e.contact.email))||null,h=e.termsOfService&&React.createElement(InfoSpan,null,React.createElement("a",{href:e.termsOfService},"Terms of Service"))||null,g=e.version&&React.createElement("span",null,"(",e.version,")")||null;return React.createElement(Section,null,React.createElement(Row,{layout:p},React.createElement(SamplesMiddlePanel,{className:"api-info"},React.createElement(ApiHeader,null,e.title," ",g),React.createElement(RenderHook,{Hook:AfterOpenApiTitle||(null==o?void 0:o.AfterApiTitle),props:{info:e}}),!n&&React.createElement(DownloadButtonWithLabel,{wrapped:!0}),React.createElement(MarkdownWrapper,null,(e.license||e.contact||e.termsOfService)&&React.createElement(InfoSpanBoxWrap,null,React.createElement(InfoSpanBox,null,v," ",E," ",R," ",h))||null),f&&React.createElement(Markdown,{source:f,"data-role":"redoc-summary"}),d&&React.createElement(Markdown,{source:d,"data-role":"redoc-description"}),u&&React.createElement(ExternalDocumentation,{externalDocs:u})),s&&S.length?React.createElement(InfoSamplesPanel,{"data-cy":"samples-block"},React.createElement(CodePanel,{className:"panel-try-it",header:"Servers",expanded:!0},React.createElement(ServerList,{servers:S,path:"/",expandVariables:Boolean(r),hideHostname:!1}))):null))}const InfoSamplesPanel=styled(SamplesPanel)`
+import React from"react";import styled from"styled-components";import{useRecoilValue}from"recoil";import{AfterOpenApiTitle,MarkdownWrapper}from"@redocly/theme";import{layoutSelector,showRightPanelToggleSelector}from"../../recoil/app";import{SamplesMiddlePanel,Row,Section,SamplesPanel}from"../common";import{ExternalDocumentation}from"../ExternalDocumentation";import{Markdown}from"../Markdown";import{DownloadButtonWithLabel}from"../Download";import{ApiHeader,InfoSpan,InfoSpanBox,InfoSpanBoxWrap}from"./styled";import{globalStoreSelector}from"../../recoil/store";import{saveTextBeforeHeading}from"../../utils/saveTextBeforeHeading";import{getValueFromMdParsedExtension}from"../../utils/helpers";import{ServerList}from"../Endpoint/ServerList";import{CodePanel}from"../Panel/CodePanel";import{normalizeServers}from"../../utils/openapi";import{mergeInMockServer}from"../../models/operation";import{RenderHook}from"../RenderHook";import{Metadata}from"./Metadata";export function ApiInfo({item:{infoDefinition:e}}){const{options:{markdownHeadingsAnchorLevel:t,hooks:a,hideDownloadButton:o,expandDefaultServerVariables:r,mockServer:n,hideInfoSection:l,hideInfoDescription:c,showMetadata:i},parser:{definition:m,definitionUrl:s}}=useRecoilValue(globalStoreSelector),p=useRecoilValue(showRightPanelToggleSelector),d=useRecoilValue(layoutSelector);if(!e||l)return null;const f=c?null:saveTextBeforeHeading(getValueFromMdParsedExtension(e,"description")||"",t),u=getValueFromMdParsedExtension(e,"summary")||void 0,S=null==m?void 0:m.externalDocs,R=normalizeServers(s,mergeInMockServer(m.servers||[],n)),E=e.license&&React.createElement(InfoSpan,null,"License:"," ",e.license.identifier?e.license.identifier:React.createElement("a",{href:e.license.url},e.license.name))||null,v=e.contact&&e.contact.url&&React.createElement(InfoSpan,null,"URL: ",React.createElement("a",{href:e.contact.url},e.contact.url))||null,h=e.contact&&e.contact.email&&React.createElement(InfoSpan,null,e.contact.name||"E-mail",":"," ",React.createElement("a",{href:"mailto:"+e.contact.email},e.contact.email))||null,x=e.termsOfService&&React.createElement(InfoSpan,null,React.createElement("a",{href:e.termsOfService},"Terms of Service"))||null,g=e.version&&React.createElement("span",null,"(",e.version,")")||null;return React.createElement(Section,null,React.createElement(Row,{layout:d},React.createElement(SamplesMiddlePanel,{className:"api-info"},React.createElement(ApiHeader,null,e.title," ",g),React.createElement(RenderHook,{Hook:AfterOpenApiTitle||(null==a?void 0:a.AfterApiTitle),props:{info:e}}),!o&&React.createElement(DownloadButtonWithLabel,{wrapped:!0}),React.createElement(MarkdownWrapper,null,(e.license||e.contact||e.termsOfService)&&React.createElement(InfoSpanBoxWrap,null,React.createElement(InfoSpanBox,null,h," ",v," ",E," ",x))||null),u&&React.createElement(Markdown,{source:u,"data-role":"redoc-summary"}),f&&React.createElement(Markdown,{source:f,"data-role":"redoc-description"}),S&&React.createElement(ExternalDocumentation,{externalDocs:S}),i&&React.createElement(Metadata,{metadata:e["x-metadata"]})),p&&R.length?React.createElement(InfoSamplesPanel,{"data-cy":"samples-block"},React.createElement(CodePanel,{className:"panel-try-it",header:"Servers",expanded:!0},React.createElement(ServerList,{servers:R,path:"/",expandVariables:Boolean(r),hideHostname:!1}))):null))}const InfoSamplesPanel=styled(SamplesPanel)`
   margin-top: calc(var(--h1-font-size) * 1.5);
 `;
 //# sourceMappingURL=ApiInfo.js.map

package/lib-esm/components/ApiInfo/Metadata.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { OpenAPIInfo } from '../../types';
+interface MetadataProps {
+    metadata: OpenAPIInfo['x-metadata'];
+}
+export declare function Metadata({ metadata }: MetadataProps): JSX.Element | null;
+export {};

package/lib-esm/components/ApiInfo/Metadata.js

@@ -0,0 +1,2 @@
+import React,{useMemo}from"react";import{MarkdownWrapper,H3}from"@redocly/theme";import{isNotNull}from"../../utils";const FILTER_OUT_KEYS=["title","description"];function metadataMap([e,t]){return FILTER_OUT_KEYS.includes(e)?null:Array.isArray(t)?{key:e,value:t.filter((e=>"object"!=typeof e)).join(", ")}:"object"==typeof t?null:{key:e,value:t}}export function Metadata({metadata:e}){const t=useMemo((()=>Object.entries(e||{}).map(metadataMap).filter(isNotNull)),[e]);return e?React.createElement(MarkdownWrapper,null,React.createElement(H3,null,"Metadata"),React.createElement("table",{className:"md"},React.createElement("thead",null,React.createElement("tr",null,React.createElement("th",{scope:"col"},"Key"),React.createElement("th",{scope:"col"},"Value"))),React.createElement("tbody",null,t.map((({key:e,value:t})=>React.createElement("tr",{key:e},React.createElement("td",null,e),React.createElement("td",null,`${t}`))))))):null}
+//# sourceMappingURL=Metadata.js.map

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

@@ -1,2 +1,2 @@
-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)})))};
+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;const l=!o;r(l),l&&(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/Fields/DescriptionEnums.js

@@ -1,5 +1,5 @@
 import React,{memo}from"react";import styled from"styled-components";import{FieldLabel}from"../common";import{l}from"../../services";import{Markdown}from"../Markdown";import{DescriptionEnumsBlock,ToggleButton}from"./styled";const EnumValueStyled=styled.td`
   max-width: 15vw;
   word-wrap: break-word;
-`;export function DescriptionEnumsComponent({enums:e,toggle:t,showToggleButton:n,toggleButtonText:r,type:o}){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"===o?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(EnumValueStyled,null,t),React.createElement("td",null,React.createElement(Markdown,{source:e})))))))),n?React.createElement(ToggleButton,{onClick:t},r):null)}export const DescriptionEnums=memo(DescriptionEnumsComponent);
+`;export function DescriptionEnumsComponent({enums:e,toggle:t,showToggleButton:n,toggleButtonText:r,type:o}){return React.createElement(React.Fragment,null,React.createElement(DescriptionEnumsBlock,null,React.createElement("table",{className:"md"},React.createElement("thead",null,React.createElement("tr",null,React.createElement("th",null,React.createElement(FieldLabel,null,"array"===o?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(EnumValueStyled,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/OperationItem/OperationItem.js

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

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

@@ -14,5 +14,9 @@ import styled from"styled-components";export const MiddlePanelWrapper=styled.div
     width: calc(100% - var(--panel-samples-width));
     padding-right: var(--panel-gap-vertical, var(--panel-gap-horizontal));
   }
+
+  &:empty {
+    display: none;
+  }
 `;
 //# sourceMappingURL=MiddlePanelWrapper.js.map

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

@@ -1,2 +1,2 @@
-var __rest=this&&this.__rest||function(e,a){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&a.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(o=Object.getOwnPropertySymbols(e);l<o.length;l++)a.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(t[o[l]]=e[o[l]])}return t};import React,{memo,useCallback}from"react";import{TabPanel}from"react-tabs";import{useRecoilValue}from"recoil";import{PayloadSamples}from"../PayloadSamples";import{CodeSample}from"./CodeSample";import{useCodeSamples}from"./useCodeSamples";import{l}from"../../services";import{isPayloadSample}from"../../models";import{createCodeSampleCopyEvent,createLanguageSwitchEvent,creatPanelToggleEvent}from"../../events";import{SamplesTabs}from"../Samples";import{CodePanel}from"../Panel";import{globalOptionsSelector}from"../../recoil/store";function RequestSamplesComponent(e){var{operation:a,defaultLanguage:t,disableHeader:o,content:n}=e,r=__rest(e,["operation","defaultLanguage","disableHeader","content"]);const{events:s,hideSingleRequestSampleTab:p}=useRecoilValue(globalOptionsSelector),{samples:m,payload:c}=useCodeSamples(a),i=1===m.length&&p,d=useCallback((({lang:e,title:t})=>()=>{var o;const l=createCodeSampleCopyEvent({operation:a,label:t,lang:e,type:"request"});null===(o=null==s?void 0:s.codeSamplesCopy)||void 0===o||o.call(s,l)}),[a,s]);return m.length?React.createElement(CodePanel,{className:"panel-request-samples",header:o?void 0:l("requestSamples"),onToggle:e=>{var t;const o=creatPanelToggleEvent({operation:a,isExpanded:e,panelType:"request-samples"});null===(t=null==s?void 0:s.panelToggle)||void 0===t||t.call(s,o)}},React.createElement(SamplesTabs,{tabs:m,onChange:e=>{var t;const o=createLanguageSwitchEvent({operation:a,sample:e});null===(t=null==s?void 0:s.codeSamplesLanguageSwitch)||void 0===t||t.call(s,o)},hidden:i,defaultLanguage:t,id:a.id+"/request-tab"},m.map((e=>React.createElement(TabPanel,{key:e.key+a.id},isPayloadSample(e)?React.createElement(PayloadSamples,Object.assign({content:e.requestBodyContent,onCopyClick:d(e)},r)):React.createElement(CodeSample,Object.assign({lang:e.lang,source:e.source,externalSample:e,content:null==c?void 0:c.requestBodyContent,operation:a,onCopyClick:d(e)},r))))))):null}export const RequestSamples=memo(RequestSamplesComponent);
+var __rest=this&&this.__rest||function(e,a){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&a.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(o=Object.getOwnPropertySymbols(e);l<o.length;l++)a.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(t[o[l]]=e[o[l]])}return t};import React,{memo,useCallback}from"react";import{TabPanel}from"react-tabs";import{useRecoilValue}from"recoil";import{PayloadSamples}from"../PayloadSamples";import{CodeSample}from"./CodeSample";import{useCodeSamples}from"./useCodeSamples";import{l}from"../../services";import{isPayloadSample}from"../../models";import{createCodeSampleCopyEvent,createLanguageSwitchEvent,createPanelToggleEvent}from"../../events";import{SamplesTabs}from"../Samples";import{CodePanel}from"../Panel";import{globalOptionsSelector}from"../../recoil/store";function RequestSamplesComponent(e){var{operation:a,defaultLanguage:t,disableHeader:o,content:n}=e,r=__rest(e,["operation","defaultLanguage","disableHeader","content"]);const{events:s,hideSingleRequestSampleTab:p}=useRecoilValue(globalOptionsSelector),{samples:m,payload:c}=useCodeSamples(a),i=1===m.length&&p,d=useCallback((({lang:e,title:t})=>()=>{var o;const l=createCodeSampleCopyEvent({operation:a,label:t,lang:e,type:"request"});null===(o=null==s?void 0:s.codeSamplesCopy)||void 0===o||o.call(s,l)}),[a,s]);return m.length?React.createElement(CodePanel,{className:"panel-request-samples",header:o?void 0:l("requestSamples"),onToggle:e=>{var t;const o=createPanelToggleEvent({operation:a,isExpanded:e,panelType:"request-samples"});null===(t=null==s?void 0:s.panelToggle)||void 0===t||t.call(s,o)}},React.createElement(SamplesTabs,{tabs:m,onChange:e=>{var t;const o=createLanguageSwitchEvent({operation:a,sample:e});null===(t=null==s?void 0:s.codeSamplesLanguageSwitch)||void 0===t||t.call(s,o)},hidden:i,defaultLanguage:t,id:a.id+"/request-tab"},m.map((e=>React.createElement(TabPanel,{key:e.key+a.id},isPayloadSample(e)?React.createElement(PayloadSamples,Object.assign({content:e.requestBodyContent,onCopyClick:d(e)},r)):React.createElement(CodeSample,Object.assign({lang:e.lang,source:e.source,externalSample:e,content:null==c?void 0:c.requestBodyContent,operation:a,onCopyClick:d(e)},r))))))):null}export const RequestSamples=memo(RequestSamplesComponent);
 //# sourceMappingURL=RequestSamples.js.map

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

@@ -1,2 +1,2 @@
-import React,{memo,useCallback}from"react";import{useRecoilValue}from"recoil";import{TabPanel,CollapsingTabs}from"../Tabs";import{CodePanel}from"../Panel";import{PayloadSamples}from"../PayloadSamples";import{createCodeSampleCopyEvent,creatPanelToggleEvent}from"../../events";import{l}from"../../services";import{globalOptionsSelector}from"../../recoil/store";function ResponseSamplesComponent({operation:e}){const{events:o}=useRecoilValue(globalOptionsSelector),a=e.responses.filter((e=>{var o,l;return null!==(l=null===(o=e.content)||void 0===o?void 0:o.hasSample)&&void 0!==l&&l})),n=useCallback((()=>{var l;const a=createCodeSampleCopyEvent({operation:e,type:"response"});null===(l=null==o?void 0:o.codeSamplesCopy)||void 0===l||l.call(o,a)}),[e,o]);if(!a.length)return null;const t=a.map((({code:e})=>({key:e,title:e})));return React.createElement(CodePanel,{className:"panel-response-samples",header:l("responseSamples"),onToggle:l=>{var a;const n=creatPanelToggleEvent({operation:e,isExpanded:l,panelType:"response-samples"});null===(a=null==o?void 0:o.panelToggle)||void 0===a||a.call(o,n)}},React.createElement(CollapsingTabs,{tabs:t,operation:e},a.map((e=>React.createElement(TabPanel,{key:e.code,value:e.code},React.createElement("div",null,React.createElement(PayloadSamples,{content:e.content,onCopyClick:n})))))))}export const ResponseSamples=memo(ResponseSamplesComponent);
+import React,{memo,useCallback}from"react";import{useRecoilValue}from"recoil";import{TabPanel,CollapsingTabs}from"../Tabs";import{CodePanel}from"../Panel";import{PayloadSamples}from"../PayloadSamples";import{createCodeSampleCopyEvent,createPanelToggleEvent}from"../../events";import{l}from"../../services";import{globalOptionsSelector}from"../../recoil/store";function ResponseSamplesComponent({operation:e}){const{events:o}=useRecoilValue(globalOptionsSelector),a=e.responses.filter((e=>{var o,l;return null!==(l=null===(o=e.content)||void 0===o?void 0:o.hasSample)&&void 0!==l&&l})),n=useCallback((()=>{var l;const a=createCodeSampleCopyEvent({operation:e,type:"response"});null===(l=null==o?void 0:o.codeSamplesCopy)||void 0===l||l.call(o,a)}),[e,o]);if(!a.length)return null;const t=a.map((({code:e})=>({key:e,title:e})));return React.createElement(CodePanel,{className:"panel-response-samples",header:l("responseSamples"),onToggle:l=>{var a;const n=createPanelToggleEvent({operation:e,isExpanded:l,panelType:"response-samples"});null===(a=null==o?void 0:o.panelToggle)||void 0===a||a.call(o,n)}},React.createElement(CollapsingTabs,{tabs:t,operation:e},a.map((e=>React.createElement(TabPanel,{key:e.code,value:e.code},React.createElement("div",null,React.createElement(PayloadSamples,{content:e.content,onCopyClick:n})))))))}export const ResponseSamples=memo(ResponseSamplesComponent);
 //# sourceMappingURL=ResponseSamples.js.map