@redocly/openapi-docs 3.0.0 → 3.0.2

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import type { ReactElement } from 'react';
 import type { GroupModel } from '../../models';
-export declare function ApiInfo({ item: { infoDefinition: info }, }: {
+export declare function ApiInfo({ item }: {
     item: GroupModel;
-}): JSX.Element | null;
+}): ReactElement | null;

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("@redocly/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:c,showMetadata:i},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=c?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}),i&&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);
+"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 jsx_runtime_1=require("react/jsx-runtime"),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),app_1=require("../../jotai/app"),common_1=require("../common"),ExternalDocumentation_1=require("../ExternalDocumentation"),Markdown_1=require("../Markdown"),styled_1=require("./styled"),store_1=require("../../jotai/store"),saveTextBeforeHeading_1=require("../../utils/saveTextBeforeHeading"),helpers_1=require("../../utils/helpers"),RenderHook_1=require("../RenderHook"),Metadata_1=require("./Metadata"),RightPanel_1=require("../RightPanel/RightPanel");function ApiInfo({item:e}){const{options:{unstable_hooks:t,hideInfoMetadata:r},parser:{definition:o}}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),i=(0,jotai_1.useAtomValue)(app_1.layoutAtom),n=e.infoDefinition;if(!n)return null;const a=(0,saveTextBeforeHeading_1.saveTextBeforeHeading)((0,helpers_1.getValueFromMdParsedExtension)(n,"description")||""),s=(0,helpers_1.getValueFromMdParsedExtension)(n,"summary")||void 0,_=null==o?void 0:o.externalDocs,l=n.version&&(0,jsx_runtime_1.jsxs)("span",{children:["(",n.version,")"]})||null,u=i===theme_1.LayoutVariant.STACKED;return(0,jsx_runtime_1.jsxs)(common_1.Row,{layout:i,children:[(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{fullWidth:!0,className:"api-info",isStacked:u,children:[(0,jsx_runtime_1.jsxs)(styled_1.ApiHeader,{children:[n.title," ",l]}),(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.AfterOpenApiTitle||(null==t?void 0:t.AfterApiTitle),props:{info:n}}),s&&(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:s,"data-role":"redoc-summary"}),a&&(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:a,"data-role":"redoc-description"}),_&&(0,jsx_runtime_1.jsx)(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:_}),!r&&(0,jsx_runtime_1.jsx)(Metadata_1.Metadata,{metadata:n["x-metadata"]})]}),u&&(0,jsx_runtime_1.jsx)(RightPanelContainer,{isStacked:u,children:(0,jsx_runtime_1.jsx)(RightPanel_1.RightPanel,{item:e})})]})}exports.ApiInfo=ApiInfo;const RightPanelContainer=(0,styled_components_1.default)(common_1.SamplesPanel)`
+  position: static;
 `;
 //# sourceMappingURL=ApiInfo.js.map

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

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

package/lib/components/ApiInfo/Metadata.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.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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Metadata=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),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(theme_1.isNotNull)),[e]);return e?(0,jsx_runtime_1.jsxs)(theme_1.Markdown,{children:[(0,jsx_runtime_1.jsx)(theme_1.H3,{children:"Metadata"}),(0,jsx_runtime_1.jsxs)("table",{className:"md",children:[(0,jsx_runtime_1.jsx)("thead",{children:(0,jsx_runtime_1.jsxs)("tr",{children:[(0,jsx_runtime_1.jsx)("th",{scope:"col",children:"Key"}),(0,jsx_runtime_1.jsx)("th",{scope:"col",children:"Value"})]})}),(0,jsx_runtime_1.jsx)("tbody",{children:t.map((({key:e,value:t})=>(0,jsx_runtime_1.jsxs)("tr",{children:[(0,jsx_runtime_1.jsx)("td",{children:e}),(0,jsx_runtime_1.jsx)("td",{children:`${t}`})]},e)))})]})]}):null}exports.Metadata=Metadata;
 //# sourceMappingURL=Metadata.js.map

package/lib/components/ApiInfo/styled.js

@@ -1,6 +1,9 @@
 "use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.InfoSpanBox=exports.InfoSpanBoxWrap=exports.InfoSpan=exports.ApiHeader=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),delimiterWidth=15;exports.ApiHeader=(0,styled_components_1.default)(theme_1.H1)`
   margin-top: 0;
-  margin-bottom: 0.5em;
+  margin-bottom: 0;
+  & + ${theme_1.Markdown} {
+    margin-top: var(--h1-margin-bottom);
+  }
 `,exports.InfoSpan=styled_components_1.default.span`
   &::before {
     content: '|';

package/lib/components/CallbackSamples/CallbackSamples.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import type { CallbackModel } from '../../models';
+/// <reference types="react" />
+import type { OperationModel } from '../../models';
 export interface CallbackSamplesProps {
-    callbacks: CallbackModel[];
+    callback: OperationModel;
 }
-export declare const CallbackSamples: React.NamedExoticComponent<CallbackSamplesProps>;
+export declare const CallbackSamples: import("react").NamedExoticComponent<CallbackSamplesProps>;

package/lib/components/CallbackSamples/CallbackSamples.js

@@ -1,2 +1,16 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,a,r,t){void 0===t&&(t=r);var l=Object.getOwnPropertyDescriptor(a,r);l&&!("get"in l?!a.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return a[r]}}),Object.defineProperty(e,t,l)}:function(e,a,r,t){void 0===t&&(t=r),e[t]=a[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,a){Object.defineProperty(e,"default",{enumerable:!0,value:a})}:function(e,a){e.default=a}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var a={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(a,e,r);return __setModuleDefault(a,e),a};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackSamples=void 0;const react_1=__importStar(require("react")),shared_1=require("../shared"),Panel_1=require("../Panel"),GenericChildrenSwitcher_1=require("../GenericChildrenSwitcher"),DropdownOrLabel_1=require("../DropdownOrLabel"),common_1=require("../common"),components_1=require("../../components"),CallbackReqSamples_1=require("./CallbackReqSamples");function CallbackSamplesComponent({callbacks:e}){if(!e||0===e.length)return null;const a=e.map((e=>e.operations.map((e=>e)))).reduce(((e,a)=>e.concat(a)),[]);if(!a.some((e=>e.hasSamples)))return null;const r=a.map(((e,a)=>({value:`${e.httpVerb.toUpperCase()}: ${e.name}`,idx:a})));return react_1.default.createElement(Panel_1.CodePanel,{className:"panel-callback-samples",header:"Callback payload samples"},react_1.default.createElement(GenericChildrenSwitcher_1.GenericChildrenSwitcher,{items:a,renderDropdown:e=>react_1.default.createElement(components_1.DropdownWrapper,null,react_1.default.createElement(DropdownOrLabel_1.DropdownOrLabel,Object.assign({Label:shared_1.MimeLabel,Dropdown:common_1.Dropdown,fullWidth:!0,variant:"dark"},e))),options:r},(e=>react_1.default.createElement(CallbackReqSamples_1.CallbackPayloadSample,{key:"callbackPayloadSample",callback:e}))))}exports.CallbackSamples=(0,react_1.memo)(CallbackSamplesComponent);
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackSamples=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),PayloadSamples_1=require("../PayloadSamples"),ServerListDropdown_1=require("../ServerListDropdown"),common_1=require("../common");function CallbackSamplesComponent({callback:e}){var r;if(!(null==e?void 0:e.hasSamples))return null;return(0,jsx_runtime_1.jsx)(common_1.CodeBlockPanel,{className:"panel-callback-samples",header:()=>(0,jsx_runtime_1.jsxs)(StyledPanelHeader,{isExpandable:!1,children:[(0,jsx_runtime_1.jsx)(StyledServerListDropdown,{operation:e}),(0,jsx_runtime_1.jsx)(PayloadTitle,{children:"Payload"})]}),isExpandable:!1,children:(null===(r=null==e?void 0:e.payload)||void 0===r?void 0:r.requestBodyContent)&&(0,jsx_runtime_1.jsx)(PayloadSamples_1.PayloadSamples,{content:e.payload.requestBodyContent})})}exports.CallbackSamples=(0,react_1.memo)(CallbackSamplesComponent);const PayloadTitle=styled_components_1.default.div`
+  font-size: var(--font-size-sm);
+  font-style: normal;
+  font-weight: var(--font-weight-regular);
+  line-height: var(--line-height-sm);
+  padding: 0 var(--spacing-xs);
+  border-radius: var(--border-radius);
+  background: var(--dropdown-bg-color);
+  color: var(--dropdown-text-color);
+`,StyledPanelHeader=(0,styled_components_1.default)(theme_1.PanelHeader)`
+  flex-wrap: nowrap;
+`,StyledServerListDropdown=(0,styled_components_1.default)(ServerListDropdown_1.ServerListDropdown)`
+  padding-right: var(--spacing-base);
+  min-width: 0;
+`;
 //# sourceMappingURL=CallbackSamples.js.map

