@redocly/openapi-docs 3.0.0-alpha.41 → 3.0.0-alpha.42

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"),app_1=require("../../recoil/app"),common_1=require("../common"),ExternalDocumentation_1=require("../ExternalDocumentation"),Markdown_1=require("../Markdown"),Download_1=require("../Download"),RenderHook_1=require("../RenderHook"),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");function ApiInfo({item:{infoDefinition:e}}){const{options:{markdownHeadingsAnchorLevel:t,hooks:r,hideDownloadButton:a,expandDefaultServerVariables:l,mockServer:n,hideInfoSection:o,hideInfoDescription:c},parser:{definition:i,definitionUrl:u}}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),d=(0,recoil_1.useRecoilValue)(app_1.showRightPanelToggleSelector),s=(0,recoil_1.useRecoilValue)(app_1.layoutSelector);if(!e||o)return null;const _=c?null:(0,saveTextBeforeHeading_1.saveTextBeforeHeading)((0,helpers_1.getValueFromMdParsedExtension)(e,"description")||"",t),m=(0,helpers_1.getValueFromMdParsedExtension)(e,"summary")||void 0,f=null==i?void 0:i.externalDocs,p=(0,openapi_1.normalizeServers)(u,(0,operation_1.mergeInMockServer)(i.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,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,v=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:s},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:null==r?void 0:r.AfterApiTitle,props:{info:e}}),!a&&react_1.default.createElement(Download_1.DownloadButtonWithLabel,{wrapped:!0}),react_1.default.createElement(Markdown_1.StyledMarkdownBlock,null,(e.license||e.contact||e.termsOfService)&&react_1.default.createElement(styled_1.InfoSpanBoxWrap,null,react_1.default.createElement(styled_1.InfoSpanBox,null,v," ",S," ",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})),d&&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");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),d=(0,recoil_1.useRecoilValue)(app_1.showRightPanelToggleSelector),s=(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,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,v=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,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:s},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==r?void 0:r.AfterApiTitle),props:{info:e}}),!a&&react_1.default.createElement(Download_1.DownloadButtonWithLabel,{wrapped:!0}),react_1.default.createElement(Markdown_1.StyledMarkdownBlock,null,(e.license||e.contact||e.termsOfService)&&react_1.default.createElement(styled_1.InfoSpanBoxWrap,null,react_1.default.createElement(styled_1.InfoSpanBox,null,v," ",S," ",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})),d&&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)`
   margin-top: calc(var(--h1-font-size) * 1.5);
 `;
 //# sourceMappingURL=ApiInfo.js.map

package/lib/components/ContentItems/ContentItems.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,n)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};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("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:o,disablePaginationLoadingAnimation:n,hooks:{MiddlePanelFooter:a}}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),[i,l]=(0,react_1.useState)(utils_1.IS_BROWSER&&!isInitialHydrate&&!n),c=(0,recoil_1.useRecoilValue)(app_1.versionPathSelector),u=(0,recoil_1.useRecoilValue)(app_1.flatMenuItemsSelector);(0,react_1.useEffect)((()=>{const e=setTimeout((()=>{l(!1)}),200);return isInitialHydrate=!1,()=>{clearTimeout(e)}}),[]),(0,useAutoScroll_1.useAutoScroll)(i);const _=c?`/${c}/`:"/",{groupItems:m,tagItems:s,operationItems:d,rootItem:f}=(0,helpers_1.getItemsByType)(e),p=!t||f?_:(0,helpers_1.getFirstPageLink)(e,_),g=(0,react_1.useCallback)((e=>null==e?void 0:e.map((e=>{var t;const n=(0,helpers_1.getNextSectionLink)({flatItems:u,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:n,pagination:r,showNextButton:o,footerHook:a})}),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:u,item:e}),pagination:r,showNextButton:o,footerHook:a})}))));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:n,pagination:r,showNextButton:o,footerHook:a})});default:return null}}))),[a,u,r,o]),h=(0,react_1.useMemo)((()=>react_1.default.createElement(react_router_dom_1.Routes,null,f&&react_1.default.createElement(react_router_dom_1.Route,{path:f.href||_,element:react_1.default.createElement(SectionContent_1.SectionContent,{items:e,nextSectionLink:(0,helpers_1.getNextSectionLink)({flatItems:u,item:f}),pagination:r,showNextButton:o,footerHook:a})}),m.length?m.map((e=>g(e.items))):g(s),d.length&&g(d),react_1.default.createElement(react_router_dom_1.Route,{path:"*",element:react_1.default.createElement(react_router_dom_1.Navigate,{to:p,replace:!0})}))),[f,_,e,u,r,o,a,m,g,s,d,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?i?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,h,r===services_1.Pagination.Section&&!!d.length&&d.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";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("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);
 //# sourceMappingURL=ContentItems.js.map

package/lib/components/OperationItem/OperationItem.js

@@ -1,4 +1,4 @@
-"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},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationItem=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),recoil_1=require("recoil"),theme_1=require("@redocly/theme"),Endpoint_1=require("../Endpoint"),panels_1=require("../common/panels"),common_1=require("../common"),Callbacks_1=require("../Callbacks"),CallbackSamples_1=require("../CallbackSamples"),ExternalDocumentation_1=require("../ExternalDocumentation"),Fields_1=require("../Fields"),Markdown_1=require("../Markdown"),Parameters_1=require("../Parameters"),RequestSamples_1=require("../RequestSamples"),Responses_1=require("../Responses"),ResponseSamples_1=require("../ResponseSamples"),SecurityRequirement_1=require("../SecurityRequirement"),Panel_1=require("../Panel"),RenderHook_1=require("../RenderHook"),services_1=require("../../services"),events_1=require("../../events"),app_1=require("../../recoil/app"),store_1=require("../../recoil/store"),operation_1=require("../../models/operation"),operation_2=require("../../recoil/operation"),OperationRow=(0,styled_components_1.default)(panels_1.Row)`
+"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},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationItem=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),recoil_1=require("recoil"),theme_1=require("@redocly/theme"),Endpoint_1=require("../Endpoint"),panels_1=require("../common/panels"),common_1=require("../common"),Callbacks_1=require("../Callbacks"),CallbackSamples_1=require("../CallbackSamples"),ExternalDocumentation_1=require("../ExternalDocumentation"),Fields_1=require("../Fields"),Markdown_1=require("../Markdown"),Parameters_1=require("../Parameters"),RequestSamples_1=require("../RequestSamples"),Responses_1=require("../Responses"),ResponseSamples_1=require("../ResponseSamples"),SecurityRequirement_1=require("../SecurityRequirement"),Panel_1=require("../Panel"),services_1=require("../../services"),events_1=require("../../events"),app_1=require("../../recoil/app"),store_1=require("../../recoil/store"),operation_1=require("../../models/operation"),operation_2=require("../../recoil/operation"),RenderHook_1=require("../RenderHook"),OperationRow=(0,styled_components_1.default)(panels_1.Row)`
   flex-direction: column;
   align-items: flex-start;
   ${theme_1.H2} {
@@ -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:s,options:i}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),{hooks:u,events:d,feedback:p,showWebhookVerb:m,pathInMiddlePanel:_,expandDefaultRequest:f,expandDefaultResponse:E}=i,S=(0,operation_1.getOperation)(s,e,t,i,a),{name:k,description:b,deprecated:v,externalDocs:y,isWebhook:R,httpVerb:h}=S,q=(0,recoil_1.useSetRecoilState)((0,operation_2.operationStore)(S.pointer)),g=o===theme_1.LayoutVariant.STACKED||!c;(0,theme_1.useMount)((()=>{q((e=>Object.assign(Object.assign({},e),{activeExampleName:S.activeExampleName,activeServer:S.activeServer})))}));const O=!(!b&&!y),P=(0,react_1.useCallback)((e=>t=>{var a;const r=(0,events_1.creatPanelToggleEvent)({operation:S,isExpanded:t,panelType:e});null===(a=null==d?void 0:d.panelToggle)||void 0===a||a.call(d,r)}),[d,S]);return react_1.default.createElement(OperationRow,{layout:o},react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:g},react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==u?void 0:u.BeforeOperation,props:{operation:S}}),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:null==u?void 0:u.BeforeOperationSummary,props:{operation:S}}),k,react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==u?void 0:u.AfterOperationSummary,props:{operation:S}}),v&&react_1.default.createElement(common_1.Badge,{deprecated:!0},"Deprecated"),R&&react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(common_1.Badge,null,"Webhook"),m&&h&&react_1.default.createElement(common_1.Badge,null,h.toUpperCase()))),_&&!R&&react_1.default.createElement(Endpoint_1.Endpoint,{operation:S}))),react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:g},O&&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(S.extensions||{}).length?react_1.default.createElement(Fields_1.Extensions,{extensions:S.extensions}):null),react_1.default.createElement(SecurityRequirement_1.SecurityRequirements,{securities:S.security}),(null===(r=S.parameters)||void 0===r?void 0:r.length)||S.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:S.parameters,body:S.requestBody})):null),c?react_1.default.createElement(common_1.SamplesPanel,{"data-cy":"samples-block"},!_&&!R&&react_1.default.createElement(Endpoint_1.Endpoint,{operation:S}),react_1.default.createElement(RequestSamples_1.RequestSamples,{operation:S})):null),react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:g},(null===(l=S.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:E,className:"panel-response-schemas"},react_1.default.createElement(Responses_1.OperationResponseList,{responses:S.responses,operationPointer:S.pointer})):null),c?react_1.default.createElement(common_1.SamplesPanel,{"data-cy":"samples-block"},react_1.default.createElement(ResponseSamples_1.ResponseSamples,{operation:S})):null),react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:g},(null===(n=S.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:S.callbacks})):null,react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==u?void 0:u.AfterOperation,props:{operation:S}})),c?react_1.default.createElement(common_1.SamplesPanel,{"data-cy":"samples-block"},react_1.default.createElement(CallbackSamples_1.CallbackSamples,{callbacks:S.callbacks})):null),react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:g},!1===(null==p?void 0:p.hide)?react_1.default.createElement(theme_1.Feedback,{type:p.type,settings:p.settings,path:S.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.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);
 //# sourceMappingURL=OperationItem.js.map

package/lib/components/PageFooter/PageFooter.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { HookConfig, Options, Pagination } from '../../services';
+interface PageFooterProps {
+    footerHook?: HookConfig<undefined>;
+    showNextButton: Options['showNextButton'];
+    nextSectionLink?: {
+        name: string;
+        href?: string;
+    };
+    pagination: Pagination;
+}
+export declare function PageFooterComponent({ showNextButton, nextSectionLink, pagination, }: PageFooterProps): JSX.Element | null;
+export declare const PageFooter: React.NamedExoticComponent<PageFooterProps>;
+export {};

package/lib/components/PageFooter/PageFooter.js

@@ -0,0 +1,2 @@
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,o,r){void 0===r&&(r=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,r,n)}:function(e,t,o,r){void 0===r&&(r=o),e[r]=t[o]}),__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 o in e)"default"!==o&&Object.prototype.hasOwnProperty.call(e,o)&&__createBinding(t,e,o);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PageFooter=exports.PageFooterComponent=void 0;const theme_1=require("@redocly/theme"),react_1=__importStar(require("react")),NextSectionButton_1=require("../NextSectionButton");function PageFooterComponent({showNextButton:e,nextSectionLink:t,pagination:o}){switch(!0){case Boolean(theme_1.OpenApiFooter):return react_1.default.createElement(theme_1.OpenApiFooter,null);case Boolean(e&&t):return react_1.default.createElement(NextSectionButton_1.NextSectionButton,{href:(null==t?void 0:t.href)||"",label:null==t?void 0:t.name,pagination:o});default:return null}}exports.PageFooterComponent=PageFooterComponent,exports.PageFooter=(0,react_1.memo)(PageFooterComponent);
+//# sourceMappingURL=PageFooter.js.map

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

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

