@redocly/openapi-docs 3.0.0-alpha.25 → 3.0.0-alpha.26

package/lib/components/ContentItems/ContentItems.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 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.ContentItems=void 0;const react_1=__importStar(require("react")),react_router_dom_1=require("react-router-dom"),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");let isInitialHydrate=!0;function ContentItemsComponent({items:e,root:t=!1,pagination:n,showNextButton:r,showApiInfo:a,disablePaginationLoadingAnimation:o}){const[i,u]=(0,react_1.useState)(utils_1.IS_BROWSER&&!isInitialHydrate&&!o);(0,react_1.useEffect)((()=>{const e=setTimeout((()=>{u(!1)}),200);return isInitialHydrate=!1,()=>{clearTimeout(e)}}),[]),(0,useAutoScroll_1.useAutoScroll)(i);const c=(0,react_1.useMemo)((()=>e.filter((e=>"group"===e.type))),[e]),l=(0,react_1.useMemo)((()=>e.filter((e=>"tag"===e.type))),[e]),_=(0,react_1.useMemo)((()=>e.filter((e=>"operation"===e.type))),[e]),m=(0,react_1.useCallback)(((e,t)=>null==e?void 0:e.map(((e,a)=>{var o;const i=(0,helpers_1.getNextSectionLink)({groupItems:c,groupIdx:t,tagIdx:a});switch(n){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,pagination:n,showNextButton:r}):react_1.default.createElement(TagItems_1.TagItems,{tag:e,nextSectionLink:i,pagination:n,showNextButton:r})}),null===(o=e.items)||void 0===o?void 0:o.map((e=>{const o=(0,helpers_1.getNextSectionLink)({groupItems:c,groupIdx:t,tagIdx:a});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:o,pagination:n,showNextButton:r})})})));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:i,pagination:n,showNextButton:r})});default:return null}}))),[c,n,r]),s=(0,react_1.useMemo)((()=>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,nextSectionLink:(0,helpers_1.getNextSectionLink)({groupItems:c,groupIdx:0,tagIdx:0}),pagination:n,showNextButton:r,showApiInfo:a})}),c.length?c.map(((e,t)=>m(e.items,t))):m(l,0),_.length&&m(_,0),react_1.default.createElement(react_router_dom_1.Route,{path:"*",element:react_1.default.createElement(react_router_dom_1.Navigate,{to:"/",replace:!0})}))),[c,e,_,n,m,a,r,l]);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:[],pagination:n,showNextButton:r,showApiInfo:a})})):e.length?react_1.default.createElement(react_1.default.Fragment,null,i?react_1.default.createElement("div",{style:{flex:1,width:"100%"}},react_1.default.createElement(common_1.Skeleton,null)):t?react_1.default.createElement(react_1.default.Fragment,null,s,n===services_1.Pagination.Section&&_.length&&_.map((e=>react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e,pagination:n,showNextButton:r})))):e.map((e=>react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e,pagination:n,showNextButton:r})))):null}exports.ContentItems=(0,react_1.memo)(ContentItemsComponent);
+"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.ContentItems=void 0;const react_1=__importStar(require("react")),react_router_dom_1=require("react-router-dom"),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");let isInitialHydrate=!0;function ContentItemsComponent({items:e,root:t=!1,pagination:n,showNextButton:r,showApiInfo:a,disablePaginationLoadingAnimation:o}){const[i,u]=(0,react_1.useState)(utils_1.IS_BROWSER&&!isInitialHydrate&&!o);(0,react_1.useEffect)((()=>{const e=setTimeout((()=>{u(!1)}),200);return isInitialHydrate=!1,()=>{clearTimeout(e)}}),[]),(0,useAutoScroll_1.useAutoScroll)(i);const c=(0,react_1.useMemo)((()=>e.filter((e=>"group"===e.type))),[e]),l=(0,react_1.useMemo)((()=>e.filter((e=>"tag"===e.type))),[e]),_=(0,react_1.useMemo)((()=>e.filter((e=>"operation"===e.type))),[e]),m=(0,react_1.useCallback)(((e,t)=>null==e?void 0:e.map(((e,a)=>{var o;const i=(0,helpers_1.getNextSectionLink)({groupItems:c,groupIdx:t,tagIdx:a});switch(n){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,pagination:n,showNextButton:r}):react_1.default.createElement(TagItems_1.TagItems,{tag:e,nextSectionLink:i,pagination:n,showNextButton:r})}),null===(o=e.items)||void 0===o?void 0:o.map((e=>{const o=(0,helpers_1.getNextSectionLink)({groupItems:c,groupIdx:t,tagIdx:a});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:o,pagination:n,showNextButton:r})})})));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:i,pagination:n,showNextButton:r})});default:return null}}))),[c,n,r]),s=(0,react_1.useMemo)((()=>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,nextSectionLink:(0,helpers_1.getNextSectionLink)({groupItems:c,groupIdx:0,tagIdx:0}),pagination:n,showNextButton:r,showApiInfo:a})}),c.length?c.map(((e,t)=>m(e.items,t))):m(l,0),_.length&&m(_,0),react_1.default.createElement(react_router_dom_1.Route,{path:"*",element:react_1.default.createElement(react_router_dom_1.Navigate,{to:"/",replace:!0})}))),[c,e,_,n,m,a,r,l]);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:[],pagination:n,showNextButton:r,showApiInfo:a})})):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,s,n===services_1.Pagination.Section&&_.length&&_.map((e=>react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e,pagination:n,showNextButton:r})))):e.map((e=>react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e,pagination:n,showNextButton:r})))):null}exports.ContentItems=(0,react_1.memo)(ContentItemsComponent);
 //# sourceMappingURL=ContentItems.js.map