package/lib/components/Callbacks/CallbackDetails.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+/// <reference types="react" />
 import type { OperationModel } from '../../models';
 export interface CallbackDetailsProps {
     operation: OperationModel;
 }
-export declare const CallbackDetails: React.NamedExoticComponent<CallbackDetailsProps>;
+export declare const CallbackDetails: import("react").NamedExoticComponent<CallbackDetailsProps>;

package/lib/components/Callbacks/CallbackDetails.js

@@ -1,4 +1,20 @@
-"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},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackDetails=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),ExternalDocumentation_1=require("../ExternalDocumentation"),Fields_1=require("../Fields"),Markdown_1=require("../Markdown"),Parameters_1=require("../Parameters"),Responses_1=require("../Responses"),SecurityRequirement_1=require("../SecurityRequirement"),services_1=require("../../services"),Panel_1=require("../Panel"),Endpoint_1=require("../Endpoint");function CallbackDetailsComponent({operation:e}){var t,r;const{description:n,externalDocs:a}=e,s=!(!n&&!a);return react_1.default.createElement(react_1.default.Fragment,null,s&&react_1.default.createElement(Description,null,void 0!==n&&react_1.default.createElement(Markdown_1.Markdown,{source:n}),a&&react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:a})),react_1.default.createElement(Endpoint_1.Endpoint,{operation:e,compact:!0}),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===(t=e.parameters)||void 0===t?void 0:t.length)||e.requestBody?react_1.default.createElement(Panel_1.ContentPanel,{className:"panel-request-schemas",header:(0,services_1.l)("request")},react_1.default.createElement(Parameters_1.Parameters,{parameters:e.parameters,body:e.requestBody})):null,(null===(r=e.responses)||void 0===r?void 0:r.length)?react_1.default.createElement(Panel_1.ContentPanel,{className:"panel-response-schemas",header:(0,services_1.l)("callbackResponses")},react_1.default.createElement(Responses_1.ResponsesList,{responses:e.responses})):null)}exports.CallbackDetails=(0,react_1.memo)(CallbackDetailsComponent);const Description=styled_components_1.default.div`
-  margin-bottom: calc(var(--spacing-unit) * 3);
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackDetails=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),Responses_1=require("../Responses"),RequestDetails_1=require("../Request/RequestDetails"),LinkToField_1=require("../common/LinkToField"),services_1=require("../../services");function CallbackDetailsComponent({operation:e}){var t;const i=(0,react_1.useCallback)((t=>(0,jsx_runtime_1.jsxs)(Title,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(e.id,`${e.callbackId}/callback-response&c=${t.key}`)}),"Callback Response"]})),[e.callbackId,e.id]);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(RequestDetails_1.RequestDetails,{operation:e,title:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(e.id,`${e.callbackId}/callback-request`)}),"Callback Request"]})}),(null===(t=e.responses)||void 0===t?void 0:t.length)?(0,jsx_runtime_1.jsx)(Responses_1.OperationResponseList,{responses:e.responses,operationId:e.id,operationPointer:e.pointer,callbackId:e.callbackId,renderTitle:i}):null]})}exports.CallbackDetails=(0,react_1.memo)(CallbackDetailsComponent);const Title=styled_components_1.default.h4`
+  position: relative;
+  font-size: var(--font-size-lg);
+  font-weight: var(--h4-font-weight);
+  line-height: var(--h4-line-height);
+  padding: 0;
+  color: var(--h4-text-color);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 0 var(--spacing-sm) 0 0;
+
+  :hover {
+    ${theme_1.LinkIcon} {
+      opacity: 1;
+      visibility: visible;
+    }
+  }
 `;
 //# sourceMappingURL=CallbackDetails.js.map

package/lib/components/Callbacks/CallbackOperation.d.ts