package/lib/components/PageFooter/index.js

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

package/lib/components/Panel/MiddlePanelWrapper.d.ts

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

package/lib/components/Panel/{MiddleFooterWrapper.js → MiddlePanelWrapper.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.MiddleFooterWrapper=void 0;const styled_components_1=__importDefault(require("styled-components"));exports.MiddleFooterWrapper=styled_components_1.default.div`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MiddlePanelWrapper=void 0;const styled_components_1=__importDefault(require("styled-components"));exports.MiddlePanelWrapper=styled_components_1.default.div`
   padding-top: calc(var(--spacing-unit) * 4);
   padding-bottom: calc(var(--spacing-unit) * 4);
   padding-left: var(--spacing-horizontal);
@@ -15,4 +15,4 @@
     padding-right: var(--panel-gap-vertical, var(--panel-gap-horizontal));
   }
 `;
-//# sourceMappingURL=MiddleFooterWrapper.js.map
+//# sourceMappingURL=MiddlePanelWrapper.js.map

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

@@ -5,4 +5,4 @@ export * from './CodeHeader';
 export * from './ContentPanel';
 export * from './ResponsePanel';
 export * from './Accordion';
-export * from './MiddleFooterWrapper';
+export * from './MiddlePanelWrapper';

package/lib/components/Panel/index.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,o){void 0===o&&(o=t);var i=Object.getOwnPropertyDescriptor(r,t);i&&!("get"in i?!r.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,o,i)}:function(e,r,t,o){void 0===o&&(o=t),e[o]=r[t]}),__exportStar=this&&this.__exportStar||function(e,r){for(var t in e)"default"===t||Object.prototype.hasOwnProperty.call(r,t)||__createBinding(r,e,t)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./Trigger"),exports),__exportStar(require("./Description"),exports),__exportStar(require("./CodePanel"),exports),__exportStar(require("./CodeHeader"),exports),__exportStar(require("./ContentPanel"),exports),__exportStar(require("./ResponsePanel"),exports),__exportStar(require("./Accordion"),exports),__exportStar(require("./MiddleFooterWrapper"),exports);
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,o){void 0===o&&(o=t);var i=Object.getOwnPropertyDescriptor(r,t);i&&!("get"in i?!r.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,o,i)}:function(e,r,t,o){void 0===o&&(o=t),e[o]=r[t]}),__exportStar=this&&this.__exportStar||function(e,r){for(var t in e)"default"===t||Object.prototype.hasOwnProperty.call(r,t)||__createBinding(r,e,t)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./Trigger"),exports),__exportStar(require("./Description"),exports),__exportStar(require("./CodePanel"),exports),__exportStar(require("./CodeHeader"),exports),__exportStar(require("./ContentPanel"),exports),__exportStar(require("./ResponsePanel"),exports),__exportStar(require("./Accordion"),exports),__exportStar(require("./MiddlePanelWrapper"),exports);
 //# sourceMappingURL=index.js.map

package/lib/components/RedoclyOpenAPIDocs/styled.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,i){void 0===i&&(i=a);var o=Object.getOwnPropertyDescriptor(t,a);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,i,o)}: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.CssFixes=exports.getMarginFixesByName=exports.RedocWrapStyled=exports.BackgroundStubFix=exports.BackgroundStub=exports.ApiContentWrap=exports.RedocWrap=void 0;const theme_1=require("@redocly/theme"),styled_components_1=__importStar(require("styled-components")),panels_1=require("../common/panels"),MiddleFooterWrapper_1=require("../Panel/MiddleFooterWrapper");exports.RedocWrap=styled_components_1.default.div`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,i){void 0===i&&(i=a);var o=Object.getOwnPropertyDescriptor(t,a);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,i,o)}: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.CssFixes=exports.getMarginFixesByName=exports.RedocWrapStyled=exports.BackgroundStubFix=exports.BackgroundStub=exports.ApiContentWrap=exports.RedocWrap=void 0;const theme_1=require("@redocly/theme"),styled_components_1=__importStar(require("styled-components")),panels_1=require("../common/panels"),MiddlePanelWrapper_1=require("../Panel/MiddlePanelWrapper");exports.RedocWrap=styled_components_1.default.div`
   display: flex;
   position: relative;
   text-align: left;
@@ -128,7 +128,7 @@
         `}}
   }
 