package/lib/components/Fields/DescriptionEnums.js

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

package/lib/components/Markdown/styled.js

@@ -88,6 +88,8 @@
   font-family: var(--font-family-base);
   font-weight: var(--font-weight-regular);
   line-height: var(--line-height-base);
+  max-height: none;
+
   p {
     margin: var(--md-paragraph-margin-vertical) var(--md-paragraph-margin-horizontal);
 

package/lib/components/OperationItem/OperationItem.js

@@ -1,9 +1,12 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,r){void 0===r&&(r=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,n)}:function(e,t,a,r){void 0===r&&(r=a),e[r]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t},__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"),constants_1=require("../../constants"),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"),RenderHook_1=require("../RenderHook"),services_1=require("../../services"),constants_1=require("../../constants"),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)`
+  flex-direction: column;
   align-items: flex-start;
   ${theme_1.H2} {
     position: relative;
   }
+`,OperationSubRowStyled=(0,styled_components_1.default)(panels_1.Row)`
+  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,n,o;const l=(0,recoil_1.useRecoilValue)(app_1.layoutSelector),s=(0,recoil_1.useRecoilValue)(app_1.showRightPanelToggleSelector),{parser:c,options:i}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),{hooks:u,events:p,feedback:_,showWebhookVerb:d,pathInMiddlePanel:m,expandDefaultRequest:f,expandDefaultResponse:E}=i,k=(0,operation_1.getOperation)(c,e,t,i,a),{name:v,description:b,deprecated:q,externalDocs:h,isWebhook:R,httpVerb:g}=k,S=(0,recoil_1.useSetRecoilState)((0,operation_2.operationStore)(k.pointer));(0,theme_1.useMount)((()=>{S((e=>Object.assign(Object.assign({},e),{activeExampleName:k.activeExampleName,activeServer:k.activeServer})))}));const y=!(!b&&!h),O=(0,react_1.useCallback)((e=>t=>{var a;const r=(0,events_1.creatPanelToggleEvent)({operation:k,isExpanded:t,panelType:e});null===(a=null==p?void 0:p.panelToggle)||void 0===a||a.call(p,r)}),[p,k]);return react_1.default.createElement(OperationRow,{layout:l},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:l===constants_1.LayoutVariant.STACKED||!s},react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==u?void 0:u.BeforeOperation,props:{operation:k}}),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:k}}),v,react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==u?void 0:u.AfterOperationSummary,props:{operation:k}}),q&&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"),d&&g&&react_1.default.createElement(common_1.Badge,null,g.toUpperCase()))),m&&!R&&react_1.default.createElement(Endpoint_1.Endpoint,{operation:k}),y&&react_1.default.createElement(Description,null,void 0!==b&&react_1.default.createElement(Markdown_1.Markdown,{source:b}),h&&react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:h}),Object.keys(k.extensions||{}).length?react_1.default.createElement(Fields_1.Extensions,{extensions:k.extensions}):null),react_1.default.createElement(SecurityRequirement_1.SecurityRequirements,{securities:k.security}),(null===(r=k.parameters)||void 0===r?void 0:r.length)||k.requestBody?react_1.default.createElement(Panel_1.ContentPanel,{header:(0,services_1.l)("request"),onToggle:O("request"),expanded:f,className:"panel-request-schemas"},react_1.default.createElement(Parameters_1.Parameters,{parameters:k.parameters,body:k.requestBody})):null,(null===(n=k.responses)||void 0===n?void 0:n.length)?react_1.default.createElement(Panel_1.ContentPanel,{header:(0,services_1.l)("responses"),onToggle:O("responses"),expanded:E,className:"panel-response-schemas"},react_1.default.createElement(Responses_1.ResponsesList,{responses:k.responses})):null,(null===(o=k.callbacks)||void 0===o?void 0:o.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:k.callbacks})):null,react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==u?void 0:u.AfterOperation,props:{operation:k}}),!1===(null==_?void 0:_.hide)?react_1.default.createElement(theme_1.Feedback,{type:_.type,settings:_.settings,path:k.href}):null),s?react_1.default.createElement(common_1.SamplesPanel,{"data-cy":"samples-block"},!m&&!R&&react_1.default.createElement(Endpoint_1.Endpoint,{operation:k}),react_1.default.createElement(RequestSamples_1.RequestSamples,{operation:k}),react_1.default.createElement(ResponseSamples_1.ResponseSamples,{operation:k}),react_1.default.createElement(CallbackSamples_1.CallbackSamples,{callbacks:k.callbacks})):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:s,options:i}=(0,recoil_1.useRecoilValue)(store_1.globalStoreSelector),{hooks:u,events:d,feedback:m,showWebhookVerb:_,pathInMiddlePanel:p,expandDefaultRequest:f,expandDefaultResponse:S}=i,E=(0,operation_1.getOperation)(s,e,t,i,a),{name:k,description:b,deprecated:y,externalDocs:v,isWebhook:R,httpVerb:q}=E,h=(0,recoil_1.useSetRecoilState)((0,operation_2.operationStore)(E.pointer)),g=o===constants_1.LayoutVariant.STACKED||!c;(0,theme_1.useMount)((()=>{h((e=>Object.assign(Object.assign({},e),{activeExampleName:E.activeExampleName,activeServer:E.activeServer})))}));const O=!(!b&&!v),P=(0,react_1.useCallback)((e=>t=>{var a;const r=(0,events_1.creatPanelToggleEvent)({operation:E,isExpanded:t,panelType:e});null===(a=null==d?void 0:d.panelToggle)||void 0===a||a.call(d,r)}),[d,E]);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: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:null==u?void 0:u.BeforeOperationSummary,props:{operation:E}}),k,react_1.default.createElement(RenderHook_1.RenderHook,{Hook:null==u?void 0:u.AfterOperationSummary,props:{operation:E}}),y&&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"),_&&q&&react_1.default.createElement(common_1.Badge,null,q.toUpperCase()))),p&&!R&&react_1.default.createElement(Endpoint_1.Endpoint,{operation:E}))),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}),v&&react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:v}),Object.keys(E.extensions||{}).length?react_1.default.createElement(Fields_1.Extensions,{extensions:E.extensions}):null)),c?react_1.default.createElement(common_1.SamplesPanel,{"data-cy":"samples-block"},!p&&!R&&react_1.default.createElement(Endpoint_1.Endpoint,{operation:E})):null),react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:g},react_1.default.createElement(SecurityRequirement_1.SecurityRequirements,{securities:E.security}))),react_1.default.createElement(OperationSubRowStyled,{layout:o},react_1.default.createElement(common_1.SamplesMiddlePanel,{isStacked:g},(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"},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:g},(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.ResponsesList,{responses:E.responses})):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:g},(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: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:g},!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/Responses/Response.js

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

package/lib/components/common/panels.js

@@ -52,6 +52,7 @@
 `,exports.SamplesPanel=styled_components_1.default.div`
   color: var(--panel-samples-text-color);
   width: 100%;
+  height: fit-content;
   padding-top: var(--panel-gap-vertical);
   padding-bottom: var(--panel-gap-vertical);
   padding-left: var(--panel-gap-horizontal);

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{Pagination}from"../../services";import{IS_BROWSER}from"../../utils";import{Skeleton}from"../common";import{getNextSectionLink}from"./helpers";import{SectionContent}from"../SectionContent";import{TagItems}from"../TagItems";import{useAutoScroll}from"./useAutoScroll";import{ContentItem}from"../ContentItem";let isInitialHydrate=!0;function ContentItemsComponent({items:e,root:t=!1,pagination:n,showNextButton:o,showApiInfo:a,disablePaginationLoadingAnimation:i}){const[m,r]=useState(IS_BROWSER&&!isInitialHydrate&&!i);useEffect((()=>{const e=setTimeout((()=>{r(!1)}),200);return isInitialHydrate=!1,()=>{clearTimeout(e)}}),[]),useAutoScroll(m);const c=useMemo((()=>e.filter((e=>"group"===e.type))),[e]),l=useMemo((()=>e.filter((e=>"tag"===e.type))),[e]),u=useMemo((()=>e.filter((e=>"operation"===e.type))),[e]),s=useCallback(((e,t)=>null==e?void 0:e.map(((e,a)=>{var i;const m=getNextSectionLink({groupItems:c,groupIdx:t,tagIdx:a});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,pagination:n,showNextButton:o}):React.createElement(TagItems,{tag:e,nextSectionLink:m,pagination:n,showNextButton:o})}),null===(i=e.items)||void 0===i?void 0:i.map((e=>{const i=getNextSectionLink({groupItems:c,groupIdx:t,tagIdx:a});return React.createElement(Route,{key:e.id,path:e.id,element:React.createElement(TagItems,{tag:e,nextSectionLink:i,pagination:n,showNextButton:o})})})));case Pagination.Section:return React.createElement(Route,{key:e.id,path:e.id,element:React.createElement(TagItems,{tag:e,nextSectionLink:m,pagination:n,showNextButton:o})});default:return null}}))),[c,n,o]),p=useMemo((()=>React.createElement(Routes,null,React.createElement(Route,{path:"/",element:React.createElement(SectionContent,{items:e,nextSectionLink:getNextSectionLink({groupItems:c,groupIdx:0,tagIdx:0}),pagination:n,showNextButton:o,showApiInfo:a})}),c.length?c.map(((e,t)=>s(e.items,t))):s(l,0),u.length&&s(u,0),React.createElement(Route,{path:"*",element:React.createElement(Navigate,{to:"/",replace:!0})}))),[c,e,u,n,s,a,o,l]);return t&&!e.length?React.createElement(Routes,null,React.createElement(Route,{path:"*",element:React.createElement(SectionContent,{items:[],pagination:n,showNextButton:o,showApiInfo:a})})):e.length?React.createElement(React.Fragment,null,m?React.createElement("div",{style:{flex:1,width:"100%"}},React.createElement(Skeleton,null)):t?React.createElement(React.Fragment,null,p,n===Pagination.Section&&u.length&&u.map((e=>React.createElement(ContentItem,{key:e.id,item:e,pagination:n,showNextButton:o})))):e.map((e=>React.createElement(ContentItem,{key:e.id,item:e,pagination:n,showNextButton:o})))):null}export const ContentItems=memo(ContentItemsComponent);
+import React,{memo,useMemo,useState,useEffect,useCallback}from"react";import{Navigate,Route,Routes}from"react-router-dom";import{Pagination}from"../../services";import{IS_BROWSER}from"../../utils";import{Skeleton}from"../common";import{getNextSectionLink}from"./helpers";import{SectionContent}from"../SectionContent";import{TagItems}from"../TagItems";import{useAutoScroll}from"./useAutoScroll";import{ContentItem}from"../ContentItem";let isInitialHydrate=!0;function ContentItemsComponent({items:e,root:t=!1,pagination:n,showNextButton:o,showApiInfo:a,disablePaginationLoadingAnimation:i}){const[m,r]=useState(IS_BROWSER&&!isInitialHydrate&&!i);useEffect((()=>{const e=setTimeout((()=>{r(!1)}),200);return isInitialHydrate=!1,()=>{clearTimeout(e)}}),[]),useAutoScroll(m);const c=useMemo((()=>e.filter((e=>"group"===e.type))),[e]),l=useMemo((()=>e.filter((e=>"tag"===e.type))),[e]),u=useMemo((()=>e.filter((e=>"operation"===e.type))),[e]),s=useCallback(((e,t)=>null==e?void 0:e.map(((e,a)=>{var i;const m=getNextSectionLink({groupItems:c,groupIdx:t,tagIdx:a});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,pagination:n,showNextButton:o}):React.createElement(TagItems,{tag:e,nextSectionLink:m,pagination:n,showNextButton:o})}),null===(i=e.items)||void 0===i?void 0:i.map((e=>{const i=getNextSectionLink({groupItems:c,groupIdx:t,tagIdx:a});return React.createElement(Route,{key:e.id,path:e.id,element:React.createElement(TagItems,{tag:e,nextSectionLink:i,pagination:n,showNextButton:o})})})));case Pagination.Section:return React.createElement(Route,{key:e.id,path:e.id,element:React.createElement(TagItems,{tag:e,nextSectionLink:m,pagination:n,showNextButton:o})});default:return null}}))),[c,n,o]),p=useMemo((()=>React.createElement(Routes,null,React.createElement(Route,{path:"/",element:React.createElement(SectionContent,{items:e,nextSectionLink:getNextSectionLink({groupItems:c,groupIdx:0,tagIdx:0}),pagination:n,showNextButton:o,showApiInfo:a})}),c.length?c.map(((e,t)=>s(e.items,t))):s(l,0),u.length&&s(u,0),React.createElement(Route,{path:"*",element:React.createElement(Navigate,{to:"/",replace:!0})}))),[c,e,u,n,s,a,o,l]);return t&&!e.length?React.createElement(Routes,null,React.createElement(Route,{path:"*",element:React.createElement(SectionContent,{items:[],pagination:n,showNextButton:o,showApiInfo:a})})):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,p,n===Pagination.Section&&u.length&&u.map((e=>React.createElement(ContentItem,{key:e.id,item:e,pagination:n,showNextButton:o})))):e.map((e=>React.createElement(ContentItem,{key:e.id,item:e,pagination:n,showNextButton:o})))):null}export const ContentItems=memo(ContentItemsComponent);
 //# sourceMappingURL=ContentItems.js.map

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

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

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

@@ -88,6 +88,8 @@ import styled,{css}from"styled-components";import{CodeBlock}from"@redocly/theme"
   font-family: var(--font-family-base);
   font-weight: var(--font-weight-regular);
   line-height: var(--line-height-base);
+  max-height: none;
+
   p {
     margin: var(--md-paragraph-margin-vertical) var(--md-paragraph-margin-horizontal);
 

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

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

package/lib-esm/components/Responses/Response.js

@@ -1,2 +1,2 @@
-import React from"react";import{useLocation}from"react-router-dom";import{StyledResponsePanel}from"../Panel";import{ResponseDetails}from"./ResponseDetails";import{ResponseSummary}from"./ResponseSummary";import{checkIfPathIncludes}from"../SideMenu/useMenuItemLink";export function Response({response:e}){var o;const t=useLocation();return React.createElement(StyledResponsePanel,{header:({toggle:o})=>React.createElement(ResponseSummary,{response:e,toggle:o}),expanded:[null===(o=null==e?void 0:e.content)||void 0===o?void 0:o.operation.href,`c=${e.code}`].every((e=>checkIfPathIncludes(t,e))),className:`panel-response-${e.type}`},React.createElement(ResponseDetails,{response:e}))}
+import React from"react";import{useLocation}from"react-router-dom";import{StyledResponsePanel}from"../Panel";import{ResponseDetails}from"./ResponseDetails";import{ResponseSummary}from"./ResponseSummary";import{checkIfPathIncludes}from"../SideMenu/useMenuItemLink";export function Response({response:e}){var o;const t="200"===e.code,n=useLocation();return React.createElement(StyledResponsePanel,{header:({toggle:o})=>React.createElement(ResponseSummary,{response:e,toggle:o}),expanded:[null===(o=null==e?void 0:e.content)||void 0===o?void 0:o.operation.href,`c=${e.code}`].every((e=>checkIfPathIncludes(n,e)))||t,className:`panel-response-${e.type}`},React.createElement(ResponseDetails,{response:e}))}
 //# sourceMappingURL=Response.js.map

package/lib-esm/components/common/panels.js

@@ -52,6 +52,7 @@ import{H2}from"@redocly/theme";import styled,{css}from"styled-components";import
 `;export const SamplesPanel=styled.div`
   color: var(--panel-samples-text-color);
   width: 100%;
+  height: fit-content;
   padding-top: var(--panel-gap-vertical);
   padding-bottom: var(--panel-gap-vertical);
   padding-left: var(--panel-gap-horizontal);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/openapi-docs",
-  "version": "3.0.0-alpha.25",
+  "version": "3.0.0-alpha.26",
   "description": "Redocly OpenAPI Docs",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -92,7 +92,7 @@
   "devDependencies": {
     "@percy/cli": "^1.10.3",
     "@percy/cypress": "^3.1.1",
-    "@redocly/theme": "^0.9.8",
+    "@redocly/theme": "^0.9.9",
     "@testing-library/jest-dom": "^5.15.1",
     "@testing-library/react": "^12.1.4",
     "@testing-library/react-hooks": "^8.0.1",