@@ -1,6 +1,8 @@
-/// <reference types="react" />
+import type { ReactElement } from 'react';
 import type { OperationModel } from '../../models';
 export interface CallbackOperationProps {
     operation: OperationModel;
+    onExpand: (a: OperationModel | null) => void;
+    selectedCallback: OperationModel | null;
 }
-export declare const CallbackOperation: ({ operation }: CallbackOperationProps) => JSX.Element;
+export declare const CallbackOperation: ({ operation, operation: { callbackId }, onExpand, selectedCallback, }: CallbackOperationProps) => ReactElement;

package/lib/components/Callbacks/CallbackOperation.js

@@ -1,2 +1,15 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackOperation=void 0;const react_1=__importDefault(require("react")),react_router_dom_1=require("react-router-dom"),Panel_1=require("../Panel"),CallbackDetails_1=require("./CallbackDetails"),CallbackSummary_1=require("./CallbackSummary"),utils_1=require("../../utils"),CallbackOperation=({operation:e})=>{const a=(0,react_router_dom_1.useLocation)(),l=(0,utils_1.pathIncludesLink)(a,`cb=${e.callbackId}`);return react_1.default.createElement(Panel_1.CallbackPanel,{header:({expanded:a,toggle:l})=>react_1.default.createElement(CallbackSummary_1.CallbackSummary,{operation:e,toggle:l,expanded:a}),expanded:Boolean(l),className:"panel-response-callback"},react_1.default.createElement(CallbackDetails_1.CallbackDetails,{operation:e}))};exports.CallbackOperation=CallbackOperation;
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackOperation=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components")),react_router_dom_1=require("react-router-dom"),Panel_1=require("../Panel"),CallbackDetails_1=require("./CallbackDetails"),CallbackSummary_1=require("./CallbackSummary"),utils_1=require("../../utils"),CallbackOperation=({operation:e,operation:{callbackId:a},onExpand:l,selectedCallback:t})=>{const r=(0,react_router_dom_1.useLocation)();return(0,jsx_runtime_1.jsx)(Panel_1.CallbackPanel,{header:({expanded:a,toggle:t})=>(0,jsx_runtime_1.jsx)(CallbackSummary_1.CallbackSummary,{callback:e,toggle:r=>{null==t||t(r),null==l||l(a?null:e)},expanded:a}),expanded:(null==t?void 0:t.callbackId)===a||(0,utils_1.pathIncludesLink)(r,a),className:"panel-response-callback",children:(0,jsx_runtime_1.jsxs)(CallbackDetailsWrap,{children:[(0,jsx_runtime_1.jsx)(CallbackDetails_1.CallbackDetails,{operation:e}),(0,jsx_runtime_1.jsx)(LeftBorder,{})]})})};exports.CallbackOperation=CallbackOperation;const CallbackDetailsWrap=styled_components_1.default.div`
+  position: relative;
+  .property:last-child {
+    border-bottom: none;
+    padding-bottom: 0;
+  }
+`,LeftBorder=styled_components_1.default.div`
+  position: absolute;
+  height: calc(100% + 14px);
+  border-left: 1px solid var(--border-color-primary);
+  top: -14px;
+  left: -12px;
+  z-index: 0;
+`;
 //# sourceMappingURL=CallbackOperation.js.map

package/lib/components/Callbacks/CallbackSummary.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import type { ReactElement } from 'react';
 import type { PanelHeaderProps } from '@redocly/theme';
 import type { OperationModel } from '../../models';
 export interface CallbackTitleProps extends PanelHeaderProps {
-    operation: OperationModel;
+    callback: OperationModel;
 }
-export declare function CallbackSummary({ expanded, toggle, operation: { name, httpVerb, deprecated }, }: CallbackTitleProps): JSX.Element;
+export declare function CallbackSummary({ expanded, toggle, callback: { name, httpVerb, deprecated, callbackId, id }, }: CallbackTitleProps): ReactElement;

package/lib/components/Callbacks/CallbackSummary.js

@@ -1,2 +1,19 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackSummary=void 0;const react_1=__importDefault(require("react")),theme_1=require("@redocly/theme"),Panel_1=require("../Panel"),shared_1=require("../shared"),icons_1=require("../icons"),services_1=require("../../services"),utils_1=require("../../utils"),common_1=require("../common"),styled_1=require("./styled");function CallbackSummary({expanded:e=!1,toggle:r,operation:{name:t,httpVerb:a,deprecated:l}}){return react_1.default.createElement(theme_1.PanelHeader,{expanded:e,onClick:r},react_1.default.createElement(Panel_1.Trigger,null,react_1.default.createElement(shared_1.HttpVerb,{color:a},(0,utils_1.shortenHTTPVerb)(a)),react_1.default.createElement(styled_1.CallbackTitle,{deprecated:l},t),l?react_1.default.createElement(common_1.Badge,{deprecated:!0},(0,services_1.l)("deprecated")):null),react_1.default.createElement(icons_1.ShelfIcon,{direction:e?"down":"right"}))}exports.CallbackSummary=CallbackSummary;
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackSummary=void 0;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),Panel_1=require("../Panel"),common_1=require("../common"),services_1=require("../../services"),utils_1=require("../../utils"),styled_1=require("./styled"),PlusCircleIcon_1=require("../PropertyDetails/PlusCircleIcon"),LinkToField_1=require("../common/LinkToField");function CallbackSummary({expanded:e=!1,toggle:r,callback:{name:i,httpVerb:n,deprecated:t,callbackId:l,id:a}}){return(0,jsx_runtime_1.jsxs)(CallbackHeader,{expanded:e,onClick:r,children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(a,`callbacks/${l}`)}),(0,jsx_runtime_1.jsxs)(Panel_1.Trigger,{children:[(0,jsx_runtime_1.jsx)(CircleIconWrap,{children:(0,jsx_runtime_1.jsx)(PlusCircleIcon_1.CircleIcon,{sign:e?"-":"+"})}),(0,jsx_runtime_1.jsx)(styled_1.CallbackTitle,{deprecated:t,children:i}),(0,jsx_runtime_1.jsx)(common_1.HttpVerb,{color:n,children:(0,utils_1.shortenHTTPVerb)(n)}),t?(0,jsx_runtime_1.jsx)(theme_1.Badge,{deprecated:!0,children:"Deprecated"}):null]})]})}exports.CallbackSummary=CallbackSummary;const CallbackHeader=(0,styled_components_1.default)(theme_1.PanelHeader)`
+  padding: var(--spacing-sm) 0 var(--spacing-sm) calc(var(--spacing-unit) / 2);
+  margin: 0;
+  line-height: var(--line-height-base);
+  position: relative;
+`,CircleIconWrap=styled_components_1.default.button`
+  background: none;
+  border: none;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  padding: 0;
+  gap: var(--spacing-xxs);
+  color: var(--text-color-secondary);
+  font-size: var(--font-size-base);
+  font-family: var(--font-family-base);
+  line-height: var(--line-height-base);
+`;
 //# sourceMappingURL=CallbackSummary.js.map

package/lib/components/Callbacks/CallbacksList.d.ts

@@ -1,6 +1,8 @@
-import React from 'react';
-import type { CallbackModel } from '../../models';
+/// <reference types="react" />
+import type { CallbackModel, OperationModel } from '../../models';
 export interface CallbacksListProps {
     callbacks: CallbackModel[];
+    onExpand: (a: OperationModel | null) => void;
+    selectedCallback: OperationModel | null;
 }
-export declare const CallbacksList: React.NamedExoticComponent<CallbacksListProps>;
+export declare const CallbacksList: import("react").NamedExoticComponent<CallbacksListProps>;

package/lib/components/Callbacks/CallbacksList.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 n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,n)}:function(e,t,a,r){void 0===r&&(r=a),e[r]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbacksList=void 0;const react_1=__importStar(require("react")),CallbackOperation_1=require("./CallbackOperation");function CallbacksListComponent({callbacks:e}){return e&&0!==e.length?react_1.default.createElement("div",null,e.map((e=>e.operations.map((e=>react_1.default.createElement(CallbackOperation_1.CallbackOperation,{key:e.name,operation:e})))))):null}exports.CallbacksList=(0,react_1.memo)(CallbacksListComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbacksList=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),CallbackOperation_1=require("./CallbackOperation");function CallbacksListComponent({callbacks:e,selectedCallback:a,onExpand:t}){if(!e||0===e.length)return null;const r=e=>{t(e)};return(0,jsx_runtime_1.jsx)("div",{children:e.map((e=>e.operations.map((e=>(0,jsx_runtime_1.jsx)(CallbackOperation_1.CallbackOperation,{operation:e,selectedCallback:a,onExpand:r},e.name)))))})}exports.CallbacksList=(0,react_1.memo)(CallbacksListComponent);
 //# sourceMappingURL=CallbacksList.js.map

package/lib/components/Callbacks/styled.js

@@ -3,5 +3,6 @@
   margin: 0 4px;
   vertical-align: middle;
   color: var(--panel-response-callback-heading-text-color);
+  font-weight: var(--font-weight-medium);
 `;
 //# sourceMappingURL=styled.js.map