-  ${panels_1.SamplesMiddlePanel}, ${MiddleFooterWrapper_1.MiddleFooterWrapper} {
+  ${panels_1.SamplesMiddlePanel}, ${MiddlePanelWrapper_1.MiddlePanelWrapper} {
     ${({showRightPanelToggle:e,layout:t})=>e&&t===theme_1.LayoutVariant.THREE_PANEL?styled_components_1.css`
           margin: 0;
           ${({theme:e})=>e.mediaQueries.small} {

package/lib/components/SectionContent/SectionContent.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { ContentItemModel } from 'src/models';
+import type { ContentItemModel } from '../../models';
 import type { Options } from '../../services';
 import { Pagination } from '../../services';
 interface SectionContentProps {
@@ -10,7 +10,6 @@ interface SectionContentProps {
         href?: string;
     };
     showNextButton: Options['showNextButton'];
-    footerHook?: Options['hooks']['MiddlePanelFooter'];
 }
-export declare function SectionContent({ items, pagination, nextSectionLink, showNextButton, footerHook, }: SectionContentProps): JSX.Element;
+export declare function SectionContent({ items, pagination, nextSectionLink, showNextButton, }: SectionContentProps): JSX.Element;
 export {};

package/lib/components/SectionContent/SectionContent.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=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.SectionContent=void 0;const react_1=__importStar(require("react")),ContentItem_1=require("../ContentItem"),NextSectionButton_1=require("../NextSectionButton"),services_1=require("../../services"),Panel_1=require("../Panel"),RenderHook_1=require("../RenderHook");function SectionContent({items:e,pagination:t,nextSectionLink:n,showNextButton:r,footerHook:o}){const i=(0,react_1.useMemo)((()=>t===services_1.Pagination.None?e:null==e?void 0:e.filter((e=>"section"===e.type))),[e,t]),a=(0,react_1.useMemo)((()=>o||r&&n?react_1.default.createElement(Panel_1.MiddleFooterWrapper,null,o?react_1.default.createElement(RenderHook_1.RenderHook,{Hook:o,props:void 0}):r&&n&&react_1.default.createElement(NextSectionButton_1.NextSectionButton,{href:(null==n?void 0:n.href)||"",label:null==n?void 0:n.name,pagination:t})):null),[o,n,t,r]);return react_1.default.createElement(react_1.default.Fragment,null,i.map((e=>react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e}))),a)}exports.SectionContent=SectionContent;
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=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.SectionContent=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),ContentItem_1=require("../ContentItem"),services_1=require("../../services"),Panel_1=require("../Panel"),PageFooter_1=require("../PageFooter");function SectionContent({items:e,pagination:t,nextSectionLink:n,showNextButton:r}){const a=(0,react_1.useMemo)((()=>t===services_1.Pagination.None?e:null==e?void 0:e.filter((e=>"section"===e.type))),[e,t]),o=(0,react_1.useMemo)((()=>react_1.default.createElement(Panel_1.MiddlePanelWrapper,null,react_1.default.createElement(PageFooter_1.PageFooter,{showNextButton:r,pagination:t,nextSectionLink:n}))),[n,t,r]),i=(0,react_1.useMemo)((()=>theme_1.OpenApiHeader?react_1.default.createElement(Panel_1.MiddlePanelWrapper,null,react_1.default.createElement(theme_1.OpenApiHeader,null)):null),[]);return react_1.default.createElement(react_1.default.Fragment,null,i,a.map((e=>react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e}))),o)}exports.SectionContent=SectionContent;
 //# sourceMappingURL=SectionContent.js.map

package/lib/components/TagItems/TagItems.d.ts

@@ -9,7 +9,6 @@ interface TagItemsProps {
     };
     pagination: Options['pagination'];
     showNextButton?: boolean;
-    footerHook?: Options['hooks']['MiddlePanelFooter'];
 }
-export declare function TagItems({ tag, nextSectionLink, pagination, showNextButton, footerHook, }: TagItemsProps): JSX.Element;
+export declare function TagItems({ tag, nextSectionLink, pagination, showNextButton, }: TagItemsProps): JSX.Element;
 export {};

package/lib/components/TagItems/TagItems.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=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.TagItems=void 0;const react_1=__importStar(require("react")),services_1=require("../../services"),ContentItem_1=require("../ContentItem"),NextSectionButton_1=require("../NextSectionButton"),SectionContent_1=require("../SectionContent"),Panel_1=require("../Panel"),RenderHook_1=require("../RenderHook");function TagItems({tag:e,nextSectionLink:t,pagination:n,showNextButton:r,footerHook:o}){const i=(0,react_1.useMemo)((()=>o||r&&t?react_1.default.createElement(Panel_1.MiddleFooterWrapper,null,o?react_1.default.createElement(RenderHook_1.RenderHook,{Hook:o,props:void 0}):r&&t&&react_1.default.createElement(NextSectionButton_1.NextSectionButton,{href:(null==t?void 0:t.href)||"",label:null==t?void 0:t.name,pagination:n})):null),[o,t,n,r]);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e,withChildren:n!==services_1.Pagination.Item}),n===services_1.Pagination.Item&&react_1.default.createElement(SectionContent_1.SectionContent,{items:e.items||[],pagination:n,showNextButton:!1}),i)}exports.TagItems=TagItems;
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=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.TagItems=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),services_1=require("../../services"),ContentItem_1=require("../ContentItem"),Panel_1=require("../Panel"),PageFooter_1=require("../PageFooter"),SectionContent_1=require("../SectionContent");function TagItems({tag:e,nextSectionLink:t,pagination:n,showNextButton:r}){const a=(0,react_1.useMemo)((()=>{const e=react_1.default.createElement(PageFooter_1.PageFooter,{showNextButton:r,pagination:n,nextSectionLink:t});return e?react_1.default.createElement(Panel_1.MiddlePanelWrapper,null,e):null}),[t,n,r]),i=(0,react_1.useMemo)((()=>theme_1.OpenApiHeader?react_1.default.createElement(Panel_1.MiddlePanelWrapper,null,react_1.default.createElement(theme_1.OpenApiHeader,null)):null),[]);return react_1.default.createElement(react_1.default.Fragment,null,i,react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e,withChildren:n!==services_1.Pagination.Item}),n===services_1.Pagination.Item&&react_1.default.createElement(SectionContent_1.SectionContent,{items:e.items||[],pagination:n,showNextButton:!1}),a)}exports.TagItems=TagItems;
 //# sourceMappingURL=TagItems.js.map

package/lib/components/index.d.ts

@@ -3,7 +3,7 @@ export * from './RedoclyOpenAPIDocs';
 export * from './pluggable';
 export * from './rightPanel/Console';
 export { BackgroundStub, ApiContentWrap, BackgroundStubFix } from './RedoclyOpenAPIDocs/styled';
-export { MiddleFooterWrapper } from './Panel/MiddleFooterWrapper';
+export { MiddlePanelWrapper } from './Panel/MiddlePanelWrapper';
 export * from './common';
 export * from './ApiInfo';
 export { SectionItem } from './SectionItem';

package/lib/components/index.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,o){void 0===o&&(o=t);var n=Object.getOwnPropertyDescriptor(r,t);n&&!("get"in n?!r.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,o,n)}:function(e,r,t,o){void 0===o&&(o=t),e[o]=r[t]}),__exportStar=this&&this.__exportStar||function(e,r){for(var t in e)"default"===t||Object.prototype.hasOwnProperty.call(r,t)||__createBinding(r,e,t)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CrossIcon=exports.LockIcon=exports.ShelfIcon=exports.DropdownWrapper=exports.Example=exports.ExampleValue=exports.PayloadSamples=exports.OAuthFlow=exports.OperationItem=exports.DiscriminatorDropdown=exports.ContentItems=exports.ContentItem=exports.SectionItem=exports.MiddleFooterWrapper=exports.BackgroundStubFix=exports.ApiContentWrap=exports.BackgroundStub=void 0,__exportStar(require("./NextSectionButton"),exports),__exportStar(require("./RedoclyOpenAPIDocs"),exports),__exportStar(require("./pluggable"),exports),__exportStar(require("./rightPanel/Console"),exports);var styled_1=require("./RedoclyOpenAPIDocs/styled");Object.defineProperty(exports,"BackgroundStub",{enumerable:!0,get:function(){return styled_1.BackgroundStub}}),Object.defineProperty(exports,"ApiContentWrap",{enumerable:!0,get:function(){return styled_1.ApiContentWrap}}),Object.defineProperty(exports,"BackgroundStubFix",{enumerable:!0,get:function(){return styled_1.BackgroundStubFix}});var MiddleFooterWrapper_1=require("./Panel/MiddleFooterWrapper");Object.defineProperty(exports,"MiddleFooterWrapper",{enumerable:!0,get:function(){return MiddleFooterWrapper_1.MiddleFooterWrapper}}),__exportStar(require("./common"),exports),__exportStar(require("./ApiInfo"),exports);var SectionItem_1=require("./SectionItem");Object.defineProperty(exports,"SectionItem",{enumerable:!0,get:function(){return SectionItem_1.SectionItem}});var ContentItem_1=require("./ContentItem");Object.defineProperty(exports,"ContentItem",{enumerable:!0,get:function(){return ContentItem_1.ContentItem}});var ContentItems_1=require("./ContentItems");Object.defineProperty(exports,"ContentItems",{enumerable:!0,get:function(){return ContentItems_1.ContentItems}});var DiscriminatorDropdown_1=require("./DiscriminatorDropdown");Object.defineProperty(exports,"DiscriminatorDropdown",{enumerable:!0,get:function(){return DiscriminatorDropdown_1.DiscriminatorDropdown}}),__exportStar(require("./Schema/"),exports);var OperationItem_1=require("./OperationItem");Object.defineProperty(exports,"OperationItem",{enumerable:!0,get:function(){return OperationItem_1.OperationItem}}),__exportStar(require("./Loading/Loading"),exports),__exportStar(require("./Markdown"),exports);var OAuthFlow_1=require("./SecuritySchemes/OAuthFlow");Object.defineProperty(exports,"OAuthFlow",{enumerable:!0,get:function(){return OAuthFlow_1.OAuthFlow}}),__exportStar(require("./Responses"),exports),__exportStar(require("./ResponseSamples/ResponseSamples"),exports);var PayloadSamples_1=require("./PayloadSamples");Object.defineProperty(exports,"PayloadSamples",{enumerable:!0,get:function(){return PayloadSamples_1.PayloadSamples}}),Object.defineProperty(exports,"ExampleValue",{enumerable:!0,get:function(){return PayloadSamples_1.ExampleValue}}),Object.defineProperty(exports,"Example",{enumerable:!0,get:function(){return PayloadSamples_1.Example}}),Object.defineProperty(exports,"DropdownWrapper",{enumerable:!0,get:function(){return PayloadSamples_1.DropdownWrapper}}),__exportStar(require("./MediaTypeSwitch"),exports),__exportStar(require("./Parameters"),exports),__exportStar(require("./DropdownOrLabel"),exports),__exportStar(require("./ErrorBoundary"),exports),__exportStar(require("./SideMenu/"),exports),__exportStar(require("./StickySidebar/StickyResponsiveSidebar"),exports),__exportStar(require("./SchemaDefinition/SchemaDefinition"),exports),__exportStar(require("./SourceCodeWithFile/SourceCodeWithFile"),exports),__exportStar(require("./RequestSamples/RequestSamples"),exports);var icons_1=require("./icons");Object.defineProperty(exports,"ShelfIcon",{enumerable:!0,get:function(){return icons_1.ShelfIcon}}),Object.defineProperty(exports,"LockIcon",{enumerable:!0,get:function(){return icons_1.LockIcon}}),Object.defineProperty(exports,"CrossIcon",{enumerable:!0,get:function(){return icons_1.CrossIcon}});
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,o){void 0===o&&(o=t);var n=Object.getOwnPropertyDescriptor(r,t);n&&!("get"in n?!r.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,o,n)}:function(e,r,t,o){void 0===o&&(o=t),e[o]=r[t]}),__exportStar=this&&this.__exportStar||function(e,r){for(var t in e)"default"===t||Object.prototype.hasOwnProperty.call(r,t)||__createBinding(r,e,t)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CrossIcon=exports.LockIcon=exports.ShelfIcon=exports.DropdownWrapper=exports.Example=exports.ExampleValue=exports.PayloadSamples=exports.OAuthFlow=exports.OperationItem=exports.DiscriminatorDropdown=exports.ContentItems=exports.ContentItem=exports.SectionItem=exports.MiddlePanelWrapper=exports.BackgroundStubFix=exports.ApiContentWrap=exports.BackgroundStub=void 0,__exportStar(require("./NextSectionButton"),exports),__exportStar(require("./RedoclyOpenAPIDocs"),exports),__exportStar(require("./pluggable"),exports),__exportStar(require("./rightPanel/Console"),exports);var styled_1=require("./RedoclyOpenAPIDocs/styled");Object.defineProperty(exports,"BackgroundStub",{enumerable:!0,get:function(){return styled_1.BackgroundStub}}),Object.defineProperty(exports,"ApiContentWrap",{enumerable:!0,get:function(){return styled_1.ApiContentWrap}}),Object.defineProperty(exports,"BackgroundStubFix",{enumerable:!0,get:function(){return styled_1.BackgroundStubFix}});var MiddlePanelWrapper_1=require("./Panel/MiddlePanelWrapper");Object.defineProperty(exports,"MiddlePanelWrapper",{enumerable:!0,get:function(){return MiddlePanelWrapper_1.MiddlePanelWrapper}}),__exportStar(require("./common"),exports),__exportStar(require("./ApiInfo"),exports);var SectionItem_1=require("./SectionItem");Object.defineProperty(exports,"SectionItem",{enumerable:!0,get:function(){return SectionItem_1.SectionItem}});var ContentItem_1=require("./ContentItem");Object.defineProperty(exports,"ContentItem",{enumerable:!0,get:function(){return ContentItem_1.ContentItem}});var ContentItems_1=require("./ContentItems");Object.defineProperty(exports,"ContentItems",{enumerable:!0,get:function(){return ContentItems_1.ContentItems}});var DiscriminatorDropdown_1=require("./DiscriminatorDropdown");Object.defineProperty(exports,"DiscriminatorDropdown",{enumerable:!0,get:function(){return DiscriminatorDropdown_1.DiscriminatorDropdown}}),__exportStar(require("./Schema/"),exports);var OperationItem_1=require("./OperationItem");Object.defineProperty(exports,"OperationItem",{enumerable:!0,get:function(){return OperationItem_1.OperationItem}}),__exportStar(require("./Loading/Loading"),exports),__exportStar(require("./Markdown"),exports);var OAuthFlow_1=require("./SecuritySchemes/OAuthFlow");Object.defineProperty(exports,"OAuthFlow",{enumerable:!0,get:function(){return OAuthFlow_1.OAuthFlow}}),__exportStar(require("./Responses"),exports),__exportStar(require("./ResponseSamples/ResponseSamples"),exports);var PayloadSamples_1=require("./PayloadSamples");Object.defineProperty(exports,"PayloadSamples",{enumerable:!0,get:function(){return PayloadSamples_1.PayloadSamples}}),Object.defineProperty(exports,"ExampleValue",{enumerable:!0,get:function(){return PayloadSamples_1.ExampleValue}}),Object.defineProperty(exports,"Example",{enumerable:!0,get:function(){return PayloadSamples_1.Example}}),Object.defineProperty(exports,"DropdownWrapper",{enumerable:!0,get:function(){return PayloadSamples_1.DropdownWrapper}}),__exportStar(require("./MediaTypeSwitch"),exports),__exportStar(require("./Parameters"),exports),__exportStar(require("./DropdownOrLabel"),exports),__exportStar(require("./ErrorBoundary"),exports),__exportStar(require("./SideMenu/"),exports),__exportStar(require("./StickySidebar/StickyResponsiveSidebar"),exports),__exportStar(require("./SchemaDefinition/SchemaDefinition"),exports),__exportStar(require("./SourceCodeWithFile/SourceCodeWithFile"),exports),__exportStar(require("./RequestSamples/RequestSamples"),exports);var icons_1=require("./icons");Object.defineProperty(exports,"ShelfIcon",{enumerable:!0,get:function(){return icons_1.ShelfIcon}}),Object.defineProperty(exports,"LockIcon",{enumerable:!0,get:function(){return icons_1.LockIcon}}),Object.defineProperty(exports,"CrossIcon",{enumerable:!0,get:function(){return icons_1.CrossIcon}});
 //# sourceMappingURL=index.js.map

package/lib/components/rightPanel/CodemirrorInput/types.d.ts

@@ -1,7 +1,7 @@
 import type { Controlled as CodeMirror } from 'react-codemirror2-react-17';
 import type { FieldApi, FieldState } from 'informed';
 import type { LegacyRef } from 'react';
-import type { OpenAPISchema, Referenced } from 'src/types/open-api';
+import type { OpenAPISchema, Referenced } from '../../../types';
 export interface CodemirrorInputBase {
     forwardedRef?: LegacyRef<CodeMirror>;
     mode?: string;

package/lib/components/rightPanel/Console/Request.js

@@ -1,2 +1,2 @@
-"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};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Request=void 0;const react_1=__importStar(require("react")),informed_1=require("informed"),recoil_1=require("recoil"),utils_1=require("../utils"),utils_2=require("../../../utils"),OAuth2_1=require("../../../services/OAuth2"),services_1=require("../../../services"),Panel_1=require("../../Panel"),ServersDropdown_1=require("../ServersDropdown"),TryItPanel_1=require("../TryItPanel"),RequestBody_1=require("../RequestBody"),RenderHook_1=require("../../RenderHook"),OperationParameters_1=require("../../OperationParameters"),AuthPanel_1=require("../AuthPanel"),store_1=require("../../../recoil/store");function RequestComponent({operation:e,properties:r,securityDefaults:t,form:a,resolvedRawSpec:o,server:l,formApi:n,setFormApi:u,handleChange:i,handleServerChange:s}){const d=a.errors||{},c=d.path||d.cookie||d.header||d.query,{hooks:_,authCorsProxyUrl:p}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),h=o&&utils_2.JsonPointer.get(o,e.pointer);let f=a.values&&a.values.auth&&Object.keys(a.values.auth)[0];f&&a.values.auth[f]||(f=void 0),!f||void 0===a.values.auth[f].token&&void 0===a.values.auth[f].client_id&&void 0===a.values.auth[f].client_secret||a.values.auth[f].token&&a.values.auth[f].token.access_token||(f=void 0),f&&null!=a.values.auth[f].username&&(a.values.auth[f].username&&a.values.auth[f].password||(f=void 0));const v=e.parameters||[];return!o&&react_1.default.createElement(react_1.default.Fragment,null,"Loading...")||react_1.default.createElement(informed_1.Form,{onChange:i,getApi:u,style:{flex:1,display:"flex",flexDirection:"column",margin:0}},react_1.default.createElement(ServersDropdown_1.ServersDropdown,{operation:e,onChange:s}),react_1.default.createElement(Panel_1.Accordion,{initialActiveIdx:e.security.length&&f?1:0},e.security.length&&n&&react_1.default.createElement(TryItPanel_1.TryItPanel,{header:(0,services_1.l)("tryItAuth"),"data-cy":"security-trigger",error:!f&&!!d.auth,success:!!f,renderChildrenHidden:!0},(null==_?void 0:_.ReplaceTryItSecurityPanel)?react_1.default.createElement(AuthPanelWrapper,{field:"auth",validate:utils_1.requiredValidator},(r=>react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==_?void 0:_.ReplaceTryItSecurityPanel,props:{server:l,operation:e,onChange:r,OAuth2:OAuth2_1.OAuth2}}))):react_1.default.createElement(AuthPanel_1.AuthPanel,{formApi:n,form:a,operation:e,activeServer:l.url,authCorsProxyUrl:p,securityDefaults:t}))||null,e.requestBody&&n&&react_1.default.createElement(TryItPanel_1.TryItPanel,{header:(0,services_1.l)("tryItBody"),"data-cy":"body-trigger",error:!!d.body,renderChildrenHidden:!0},react_1.default.createElement(RequestBody_1.RequestBody,{validate:allowBodyErrors,formApi:n,body:e.requestBody,pointer:e.pointer,id:e.id,resolvedBody:null==h?void 0:h.requestBody,properties:r}))||null,v.length&&react_1.default.createElement(TryItPanel_1.TryItPanel,{header:(0,services_1.l)("tryItParameters"),"data-cy":"parameters-trigger",error:c,renderChildrenHidden:!0},react_1.default.createElement(OperationParameters_1.OperationParameters,{operation:e,values:a.values,errors:a.errors||{}}))||null))}function AuthPanelWrapper(e){const{fieldApi:r,render:t,userProps:a}=(0,informed_1.useField)(Object.assign({},e)),{setValue:o}=r,{children:l}=a;return t(react_1.default.createElement(react_1.default.Fragment,null,l(o)))}function allowBodyErrors(){}exports.Request=(0,react_1.memo)(RequestComponent);
+"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};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Request=void 0;const react_1=__importStar(require("react")),informed_1=require("informed"),recoil_1=require("recoil"),theme_1=require("@redocly/theme"),utils_1=require("../utils"),utils_2=require("../../../utils"),OAuth2_1=require("../../../services/OAuth2"),services_1=require("../../../services"),Panel_1=require("../../Panel"),ServersDropdown_1=require("../ServersDropdown"),TryItPanel_1=require("../TryItPanel"),RequestBody_1=require("../RequestBody"),OperationParameters_1=require("../../OperationParameters"),AuthPanel_1=require("../AuthPanel"),store_1=require("../../../recoil/store"),RenderHook_1=require("../../RenderHook");function RequestComponent({operation:e,properties:r,securityDefaults:t,form:a,resolvedRawSpec:o,server:l,formApi:n,setFormApi:u,handleChange:i,handleServerChange:s}){const d=a.errors||{},c=d.path||d.cookie||d.header||d.query,{hooks:_,authCorsProxyUrl:p}=(0,recoil_1.useRecoilValue)(store_1.globalOptionsSelector),h=o&&utils_2.JsonPointer.get(o,e.pointer);let f=a.values&&a.values.auth&&Object.keys(a.values.auth)[0];f&&a.values.auth[f]||(f=void 0),!f||void 0===a.values.auth[f].token&&void 0===a.values.auth[f].client_id&&void 0===a.values.auth[f].client_secret||a.values.auth[f].token&&a.values.auth[f].token.access_token||(f=void 0),f&&null!=a.values.auth[f].username&&(a.values.auth[f].username&&a.values.auth[f].password||(f=void 0));const y=e.parameters||[];return!o&&react_1.default.createElement(react_1.default.Fragment,null,"Loading...")||react_1.default.createElement(informed_1.Form,{onChange:i,getApi:u,style:{flex:1,display:"flex",flexDirection:"column",margin:0}},react_1.default.createElement(ServersDropdown_1.ServersDropdown,{operation:e,onChange:s}),react_1.default.createElement(Panel_1.Accordion,{initialActiveIdx:e.security.length&&f?1:0},e.security.length&&n&&react_1.default.createElement(TryItPanel_1.TryItPanel,{header:(0,services_1.l)("tryItAuth"),"data-cy":"security-trigger",error:!f&&!!d.auth,success:!!f,renderChildrenHidden:!0},react_1.default.createElement((({formApi:r})=>!0===Boolean(theme_1.OpenApiTryItSecurityPanel||(null==_?void 0:_.ReplaceTryItSecurityPanel))?react_1.default.createElement(AuthPanelWrapper,{field:"auth",validate:utils_1.requiredValidator},(r=>react_1.default.createElement(RenderHook_1.RenderHook,{Hook:theme_1.OpenApiTryItSecurityPanel||(null==_?void 0:_.ReplaceTryItSecurityPanel),props:{server:l,operation:e,onChange:r,OAuth2:OAuth2_1.OAuth2}}))):react_1.default.createElement(AuthPanel_1.AuthPanel,{formApi:r,form:a,operation:e,activeServer:l.url,authCorsProxyUrl:p,securityDefaults:t})),{formApi:n}))||null,e.requestBody&&n&&react_1.default.createElement(TryItPanel_1.TryItPanel,{header:(0,services_1.l)("tryItBody"),"data-cy":"body-trigger",error:!!d.body,renderChildrenHidden:!0},react_1.default.createElement(RequestBody_1.RequestBody,{validate:allowBodyErrors,formApi:n,body:e.requestBody,pointer:e.pointer,id:e.id,resolvedBody:null==h?void 0:h.requestBody,properties:r}))||null,y.length&&react_1.default.createElement(TryItPanel_1.TryItPanel,{header:(0,services_1.l)("tryItParameters"),"data-cy":"parameters-trigger",error:c,renderChildrenHidden:!0},react_1.default.createElement(OperationParameters_1.OperationParameters,{operation:e,values:a.values,errors:a.errors||{}}))||null))}function AuthPanelWrapper(e){const{fieldApi:r,render:t,userProps:a}=(0,informed_1.useField)(Object.assign({},e)),{setValue:o}=r,{children:l}=a;return t(react_1.default.createElement(react_1.default.Fragment,null,l(o)))}function allowBodyErrors(){}exports.Request=(0,react_1.memo)(RequestComponent);
 //# sourceMappingURL=Request.js.map

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

@@ -1,7 +1,7 @@
 import type { OpenAPIServer, Server, ServerVariables } from '../../types';
 import type { FieldModel, ExtendedOpenAPISecurityScheme, OperationModel, ExampleModel } from '../../models';
 import type { RequestBodyProps } from './RequestBody';
-import type { Options } from 'src/services/Options';
+import type { Options } from '../../services';
 export declare function normalizeUrlProtocol(url: string): string;
 export declare function updateStorage(state: GenericObject): void;
 export declare const getParameters: (parameters: FieldModel[], type: string) => GenericObject;

package/lib/models/callback.d.ts

@@ -1,5 +1,4 @@
-import type { Options } from 'src/services/Options';
-import type { OpenAPIParser } from 'src/services/OpenAPIParser';
+import type { Options, OpenAPIParser } from '../services';
 import type { OpenAPICallback, Referenced } from '../types';
 import type { CallbackModel, GroupModel } from './types';
 export declare function getCallback(parser: OpenAPIParser, name: string, infoOrRef: Referenced<OpenAPICallback>, parentPointer: string, options: Options, href: string, parent?: GroupModel): CallbackModel;

package/lib/models/mediaType.d.ts

@@ -1,6 +1,5 @@
 import type { OpenAPIMediaType } from '../types';
-import type { OpenAPIParser } from '../services';
-import type { Options } from 'src/services/Options/types';
+import type { OpenAPIParser, Options } from '../services';
 import type { MediaTypeModel, ResponseModel, OperationModel } from './types';
 /**
  * @param parser

package/lib/models/response.d.ts

@@ -1,6 +1,5 @@
 import type { OpenAPIResponse, Referenced } from '../types';
-import type { OpenAPIParser } from '../services';
-import type { Options } from 'src/services/Options';
+import type { OpenAPIParser, Options } from '../services';
 import type { ResponseModel, OperationModel } from './types';
 type ResponseProps = {
     parser: OpenAPIParser;

package/lib/models/schema.d.ts

@@ -1,7 +1,6 @@
 import type { OpenAPISchema, Referenced } from '../types';
-import type { OpenAPIParser } from '../services';
+import type { OpenAPIParser, Options } from '../services';
 import type { Deps, SchemaModel } from './types';
-import type { Options } from 'src/services/Options';
 export declare function getSchema({ parser, schemaOrRef, pointer, options, isChild, baseRefsStack, deps, absolutePointer, }: {
     parser: OpenAPIParser;
     schemaOrRef: Referenced<OpenAPISchema>;

package/lib/services/types.d.ts

@@ -134,6 +134,7 @@ export interface HooksConfig {
     }) => string;
     sanitize?: (raw: string) => string;
     MiddlePanelFooter?: HookConfig<undefined>;
+    MiddlePanelHeader?: HookConfig<undefined>;
     /** @deprecated Use ReplaceTryItSecurityPanel instead */
     ReplaceTryItAuthPanel?: HookConfig<SecurityPanelHookProps>;
 }

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{layoutSelector,showRightPanelToggleSelector}from"../../recoil/app";import{SamplesMiddlePanel,Row,Section,SamplesPanel}from"../common";import{ExternalDocumentation}from"../ExternalDocumentation";import{Markdown,StyledMarkdownBlock}from"../Markdown";import{DownloadButtonWithLabel}from"../Download";import{RenderHook}from"../RenderHook";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";export function ApiInfo({item:{infoDefinition:e}}){const{options:{markdownHeadingsAnchorLevel:t,hooks:o,hideDownloadButton:n,expandDefaultServerVariables:a,mockServer:r,hideInfoSection:l,hideInfoDescription:c},parser:{definition:i,definitionUrl:m}}=useRecoilValue(globalStoreSelector),s=useRecoilValue(showRightPanelToggleSelector),d=useRecoilValue(layoutSelector);if(!e||l)return null;const p=c?null:saveTextBeforeHeading(getValueFromMdParsedExtension(e,"description")||"",t),u=getValueFromMdParsedExtension(e,"summary")||void 0,f=null==i?void 0:i.externalDocs,S=normalizeServers(m,mergeInMockServer(i.servers||[],r)),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:d},React.createElement(SamplesMiddlePanel,{className:"api-info"},React.createElement(ApiHeader,null,e.title," ",g),React.createElement(RenderHook,{Hook:null==o?void 0:o.AfterApiTitle,props:{info:e}}),!n&&React.createElement(DownloadButtonWithLabel,{wrapped:!0}),React.createElement(StyledMarkdownBlock,null,(e.license||e.contact||e.termsOfService)&&React.createElement(InfoSpanBoxWrap,null,React.createElement(InfoSpanBox,null,v," ",E," ",R," ",h))||null),u&&React.createElement(Markdown,{source:u,"data-role":"redoc-summary"}),p&&React.createElement(Markdown,{source:p,"data-role":"redoc-description"}),f&&React.createElement(ExternalDocumentation,{externalDocs:f})),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(a),hideHostname:!1}))):null))}const InfoSamplesPanel=styled(SamplesPanel)`
+import React from"react";import styled from"styled-components";import{useRecoilValue}from"recoil";import{AfterOpenApiTitle}from"@redocly/theme";import{layoutSelector,showRightPanelToggleSelector}from"../../recoil/app";import{SamplesMiddlePanel,Row,Section,SamplesPanel}from"../common";import{ExternalDocumentation}from"../ExternalDocumentation";import{Markdown,StyledMarkdownBlock}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:a,mockServer:r,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||[],r)),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(StyledMarkdownBlock,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(a),hideHostname:!1}))):null))}const InfoSamplesPanel=styled(SamplesPanel)`
   margin-top: calc(var(--h1-font-size) * 1.5);
 `;
 //# sourceMappingURL=ApiInfo.js.map

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