package/lib/components/Content/Content.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { ContentItemModel } from '../../models';
+interface ContentProps {
+    items: ContentItemModel[];
+    routingBasePath: string;
+}
+export declare const Content: import("react").NamedExoticComponent<ContentProps>;
+export {};

package/lib/components/Content/Content.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Content=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),useAutoScroll_1=require("./useAutoScroll"),ContentItems_1=require("../ContentItems");function ContentComponent({routingBasePath:e,items:t}){return(0,useAutoScroll_1.useAutoScroll)(e),(0,jsx_runtime_1.jsx)(ContentItems_1.ContentItems,{root:!0,items:t,routingBasePath:e})}exports.Content=(0,react_1.memo)(ContentComponent);
+//# sourceMappingURL=Content.js.map

package/lib/components/Content/index.d.ts

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

package/lib/components/Content/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Content=void 0;var Content_1=require("./Content");Object.defineProperty(exports,"Content",{enumerable:!0,get:function(){return Content_1.Content}});
+//# sourceMappingURL=index.js.map

package/lib/components/Content/useAutoScroll.d.ts

@@ -0,0 +1 @@
+export declare function useAutoScroll(routingBasePath: string): void;

package/lib/components/Content/useAutoScroll.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useAutoScroll=void 0;const react_router_dom_1=require("react-router-dom"),react_1=require("react"),theme_1=require("@redocly/theme"),utils_1=require("../../utils");let initialPageLoad=!0;function useAutoScroll(e){const t=(0,react_router_dom_1.useLocation)(),o=(0,theme_1.addTrailingSlash)(e)||"/";(0,react_1.useLayoutEffect)((()=>{if(t.pathname===o&&""===t.hash)window.scrollTo(0,0);else{const e=t.hash.replace("#","").toLowerCase()||(0,utils_1.normalizePath)(t.pathname).replace(o,""),a=document.getElementById(decodeURIComponent(e));a&&a.scrollIntoView()}}),[t,o]);const a=(0,theme_1.useActiveSectionId)(t,!1,!1);(0,react_1.useEffect)((()=>{if(a&&initialPageLoad)initialPageLoad=!1;else if(theme_1.IS_BROWSER&&!window.location.pathname.includes(a)&&!window.location.hash.includes(a)){const e=(0,utils_1.compose)(theme_1.addLeadingSlash,utils_1.encodeBackSlashes)(a);window.history.replaceState({},"",e)}}),[a])}exports.useAutoScroll=useAutoScroll;
+//# sourceMappingURL=useAutoScroll.js.map

package/lib/components/ContentItem/ContentItem.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import type { ContentItemModel } from '../../models';
 interface ContentItemProps {
     item: ContentItemModel;
-    withChildren?: boolean;
+    routingBasePath: string;
 }
-export declare const ContentItem: React.NamedExoticComponent<ContentItemProps>;
+export declare const ContentItem: import("react").NamedExoticComponent<ContentItemProps>;
 export {};

package/lib/components/ContentItem/ContentItem.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,o){void 0===o&&(o=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,o,r)}:function(e,t,n,o){void 0===o&&(o=n),e[o]=t[n]}),__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 n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&__createBinding(t,e,n);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContentItem=void 0;const react_1=__importStar(require("react")),TagItem_1=require("../TagItem"),SectionItem_1=require("../SectionItem"),OperationItem_1=require("../OperationItem"),common_1=require("../common"),ContentItems_1=require("../ContentItems"),ApiInfo_1=require("../ApiInfo"),helpers_1=require("../ContentItems/helpers"),ContentComponentMap={group:null,tag:TagItem_1.TagItem,section:SectionItem_1.SectionItem,schema:TagItem_1.TagItem,operation:OperationItem_1.OperationItem,root:ApiInfo_1.ApiInfo};function ContentItemComponent({item:e,withChildren:t=!0}){var n;const o=ContentComponentMap[(0,helpers_1.isRootItem)(e)?"root":e.type];return react_1.default.createElement(react_1.default.Fragment,null,o&&react_1.default.createElement(common_1.Section,{id:e.id,sectionId:e.id,underlined:"operation"===e.type||"schema"===e.type},react_1.default.createElement(o,{item:e})),t&&Boolean(null===(n=e.items)||void 0===n?void 0:n.length)&&react_1.default.createElement(ContentItems_1.ContentItems,{items:e.items}))}exports.ContentItem=(0,react_1.memo)(ContentItemComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContentItem=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),services_1=require("../../services"),TagItem_1=require("../TagItem"),SectionItem_1=require("../SectionItem"),OperationItem_1=require("../OperationItem"),common_1=require("../common"),ContentItems_1=require("../ContentItems"),ApiInfo_1=require("../ApiInfo"),helpers_1=require("../ContentItems/helpers"),useIsExpanded_1=require("./useIsExpanded"),ContentComponentMap={group:null,tag:TagItem_1.TagItem,section:SectionItem_1.SectionItem,schema:TagItem_1.TagItem,operation:OperationItem_1.OperationItem,root:ApiInfo_1.ApiInfo};function ContentItemComponent({item:e,routingBasePath:t}){var n;const o=ContentComponentMap[(0,helpers_1.isRootItem)(e)?"root":e.type],r="tag"===e.type&&e.items.length>0,i=(0,useIsExpanded_1.useIsExpanded)({item:e,routingBasePath:t});return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[o&&(0,jsx_runtime_1.jsx)(common_1.Section,{id:e.id,sectionId:(0,services_1.joinWithSeparator)(t,e.id),underlined:"operation"===e.type||"schema"===e.type,expanded:r&&!i,children:(0,jsx_runtime_1.jsx)(o,{item:e,routingBasePath:t,isExpanded:i})}),(i||"tag"!==e.type)&&Boolean(null===(n=e.items)||void 0===n?void 0:n.length)&&(0,jsx_runtime_1.jsx)(ContentItems_1.ContentItems,{items:e.items,routingBasePath:t})]})}exports.ContentItem=(0,react_1.memo)(ContentItemComponent);
 //# sourceMappingURL=ContentItem.js.map

package/lib/components/ContentItem/useIsExpanded.d.ts

@@ -0,0 +1,5 @@
+import type { ContentItemModel } from '../../models';
+export declare function useIsExpanded({ item, routingBasePath, }: {
+    item: ContentItemModel;
+    routingBasePath: string;
+}): boolean;

package/lib/components/ContentItem/useIsExpanded.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useIsExpanded=void 0;const react_1=require("react"),react_router_dom_1=require("react-router-dom"),utils_1=require("../../utils");function useIsExpanded({item:e,routingBasePath:t}){const r=(0,react_router_dom_1.useLocation)(),o=(0,react_1.useMemo)((()=>decodeURIComponent((0,utils_1.normalizePath)(r.pathname.replace(t,"")))),[r.pathname,t]);if("tag"!==e.type)return!1;return[e.href,...e.items.map((e=>e.href))].some((e=>[e,decodeURIComponent(e)].includes(o)))}exports.useIsExpanded=useIsExpanded;
+//# sourceMappingURL=useIsExpanded.js.map

package/lib/components/ContentItems/ContentItems.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+/// <reference types="react" />
 import type { ContentItemModel } from '../../models';
 interface ContentItemsProps {
     root?: boolean;
     items: ContentItemModel[];
+    routingBasePath: string;
 }
-declare function ContentItemsComponent({ items, root }: ContentItemsProps): JSX.Element | null;
-export declare const ContentItems: React.MemoExoticComponent<typeof ContentItemsComponent>;
+export declare const ContentItems: import("react").NamedExoticComponent<ContentItemsProps>;
 export {};