@@ -1,2 +1,2 @@
-import React,{memo,useMemo,useState,useEffect,useCallback}from"react";import{Navigate,Route,Routes}from"react-router-dom";import{useRecoilValue}from"recoil";import{Pagination}from"../../services";import{IS_BROWSER}from"../../utils";import{Skeleton}from"../common";import{getFirstPageLink,getItemsByType,getNextSectionLink}from"./helpers";import{SectionContent}from"../SectionContent";import{TagItems}from"../TagItems";import{useAutoScroll}from"./useAutoScroll";import{ContentItem}from"../ContentItem";import{globalOptionsSelector}from"../../recoil/store";import{versionPathSelector,flatMenuItemsSelector}from"../../recoil/app";let isInitialHydrate=!0;function ContentItemsComponent({items:e,root:t=!1}){const{pagination:o,showNextButton:n,disablePaginationLoadingAnimation:a,hooks:{MiddlePanelFooter:i}}=useRecoilValue(globalOptionsSelector),[m,l]=useState(IS_BROWSER&&!isInitialHydrate&&!a),r=useRecoilValue(versionPathSelector),c=useRecoilValue(flatMenuItemsSelector);useEffect((()=>{const e=setTimeout((()=>{l(!1)}),200);return isInitialHydrate=!1,()=>{clearTimeout(e)}}),[]),useAutoScroll(m);const s=r?`/${r}/`:"/",{groupItems:u,tagItems:p,operationItems:R,rootItem:g}=getItemsByType(e),S=!t||g?s:getFirstPageLink(e,s),f=useCallback((e=>null==e?void 0:e.map((e=>{var t;const a=getNextSectionLink({flatItems:c,item:e});switch(o){case Pagination.Item:return React.createElement(Route,{key:e.id,path:e.id},React.createElement(Route,{index:!0,element:"operation"===e.type?React.createElement(ContentItem,{key:e.id,item:e}):React.createElement(TagItems,{tag:e,nextSectionLink:a,pagination:o,showNextButton:n,footerHook:i})}),null===(t=e.items)||void 0===t?void 0:t.map((e=>React.createElement(Route,{key:e.id,path:e.id,element:React.createElement(TagItems,{tag:e,nextSectionLink:getNextSectionLink({flatItems:c,item:e}),pagination:o,showNextButton:n,footerHook:i})}))));case Pagination.Section:return React.createElement(Route,{key:e.id,path:e.id,element:React.createElement(TagItems,{tag:e,nextSectionLink:a,pagination:o,showNextButton:n,footerHook:i})});default:return null}}))),[i,c,o,n]),I=useMemo((()=>React.createElement(Routes,null,g&&React.createElement(Route,{path:g.href||s,element:React.createElement(SectionContent,{items:e,nextSectionLink:getNextSectionLink({flatItems:c,item:g}),pagination:o,showNextButton:n,footerHook:i})}),u.length?u.map((e=>f(e.items))):f(p),R.length&&f(R),React.createElement(Route,{path:"*",element:React.createElement(Navigate,{to:S,replace:!0})}))),[g,s,e,c,o,n,i,u,f,p,R,S]);return t&&!e.length?React.createElement(Routes,null,React.createElement(Route,{path:"*",element:React.createElement(SectionContent,{items:e,pagination:o,showNextButton:!1})})):e.length?m?React.createElement("div",{style:{flex:1,width:"100%"}},React.createElement(Skeleton,null)):React.createElement(React.Fragment,null,t?React.createElement(React.Fragment,null,I,o===Pagination.Section&&!!R.length&&R.map((e=>React.createElement(ContentItem,{key:e.id,item:e})))):e.map((e=>React.createElement(ContentItem,{key:e.id,item:e})))):null}export const ContentItems=memo(ContentItemsComponent);
+import React,{memo,useMemo,useState,useEffect,useCallback}from"react";import{Navigate,Route,Routes}from"react-router-dom";import{useRecoilValue}from"recoil";import{Pagination}from"../../services";import{IS_BROWSER}from"../../utils";import{Skeleton}from"../common";import{getFirstPageLink,getItemsByType,getNextSectionLink}from"./helpers";import{SectionContent}from"../SectionContent";import{TagItems}from"../TagItems";import{useAutoScroll}from"./useAutoScroll";import{ContentItem}from"../ContentItem";import{globalOptionsSelector}from"../../recoil/store";import{versionPathSelector,flatMenuItemsSelector}from"../../recoil/app";let isInitialHydrate=!0;function ContentItemsComponent({items:e,root:t=!1}){const{pagination:n,showNextButton:o,disablePaginationLoadingAnimation:a}=useRecoilValue(globalOptionsSelector),[i,m]=useState(IS_BROWSER&&!isInitialHydrate&&!a),l=useRecoilValue(versionPathSelector),c=useRecoilValue(flatMenuItemsSelector);useEffect((()=>{const e=setTimeout((()=>{m(!1)}),200);return isInitialHydrate=!1,()=>{clearTimeout(e)}}),[]),useAutoScroll(i);const r=l?`/${l}/`:"/",{groupItems:s,tagItems:u,operationItems:p,rootItem:R}=getItemsByType(e),g=!t||R?r:getFirstPageLink(e,r),S=useCallback((e=>null==e?void 0:e.map((e=>{var t;const a=getNextSectionLink({flatItems:c,item:e});switch(n){case Pagination.Item:return React.createElement(Route,{key:e.id,path:e.id},React.createElement(Route,{index:!0,element:"operation"===e.type?React.createElement(ContentItem,{key:e.id,item:e}):React.createElement(TagItems,{tag:e,nextSectionLink:a,pagination:n,showNextButton:o})}),null===(t=e.items)||void 0===t?void 0:t.map((e=>React.createElement(Route,{key:e.id,path:e.id,element:React.createElement(TagItems,{tag:e,nextSectionLink:getNextSectionLink({flatItems:c,item:e}),pagination:n,showNextButton:o})}))));case Pagination.Section:return React.createElement(Route,{key:e.id,path:e.id,element:React.createElement(TagItems,{tag:e,nextSectionLink:a,pagination:n,showNextButton:o})});default:return null}}))),[c,n,o]),I=useMemo((()=>React.createElement(Routes,null,R&&React.createElement(Route,{path:R.href||r,element:React.createElement(SectionContent,{items:e,nextSectionLink:getNextSectionLink({flatItems:c,item:R}),pagination:n,showNextButton:o})}),s.length?s.map((e=>S(e.items))):S(u),p.length&&S(p),React.createElement(Route,{path:"*",element:React.createElement(Navigate,{to:g,replace:!0})}))),[R,r,e,c,n,o,s,S,u,p,g]);return t&&!e.length?React.createElement(Routes,null,React.createElement(Route,{path:"*",element:React.createElement(SectionContent,{items:e,pagination:n,showNextButton:!1})})):e.length?i?React.createElement("div",{style:{flex:1,width:"100%"}},React.createElement(Skeleton,null)):React.createElement(React.Fragment,null,t?React.createElement(React.Fragment,null,I,n===Pagination.Section&&!!p.length&&p.map((e=>React.createElement(ContentItem,{key:e.id,item:e})))):e.map((e=>React.createElement(ContentItem,{key:e.id,item:e})))):null}export const ContentItems=memo(ContentItemsComponent);
 //# sourceMappingURL=ContentItems.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}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{RenderHook}from"../RenderHook";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";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{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)`
   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),s=useRecoilValue(showRightPanelToggleSelector),{parser:i,options:m}=useRecoilValue(globalStoreSelector),{hooks:p,events:d,feedback:u,showWebhookVerb:R,pathInMiddlePanel:S,expandDefaultRequest:E,expandDefaultResponse:k}=m,b=getOperation(i,e,t,m,a),{name:f,description:g,deprecated:y,externalDocs:v,isWebhook:h,httpVerb:P}=b,O=useSetRecoilState(operationStore(b.pointer)),x=c===LayoutVariant.STACKED||!s;useMount((()=>{O((e=>Object.assign(Object.assign({},e),{activeExampleName:b.activeExampleName,activeServer:b.activeServer})))}));const w=!(!g&&!v),C=useCallback((e=>t=>{var a;const o=creatPanelToggleEvent({operation:b,isExpanded:t,panelType:e});null===(a=null==d?void 0:d.panelToggle)||void 0===a||a.call(d,o)}),[d,b]);return React.createElement(OperationRow,{layout:c},React.createElement(OperationSubRowStyled,{layout:c},React.createElement(SamplesMiddlePanel,{isStacked:x},React.createElement(RenderHook,{Hook:null==p?void 0:p.BeforeOperation,props:{operation:b}}),React.createElement(H2,null,React.createElement(ShareLink,{to:a}),React.createElement(RenderHook,{Hook:null==p?void 0:p.BeforeOperationSummary,props:{operation:b}}),f,React.createElement(RenderHook,{Hook:null==p?void 0:p.AfterOperationSummary,props:{operation:b}}),y&&React.createElement(Badge,{deprecated:!0},"Deprecated"),h&&React.createElement(React.Fragment,null,React.createElement(Badge,null,"Webhook"),R&&P&&React.createElement(Badge,null,P.toUpperCase()))),S&&!h&&React.createElement(Endpoint,{operation:b}))),React.createElement(OperationSubRowStyled,{layout:c},React.createElement(SamplesMiddlePanel,{isStacked:x},w&&React.createElement(Description,null,void 0!==g&&React.createElement(Markdown,{source:g}),v&&React.createElement(ExternalDocumentation,{externalDocs:v}),Object.keys(b.extensions||{}).length?React.createElement(Extensions,{extensions:b.extensions}):null),React.createElement(SecurityRequirements,{securities:b.security}),(null===(o=b.parameters)||void 0===o?void 0:o.length)||b.requestBody?React.createElement(ContentPanel,{header:l("request"),onToggle:C("request"),expanded:E,className:"panel-request-schemas"},React.createElement(Parameters,{parameters:b.parameters,body:b.requestBody})):null),s?React.createElement(SamplesPanel,{"data-cy":"samples-block"},!S&&!h&&React.createElement(Endpoint,{operation:b}),React.createElement(RequestSamples,{operation:b})):null),React.createElement(OperationSubRowStyled,{layout:c},React.createElement(SamplesMiddlePanel,{isStacked:x},(null===(n=b.responses)||void 0===n?void 0:n.length)?React.createElement(ContentPanel,{header:l("responses"),onToggle:C("responses"),expanded:k,className:"panel-response-schemas"},React.createElement(OperationResponseList,{responses:b.responses,operationPointer:b.pointer})):null),s?React.createElement(SamplesPanel,{"data-cy":"samples-block"},React.createElement(ResponseSamples,{operation:b})):null),React.createElement(OperationSubRowStyled,{layout:c},React.createElement(SamplesMiddlePanel,{isStacked:x},(null===(r=b.callbacks)||void 0===r?void 0:r.length)?React.createElement(ContentPanel,{className:"panel-callback-schemas",header:l("callbacks")},React.createElement(CallbacksList,{callbacks:b.callbacks})):null,React.createElement(RenderHook,{Hook:null==p?void 0:p.AfterOperation,props:{operation:b}})),s?React.createElement(SamplesPanel,{"data-cy":"samples-block"},React.createElement(CallbackSamples,{callbacks:b.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:b.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=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);
 //# sourceMappingURL=OperationItem.js.map

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { HookConfig, Options, Pagination } from '../../services';
+interface PageFooterProps {
+    footerHook?: HookConfig<undefined>;
+    showNextButton: Options['showNextButton'];
+    nextSectionLink?: {
+        name: string;
+        href?: string;
+    };
+    pagination: Pagination;
+}
+export declare function PageFooterComponent({ showNextButton, nextSectionLink, pagination, }: PageFooterProps): JSX.Element | null;
+export declare const PageFooter: React.NamedExoticComponent<PageFooterProps>;
+export {};

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

@@ -0,0 +1,2 @@
+import{OpenApiFooter}from"@redocly/theme";import React,{memo}from"react";import{NextSectionButton}from"../NextSectionButton";export function PageFooterComponent({showNextButton:e,nextSectionLink:t,pagination:o}){switch(!0){case Boolean(OpenApiFooter):return React.createElement(OpenApiFooter,null);case Boolean(e&&t):return React.createElement(NextSectionButton,{href:(null==t?void 0:t.href)||"",label:null==t?void 0:t.name,pagination:o});default:return null}}export const PageFooter=memo(PageFooterComponent);
+//# sourceMappingURL=PageFooter.js.map

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

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

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

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

package/lib-esm/components/Panel/MiddlePanelWrapper.d.ts

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

package/lib-esm/components/Panel/{MiddleFooterWrapper.js → MiddlePanelWrapper.js}

@@ -1,4 +1,4 @@
-import styled from"styled-components";export const MiddleFooterWrapper=styled.div`
+import styled from"styled-components";export const MiddlePanelWrapper=styled.div`
   padding-top: calc(var(--spacing-unit) * 4);
   padding-bottom: calc(var(--spacing-unit) * 4);
   padding-left: var(--spacing-horizontal);
@@ -15,4 +15,4 @@ import styled from"styled-components";export const MiddleFooterWrapper=styled.di
     padding-right: var(--panel-gap-vertical, var(--panel-gap-horizontal));
   }
 `;
-//# sourceMappingURL=MiddleFooterWrapper.js.map
+//# sourceMappingURL=MiddlePanelWrapper.js.map

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

@@ -5,4 +5,4 @@ export * from './CodeHeader';
 export * from './ContentPanel';
 export * from './ResponsePanel';
 export * from './Accordion';
-export * from './MiddleFooterWrapper';
+export * from './MiddlePanelWrapper';

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

@@ -1,2 +1,2 @@
-export*from"./Trigger";export*from"./Description";export*from"./CodePanel";export*from"./CodeHeader";export*from"./ContentPanel";export*from"./ResponsePanel";export*from"./Accordion";export*from"./MiddleFooterWrapper";
+export*from"./Trigger";export*from"./Description";export*from"./CodePanel";export*from"./CodeHeader";export*from"./ContentPanel";export*from"./ResponsePanel";export*from"./Accordion";export*from"./MiddlePanelWrapper";
 //# sourceMappingURL=index.js.map

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

@@ -1,4 +1,4 @@
-import{LayoutVariant}from"@redocly/theme";import styled,{createGlobalStyle,css}from"styled-components";import{SamplesMiddlePanel,SamplesPanel}from"../common/panels";import{MiddleFooterWrapper}from"../Panel/MiddleFooterWrapper";export const RedocWrap=styled.div`
+import{LayoutVariant}from"@redocly/theme";import styled,{createGlobalStyle,css}from"styled-components";import{SamplesMiddlePanel,SamplesPanel}from"../common/panels";import{MiddlePanelWrapper}from"../Panel/MiddlePanelWrapper";export const RedocWrap=styled.div`
   display: flex;
   position: relative;
   text-align: left;
@@ -128,7 +128,7 @@ import{LayoutVariant}from"@redocly/theme";import styled,{createGlobalStyle,css}f
         `}}
   }
 