package/lib/components/ContentItems/ContentItems.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.ContentItems=void 0;const react_1=__importStar(require("react")),react_router_dom_1=require("react-router-dom"),recoil_1=require("@redocly/recoil"),services_1=require("../../services"),utils_1=require("../../utils"),common_1=require("../common"),helpers_1=require("./helpers"),SectionContent_1=require("../SectionContent"),TagItems_1=require("../TagItems"),useAutoScroll_1=require("./useAutoScroll"),ContentItem_1=require("../ContentItem"),store_1=require("../../recoil/store"),app_1=require("../../recoil/app");let isInitialHydrate=!0;function ContentItemsComponent({items:e,root:t=!1}){const{pagination:r,showNextButton:n,disablePaginationLoadingAnimation:a}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),[o,i]=(0,react_1.useState)(utils_1.IS_BROWSER&&!isInitialHydrate&&!a),l=(0,recoil_1.useRecoilValue)(app_1.versionPathSelector),c=(0,recoil_1.useRecoilValue)(app_1.flatMenuItemsSelector);(0,react_1.useEffect)((()=>{const e=setTimeout((()=>{i(!1)}),200);return isInitialHydrate=!1,()=>{clearTimeout(e)}}),[]),(0,useAutoScroll_1.useAutoScroll)(o);const u=l?`/${l}/`:"/",{groupItems:_,tagItems:m,operationItems:s,rootItem:d}=(0,helpers_1.getItemsByType)(e),p=!t||d?u:(0,helpers_1.getFirstPageLink)(e,u),f=(0,react_1.useCallback)((e=>null==e?void 0:e.map((e=>{var t;const a=(0,helpers_1.getNextSectionLink)({flatItems:c,item:e});switch(r){case services_1.Pagination.Item:return react_1.default.createElement(react_router_dom_1.Route,{key:e.id,path:e.id},react_1.default.createElement(react_router_dom_1.Route,{index:!0,element:"operation"===e.type?react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e}):react_1.default.createElement(TagItems_1.TagItems,{tag:e,nextSectionLink:a,pagination:r,showNextButton:n})}),null===(t=e.items)||void 0===t?void 0:t.map((e=>react_1.default.createElement(react_router_dom_1.Route,{key:e.id,path:e.id,element:react_1.default.createElement(TagItems_1.TagItems,{tag:e,nextSectionLink:(0,helpers_1.getNextSectionLink)({flatItems:c,item:e}),pagination:r,showNextButton:n})}))));case services_1.Pagination.Section:return react_1.default.createElement(react_router_dom_1.Route,{key:e.id,path:e.id,element:react_1.default.createElement(TagItems_1.TagItems,{tag:e,nextSectionLink:a,pagination:r,showNextButton:n})});default:return null}}))),[c,r,n]),g=(0,react_1.useMemo)((()=>react_1.default.createElement(react_router_dom_1.Routes,null,d&&react_1.default.createElement(react_router_dom_1.Route,{path:d.href||u,element:react_1.default.createElement(SectionContent_1.SectionContent,{items:e,nextSectionLink:(0,helpers_1.getNextSectionLink)({flatItems:c,item:d}),pagination:r,showNextButton:n})}),_.length?_.map((e=>f(e.items))):f(m),s.length&&f(s),react_1.default.createElement(react_router_dom_1.Route,{path:"*",element:react_1.default.createElement(react_router_dom_1.Navigate,{to:p,replace:!0})}))),[d,u,e,c,r,n,_,f,m,s,p]);return t&&!e.length?react_1.default.createElement(react_router_dom_1.Routes,null,react_1.default.createElement(react_router_dom_1.Route,{path:"*",element:react_1.default.createElement(SectionContent_1.SectionContent,{items:e,pagination:r,showNextButton:!1})})):e.length?o?react_1.default.createElement("div",{style:{flex:1,width:"100%"}},react_1.default.createElement(common_1.Skeleton,null)):react_1.default.createElement(react_1.default.Fragment,null,t?react_1.default.createElement(react_1.default.Fragment,null,g,r===services_1.Pagination.Section&&!!s.length&&s.map((e=>react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e})))):e.map((e=>react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e})))):null}exports.ContentItems=(0,react_1.memo)(ContentItemsComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContentItems=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_router_dom_1=require("react-router-dom"),helpers_1=require("./helpers"),SectionContent_1=require("../SectionContent"),ContentItem_1=require("../ContentItem");function ContentItemsComponent({items:e,root:t=!1,routingBasePath:r}){const n="/",{rootItem:o}=(0,helpers_1.getItemsByType)(e),_=!t||o?n:(0,helpers_1.getFirstPageLink)(e,n),s=(0,react_1.useMemo)((()=>(0,jsx_runtime_1.jsxs)(react_router_dom_1.Routes,{children:[o&&(0,jsx_runtime_1.jsx)(react_router_dom_1.Route,{path:`${o.href||n}*`,element:(0,jsx_runtime_1.jsx)(SectionContent_1.SectionContent,{items:e})}),(0,jsx_runtime_1.jsx)(react_router_dom_1.Route,{path:"*",element:(0,jsx_runtime_1.jsx)(react_router_dom_1.Navigate,{to:_,replace:!0})})]})),[o,n,e,_]);return t&&!e.length?(0,jsx_runtime_1.jsx)(react_router_dom_1.Routes,{children:(0,jsx_runtime_1.jsx)(react_router_dom_1.Route,{path:"*",element:(0,jsx_runtime_1.jsx)(SectionContent_1.SectionContent,{items:e})})}):e.length?(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:t?s:e.map((e=>(0,jsx_runtime_1.jsx)(ContentItem_1.ContentItem,{item:e,routingBasePath:r},e.id)))}):null}exports.ContentItems=(0,react_1.memo)(ContentItemsComponent);
 //# sourceMappingURL=ContentItems.js.map

package/lib/components/ContentItems/helpers.d.ts

@@ -1,13 +1,5 @@
 import type { IMenuItem } from '../../services/types';
 import type { ContentItemModel } from '../../models';
-import type { MenuLink } from '../../types';
-export declare function getNextSectionLink({ flatItems, item }: {
-    flatItems: MenuLink[];
-    item: any;
-}): {
-    href: string;
-    name: string;
-} | undefined;
 export declare function isRootItem(item: ContentItemModel | IMenuItem): boolean;
 export declare function getItemsByType(items: ContentItemModel[]): {
     groupItems: ContentItemModel[];

package/lib/components/ContentItems/helpers.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getFirstPageLink=exports.getItemsByType=exports.isRootItem=exports.getNextSectionLink=void 0;const utils_1=require("../../utils");function getNextSectionLink({flatItems:e,item:t}){const i=e.findIndex((({id:e})=>e===t.id)),{href:r,id:o,name:s}=e[i+1]||{};if(r&&o)return{href:r,name:s}}function isRootItem(e){return"section"===e.type&&""===e.id}function getItemsByType(e){const t=[],i=[],r=[];let o;for(const s of e)switch(s.type){case"group":t.push(s);break;case"tag":i.push(s);break;case"operation":r.push(s);break;case"section":isRootItem(s)&&(o=s)}return{groupItems:t,tagItems:i,operationItems:r,rootItem:o}}function getFirstPageLink(e,t){for(const i of e){if("group"===i.type)return getFirstPageLink(i.items,t);if("tag"===i.type){if(!i.description)return(0,utils_1.normalizePath)(getFirstPageLink(i.items,t));if(i.href)return(0,utils_1.normalizePath)(i.href)}else if("operation"===i.type||"schema"===i.type)return(0,utils_1.normalizePath)(i.href)}return t}exports.getNextSectionLink=getNextSectionLink,exports.isRootItem=isRootItem,exports.getItemsByType=getItemsByType,exports.getFirstPageLink=getFirstPageLink;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getFirstPageLink=exports.getItemsByType=exports.isRootItem=void 0;const utils_1=require("../../utils");function isRootItem(e){return"section"===e.type&&""===e.id}function getItemsByType(e){const t=[],s=[],r=[];let i;for(const o of e)switch(o.type){case"group":t.push(o);break;case"tag":s.push(o);break;case"operation":r.push(o);break;case"section":isRootItem(o)&&(i=o)}return{groupItems:t,tagItems:s,operationItems:r,rootItem:i}}function getFirstPageLink(e,t){for(const s of e){if("group"===s.type)return getFirstPageLink(s.items,t);if("tag"===s.type){if(!s.description)return(0,utils_1.normalizePath)(getFirstPageLink(s.items,t));if(s.href)return(0,utils_1.normalizePath)(s.href)}else if("operation"===s.type||"schema"===s.type)return(0,utils_1.normalizePath)(s.href)}return t}exports.isRootItem=isRootItem,exports.getItemsByType=getItemsByType,exports.getFirstPageLink=getFirstPageLink;
 //# sourceMappingURL=helpers.js.map

package/lib/components/Discriminator/Discriminator.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { SchemaModel } from '../../models';
+interface DiscriminatorDropdownProps {
+    activeOneOfIdx: number;
+    parent: SchemaModel;
+    onChange?: (idx: number) => void;
+}
+export declare const Discriminator: import("react").NamedExoticComponent<DiscriminatorDropdownProps>;
+export {};

package/lib/components/Discriminator/Discriminator.js

@@ -0,0 +1,6 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Discriminator=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),utils_1=require("../../utils"),SchemaSelection_1=require("../common/SchemaSelection"),common_1=require("../common");function DiscriminatorDropdownComponent({activeOneOfIdx:e,parent:t,onChange:o}){const r=(0,react_1.useMemo)((()=>(t.oneOf||[]).map(((e,t)=>({label:e.schema.deprecated?`${(0,utils_1.strikethroughText)(e.title)} (deprecated)`:e.title,value:t})))),[t.oneOf]);return void 0===t.oneOf?null:(0,jsx_runtime_1.jsxs)(Wrapper,{children:[(0,jsx_runtime_1.jsx)(common_1.SelectionTitle,{children:"Discriminator"}),(0,jsx_runtime_1.jsx)(SchemaSelection_1.SchemaSelection,{options:r,pointer:t.operationPointer,onChange:o,schema:t,defaultOneOfIdx:e})]})}exports.Discriminator=(0,react_1.memo)(DiscriminatorDropdownComponent);const Wrapper=styled_components_1.default.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+`;
+//# sourceMappingURL=Discriminator.js.map

package/lib/components/Discriminator/index.d.ts

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

package/lib/components/Discriminator/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Discriminator=void 0;var Discriminator_1=require("./Discriminator");Object.defineProperty(exports,"Discriminator",{enumerable:!0,get:function(){return Discriminator_1.Discriminator}});
+//# sourceMappingURL=index.js.map

package/lib/components/Download/DownloadSpecification.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+declare function DownloadSpecificationComponent(): ReactElement;
+export declare const DownloadSpecification: import("react").MemoExoticComponent<typeof DownloadSpecificationComponent>;
+export {};

package/lib/components/Download/DownloadSpecification.js

@@ -0,0 +1,40 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DownloadSpecification=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),useDownloadInfo_1=require("./useDownloadInfo"),store_1=require("../../jotai/store");function DownloadSpecificationComponent(){const{options:e}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),t=(0,useDownloadInfo_1.useDownloadInfo)({downloadUrls:e.downloadUrls}),o=(0,react_1.useCallback)((e=>{switch(e){case"yaml":return(0,jsx_runtime_1.jsx)(theme_1.DocumentIcon,{});case"json":return(0,jsx_runtime_1.jsx)(theme_1.JsonIcon,{});default:return(0,jsx_runtime_1.jsx)(theme_1.FileIcon,{})}}),[]);return t?(0,jsx_runtime_1.jsx)(Wrapper,{children:(t||[]).map((({title:e,url:t,iconType:r})=>(0,jsx_runtime_1.jsxs)(Card,{children:[(0,jsx_runtime_1.jsxs)(FileName,{children:[o(r),(0,jsx_runtime_1.jsx)("a",{href:t,target:"_blank",download:!0,rel:"noreferrer",children:e})]}),(0,jsx_runtime_1.jsx)("a",{href:t,target:"_blank",download:!0,rel:"noreferrer",children:(0,jsx_runtime_1.jsx)(theme_1.Button,{variant:"text",size:"small",icon:(0,jsx_runtime_1.jsx)(theme_1.DownloadIcon,{})})})]},e)))}):(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{})}exports.DownloadSpecification=(0,react_1.memo)(DownloadSpecificationComponent);const Card=styled_components_1.default.div`
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  width: 100%;
+
+  border-bottom: 1px solid var(--border-color-secondary);
+  padding-bottom: var(--spacing-sm);
+  :last-of-type {
+    padding-bottom: 0px;
+    border-bottom: none;
+  }
+`,FileName=styled_components_1.default.span`
+  display: flex;
+  width: calc(100% - 25px);
+  gap: var(--spacing-xs);
+  align-items: center;
+
+  svg {
+    flex-shrink: 0;
+  }
+  a {
+    width: 100%;
+    color: var(--text-color-primary);
+    word-break: break-word;
+    text-decoration: none;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+  }
+`,Wrapper=styled_components_1.default.div`
+  display: flex;
+  align-items: center;
+  align-self: flex-start;
+  justify-content: space-between;
+  flex-direction: column;
+  gap: var(--spacing-sm);
+  font-size: var(--font-size-base);
+`;
+//# sourceMappingURL=DownloadSpecification.js.map

package/lib/components/Download/index.d.ts

@@ -1,3 +1 @@
-export { DownloadButtonWithLabel } from './DownloadButtonWithLabel';
-export { DownloadLink } from './DownloadLink';
-export type { FileInfo } from './types';
+export { DownloadSpecification } from './DownloadSpecification';

package/lib/components/Download/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DownloadLink=exports.DownloadButtonWithLabel=void 0;var DownloadButtonWithLabel_1=require("./DownloadButtonWithLabel");Object.defineProperty(exports,"DownloadButtonWithLabel",{enumerable:!0,get:function(){return DownloadButtonWithLabel_1.DownloadButtonWithLabel}});var DownloadLink_1=require("./DownloadLink");Object.defineProperty(exports,"DownloadLink",{enumerable:!0,get:function(){return DownloadLink_1.DownloadLink}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DownloadSpecification=void 0;var DownloadSpecification_1=require("./DownloadSpecification");Object.defineProperty(exports,"DownloadSpecification",{enumerable:!0,get:function(){return DownloadSpecification_1.DownloadSpecification}});
 //# sourceMappingURL=index.js.map

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

@@ -1,18 +1,14 @@
-import type { OpenAPIDefinition } from '../../types';
-export interface FileInfo {
-    fileInfo?: {
-        rawData: any;
-        fileName: string;
-    };
-}
+export type DownloadUrlsConfig = {
+    title?: string;
+    url: string;
+}[];
+export type DownloadIconType = 'yaml' | 'json' | 'file';
 export type UseDownloadInfoProps = {
-    definition?: OpenAPIDefinition;
     definitionUrl?: string;
+    downloadUrls?: DownloadUrlsConfig;
 };
 export type UseDownloadInfoReturnType = {
-    downloadFileName?: string;
-    getDownloadLink: () => string | undefined;
-};
-export interface DownloadButtonWithLabelProps {
-    wrapped?: boolean;
-}
+    title: string;
+    url: string;
+    iconType: DownloadIconType;
+}[];

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

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

package/lib/components/Download/useDownloadInfo.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDownloadInfo=void 0;const react_1=require("react"),utils_1=require("../../utils"),constants_1=require("../../constants"),useDownloadInfo=({definition:e,definitionUrl:o})=>({downloadFileName:o?void 0:"swagger.json",getDownloadLink:(0,react_1.useCallback)((()=>{if(o)return o;if(utils_1.IS_BROWSER&&window.Blob&&window.URL&&window.URL.createObjectURL){const o=new Blob([JSON.stringify(e,null,2)],{type:constants_1.MediaTypes.JSON});return window.URL.createObjectURL(o)}}),[e,o])});exports.useDownloadInfo=useDownloadInfo;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDownloadInfo=void 0;const react_1=require("react"),useDownloadInfo=({downloadUrls:e})=>(0,react_1.useMemo)((()=>{if(e)return e.map((({title:e,url:o})=>({url:o,title:e||getFileNameFromUrl(o,"openapi.yaml"),iconType:getIconTypeFromUrl(o)})))}),[e]);function getFileNameFromUrl(e,o){const l=e.split("?")[0].split(/[\\\/]/).pop();return l&&(l.includes("yaml")||l.includes("json"))?l:o}function getIconTypeFromUrl(e,o){const l=o||e.split("?")[0].split(/[\\\/]/).pop();return l?l.includes("yaml")?"yaml":l.includes("json")?"json":"file":"file"}exports.useDownloadInfo=useDownloadInfo;
 //# sourceMappingURL=useDownloadInfo.js.map

package/lib/components/ErrorBoundary/ErrorBoundary.d.ts

@@ -1,9 +1,9 @@
 import { Component } from 'react';
-import type { PropsWithChildren } from 'react';
+import type { PropsWithChildren, ReactElement } from 'react';
 export declare class ErrorBoundary extends Component<PropsWithChildren<unknown>, {
     error?: Error;
 }> {
     constructor(props: PropsWithChildren<unknown>);
     componentDidCatch(error: Error): boolean;
-    render(): JSX.Element;
+    render(): ReactElement;
 }

package/lib/components/ErrorBoundary/ErrorBoundary.js

@@ -1,5 +1,5 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=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,a,l)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorBoundary=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),ErrorWrapper=styled_components_1.default.div`
+"use strict";var __importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorBoundary=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),ErrorWrapper=styled_components_1.default.div`
   padding: 20px;
   color: red;
-`;class ErrorBoundary extends react_1.Component{constructor(e){super(e),this.state={error:void 0}}componentDidCatch(e){return this.setState({error:e}),!1}render(){return this.state.error?react_1.default.createElement(ErrorWrapper,null,react_1.default.createElement("h1",null,"Something went wrong..."),react_1.default.createElement("small",null," ",this.state.error.message," "),react_1.default.createElement("p",null,react_1.default.createElement("details",null,react_1.default.createElement("summary",null,"Stack trace"),react_1.default.createElement("pre",null,this.state.error.stack))),"undefined"!=typeof __REDOC_VERSION__?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement("small",null," References docs version: ",__REDOC_VERSION__)," ",react_1.default.createElement("br",null)):null,"undefined"!=typeof __REDOC_REVISION__?react_1.default.createElement("small",null," Commit: ",__REDOC_REVISION__):null):react_1.default.createElement(react_1.default.Fragment,null,react_1.Children.only(this.props.children))}}exports.ErrorBoundary=ErrorBoundary;
+`;class ErrorBoundary extends react_1.Component{constructor(r){super(r),this.state={error:void 0}}componentDidCatch(r){return this.setState({error:r}),!1}render(){return this.state.error?(0,jsx_runtime_1.jsxs)(ErrorWrapper,{children:[(0,jsx_runtime_1.jsx)("h1",{children:"Something went wrong..."}),(0,jsx_runtime_1.jsxs)("small",{children:[" ",this.state.error.message," "]}),(0,jsx_runtime_1.jsx)("p",{children:(0,jsx_runtime_1.jsxs)("details",{children:[(0,jsx_runtime_1.jsx)("summary",{children:"Stack trace"}),(0,jsx_runtime_1.jsx)("pre",{children:this.state.error.stack})]})}),"undefined"!=typeof __REDOC_VERSION__?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)("small",{children:[" References docs version: ",__REDOC_VERSION__]})," ",(0,jsx_runtime_1.jsx)("br",{})]}):null,"undefined"!=typeof __REDOC_REVISION__?(0,jsx_runtime_1.jsxs)("small",{children:[" Commit: ",__REDOC_REVISION__]}):null]}):(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:react_1.Children.only(this.props.children)})}}exports.ErrorBoundary=ErrorBoundary;
 //# sourceMappingURL=ErrorBoundary.js.map

package/lib/components/ExpandAllButton/ExpandAllButton.d.ts

@@ -0,0 +1,6 @@
+interface ExpandAllButtonProps {
+    operationPointer: string;
+    type: 'request' | 'response';
+}
+export declare const ExpandAllButton: ({ operationPointer, type }: ExpandAllButtonProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/lib/components/ExpandAllButton/ExpandAllButton.js

@@ -0,0 +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.ExpandAllButton=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),index_1=require("jotai/index"),operation_1=require("../../jotai/operation"),ExpandAllButton=({operationPointer:e,type:t})=>{const[n,o]=(0,index_1.useAtom)((0,operation_1.operationStore)(e)),i=(0,react_1.useMemo)((()=>Object.values(n[t].expandedFields).includes(!1)),[n,t]);if(!Object.keys(n[t].expandedFields).length)return null;return(0,jsx_runtime_1.jsxs)(StyledButton,{icon:(0,jsx_runtime_1.jsx)(theme_1.MaximizeIcon,{}),iconPosition:"right",size:"small",variant:"ghost",onClick:()=>{o((e=>{const n={};for(const o in e[t].expandedFields)n[o]=i;return Object.assign(Object.assign({},e),{[t]:{expandedFields:n}})}))},children:[i?"Expand":"Collapse"," all"]})};exports.ExpandAllButton=ExpandAllButton;const StyledButton=(0,styled_components_1.default)(theme_1.Button)`
+  margin-left: auto;
+`;
+//# sourceMappingURL=ExpandAllButton.js.map