-  ${SamplesMiddlePanel}, ${MiddleFooterWrapper} {
+  ${SamplesMiddlePanel}, ${MiddlePanelWrapper} {
     ${({showRightPanelToggle:a,layout:e})=>a&&e===LayoutVariant.THREE_PANEL?css`
           margin: 0;
           ${({theme:a})=>a.mediaQueries.small} {

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { ContentItemModel } from 'src/models';
+import type { ContentItemModel } from '../../models';
 import type { Options } from '../../services';
 import { Pagination } from '../../services';
 interface SectionContentProps {
@@ -10,7 +10,6 @@ interface SectionContentProps {
         href?: string;
     };
     showNextButton: Options['showNextButton'];
-    footerHook?: Options['hooks']['MiddlePanelFooter'];
 }
-export declare function SectionContent({ items, pagination, nextSectionLink, showNextButton, footerHook, }: SectionContentProps): JSX.Element;
+export declare function SectionContent({ items, pagination, nextSectionLink, showNextButton, }: SectionContentProps): JSX.Element;
 export {};

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

@@ -1,2 +1,2 @@
-import React,{useMemo}from"react";import{ContentItem}from"../ContentItem";import{NextSectionButton}from"../NextSectionButton";import{Pagination}from"../../services";import{MiddleFooterWrapper}from"../Panel";import{RenderHook}from"../RenderHook";export function SectionContent({items:e,pagination:t,nextSectionLink:o,showNextButton:n,footerHook:r}){const i=useMemo((()=>t===Pagination.None?e:null==e?void 0:e.filter((e=>"section"===e.type))),[e,t]),a=useMemo((()=>r||n&&o?React.createElement(MiddleFooterWrapper,null,r?React.createElement(RenderHook,{Hook:r,props:void 0}):n&&o&&React.createElement(NextSectionButton,{href:(null==o?void 0:o.href)||"",label:null==o?void 0:o.name,pagination:t})):null),[r,o,t,n]);return React.createElement(React.Fragment,null,i.map((e=>React.createElement(ContentItem,{key:e.id,item:e}))),a)}
+import React,{useMemo}from"react";import{OpenApiHeader}from"@redocly/theme";import{ContentItem}from"../ContentItem";import{Pagination}from"../../services";import{MiddlePanelWrapper}from"../Panel";import{PageFooter}from"../PageFooter";export function SectionContent({items:e,pagination:t,nextSectionLink:n,showNextButton:o}){const a=useMemo((()=>t===Pagination.None?e:null==e?void 0:e.filter((e=>"section"===e.type))),[e,t]),r=useMemo((()=>React.createElement(MiddlePanelWrapper,null,React.createElement(PageFooter,{showNextButton:o,pagination:t,nextSectionLink:n}))),[n,t,o]),i=useMemo((()=>OpenApiHeader?React.createElement(MiddlePanelWrapper,null,React.createElement(OpenApiHeader,null)):null),[]);return React.createElement(React.Fragment,null,i,a.map((e=>React.createElement(ContentItem,{key:e.id,item:e}))),r)}
 //# sourceMappingURL=SectionContent.js.map

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

@@ -9,7 +9,6 @@ interface TagItemsProps {
     };
     pagination: Options['pagination'];
     showNextButton?: boolean;
-    footerHook?: Options['hooks']['MiddlePanelFooter'];
 }
-export declare function TagItems({ tag, nextSectionLink, pagination, showNextButton, footerHook, }: TagItemsProps): JSX.Element;
+export declare function TagItems({ tag, nextSectionLink, pagination, showNextButton, }: TagItemsProps): JSX.Element;
 export {};