@redocly/openapi-docs 0.0.0-beta-20240320161915 → 0.0.0-beta-20240322172105

package/lib/components/Callbacks/CallbackDetails.js

@@ -1,4 +1,5 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackDetails=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),Responses_1=require("../Responses"),RequestDetails_1=require("../Request/RequestDetails");function CallbackDetailsComponent({operation:e}){var t;return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(RequestDetails_1.RequestDetails,{operation:e,title:"Callback Request"}),(null===(t=e.responses)||void 0===t?void 0:t.length)?(0,jsx_runtime_1.jsx)(Responses_1.OperationResponseList,{responses:e.responses,operation:e,title:(0,jsx_runtime_1.jsx)(Title,{children:"Callback Response"})}):null]})}exports.CallbackDetails=(0,react_1.memo)(CallbackDetailsComponent);const Title=styled_components_1.default.h4`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackDetails=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),Responses_1=require("../Responses"),RequestDetails_1=require("../Request/RequestDetails"),LinkToField_1=require("../common/LinkToField"),services_1=require("../../services");function CallbackDetailsComponent({operation:e}){var t;const i=(0,react_1.useCallback)((t=>(0,jsx_runtime_1.jsxs)(Title,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(e.id,`${e.callbackId}/callback-response&c=${t.key}`)}),"Callback Response"]})),[e.callbackId,e.id]);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(RequestDetails_1.RequestDetails,{operation:e,title:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(e.id,`${e.callbackId}/callback-request`)}),"Callback Request"]})}),(null===(t=e.responses)||void 0===t?void 0:t.length)?(0,jsx_runtime_1.jsx)(Responses_1.OperationResponseList,{responses:e.responses,operationId:e.id,operationPointer:e.pointer,callbackId:e.callbackId,renderTitle:i}):null]})}exports.CallbackDetails=(0,react_1.memo)(CallbackDetailsComponent);const Title=styled_components_1.default.h4`
+  position: relative;
   font-size: var(--font-size-lg);
   font-weight: var(--h4-font-weight);
   line-height: var(--h4-line-height);
@@ -8,5 +9,12 @@
   align-items: center;
   justify-content: space-between;
   margin: 0 var(--spacing-sm) 0 0;
+
+  :hover {
+    ${theme_1.LinkIcon} {
+      opacity: 1;
+      visibility: visible;
+    }
+  }
 `;
 //# sourceMappingURL=CallbackDetails.js.map

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

@@ -5,4 +5,4 @@ export interface CallbackOperationProps {
     onExpand: (a: OperationModel | null) => void;
     selectedCallback: OperationModel | null;
 }
-export declare const CallbackOperation: ({ operation, onExpand, selectedCallback, }: CallbackOperationProps) => ReactElement;
+export declare const CallbackOperation: ({ operation, operation: { callbackId }, onExpand, selectedCallback, }: CallbackOperationProps) => ReactElement;

package/lib/components/Callbacks/CallbackOperation.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.CallbackOperation=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components")),react_router_dom_1=require("react-router-dom"),Panel_1=require("../Panel"),CallbackDetails_1=require("./CallbackDetails"),CallbackSummary_1=require("./CallbackSummary"),utils_1=require("../../utils"),CallbackOperation=({operation:e,onExpand:a,selectedCallback:l})=>{const t=(0,react_router_dom_1.useLocation)();return(0,jsx_runtime_1.jsx)(Panel_1.CallbackPanel,{header:({expanded:l,toggle:t})=>(0,jsx_runtime_1.jsx)(CallbackSummary_1.CallbackSummary,{operation:e,toggle:r=>{null==t||t(r),null==a||a(l?null:e)},expanded:l}),expanded:(null==l?void 0:l.callbackId)===e.callbackId||(0,utils_1.pathIncludesLink)(t,`c=${e.callbackId}`),className:"panel-response-callback",children:(0,jsx_runtime_1.jsxs)(CallbackDetailsWrap,{children:[(0,jsx_runtime_1.jsx)(CallbackDetails_1.CallbackDetails,{operation:e}),(0,jsx_runtime_1.jsx)(LeftBorder,{})]})})};exports.CallbackOperation=CallbackOperation;const CallbackDetailsWrap=styled_components_1.default.div`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackOperation=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components")),react_router_dom_1=require("react-router-dom"),Panel_1=require("../Panel"),CallbackDetails_1=require("./CallbackDetails"),CallbackSummary_1=require("./CallbackSummary"),utils_1=require("../../utils"),CallbackOperation=({operation:e,operation:{callbackId:a},onExpand:l,selectedCallback:t})=>{const r=(0,react_router_dom_1.useLocation)();return(0,jsx_runtime_1.jsx)(Panel_1.CallbackPanel,{header:({expanded:a,toggle:t})=>(0,jsx_runtime_1.jsx)(CallbackSummary_1.CallbackSummary,{callback:e,toggle:r=>{null==t||t(r),null==l||l(a?null:e)},expanded:a}),expanded:(null==t?void 0:t.callbackId)===a||(0,utils_1.pathIncludesLink)(r,a),className:"panel-response-callback",children:(0,jsx_runtime_1.jsxs)(CallbackDetailsWrap,{children:[(0,jsx_runtime_1.jsx)(CallbackDetails_1.CallbackDetails,{operation:e}),(0,jsx_runtime_1.jsx)(LeftBorder,{})]})})};exports.CallbackOperation=CallbackOperation;const CallbackDetailsWrap=styled_components_1.default.div`
   position: relative;
   .property:last-child {
     border-bottom: none;

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

@@ -2,6 +2,6 @@ import type { ReactElement } from 'react';
 import type { PanelHeaderProps } from '@redocly/theme';
 import type { OperationModel } from '../../models';
 export interface CallbackTitleProps extends PanelHeaderProps {
-    operation: OperationModel;
+    callback: OperationModel;
 }
-export declare function CallbackSummary({ expanded, toggle, operation: { name, httpVerb, deprecated, callbackId, id }, }: CallbackTitleProps): ReactElement;
+export declare function CallbackSummary({ expanded, toggle, callback: { name, httpVerb, deprecated, callbackId, id }, }: CallbackTitleProps): ReactElement;

package/lib/components/Callbacks/CallbackSummary.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.CallbackSummary=void 0;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),Panel_1=require("../Panel"),shared_1=require("../shared"),services_1=require("../../services"),utils_1=require("../../utils"),styled_1=require("./styled"),PlusCircleIcon_1=require("../PropertyDetails/PlusCircleIcon"),LinkToField_1=require("../common/LinkToField");function CallbackSummary({expanded:e=!1,toggle:r,operation:{name:i,httpVerb:t,deprecated:n,callbackId:a,id:l}}){return(0,jsx_runtime_1.jsxs)(CallbackHeader,{expanded:e,onClick:r,children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(l,`callbacks&c=${a}`)}),(0,jsx_runtime_1.jsxs)(Panel_1.Trigger,{children:[(0,jsx_runtime_1.jsx)(CircleIconWrap,{children:(0,jsx_runtime_1.jsx)(PlusCircleIcon_1.CircleIcon,{sign:e?"-":"+"})}),(0,jsx_runtime_1.jsx)(styled_1.CallbackTitle,{deprecated:n,children:i}),(0,jsx_runtime_1.jsx)(shared_1.HttpVerb,{color:t,children:(0,utils_1.shortenHTTPVerb)(t)}),n?(0,jsx_runtime_1.jsx)(theme_1.Badge,{deprecated:!0,children:"Deprecated"}):null]})]})}exports.CallbackSummary=CallbackSummary;const CallbackHeader=(0,styled_components_1.default)(theme_1.PanelHeader)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackSummary=void 0;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),Panel_1=require("../Panel"),shared_1=require("../shared"),services_1=require("../../services"),utils_1=require("../../utils"),styled_1=require("./styled"),PlusCircleIcon_1=require("../PropertyDetails/PlusCircleIcon"),LinkToField_1=require("../common/LinkToField");function CallbackSummary({expanded:e=!1,toggle:r,callback:{name:i,httpVerb:t,deprecated:a,callbackId:l,id:n}}){return(0,jsx_runtime_1.jsxs)(CallbackHeader,{expanded:e,onClick:r,children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(n,`callbacks/${l}`)}),(0,jsx_runtime_1.jsxs)(Panel_1.Trigger,{children:[(0,jsx_runtime_1.jsx)(CircleIconWrap,{children:(0,jsx_runtime_1.jsx)(PlusCircleIcon_1.CircleIcon,{sign:e?"-":"+"})}),(0,jsx_runtime_1.jsx)(styled_1.CallbackTitle,{deprecated:a,children:i}),(0,jsx_runtime_1.jsx)(shared_1.HttpVerb,{color:t,children:(0,utils_1.shortenHTTPVerb)(t)}),a?(0,jsx_runtime_1.jsx)(theme_1.Badge,{deprecated:!0,children:"Deprecated"}):null]})]})}exports.CallbackSummary=CallbackSummary;const CallbackHeader=(0,styled_components_1.default)(theme_1.PanelHeader)`
   padding: var(--spacing-sm) 0 var(--spacing-sm) calc(var(--spacing-unit) / 2);
   margin: 0;
   line-height: var(--line-height-base);

package/lib/components/Content/useAutoScroll.js

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

package/lib/components/Discriminator/Discriminator.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.Discriminator=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),utils_1=require("../../utils"),SchemaSelection_1=require("../common/SchemaSelection"),common_1=require("../common");function DiscriminatorDropdownComponent({parent:e,onChange:r}){const t=(0,react_1.useMemo)((()=>(e.oneOf||[]).map(((e,r)=>({label:e.schema.deprecated?`${(0,utils_1.strikethroughText)(e.title)} (deprecated)`:e.title,value:r})))),[e.oneOf]);return void 0===e.oneOf?null:(0,jsx_runtime_1.jsxs)(Wrapper,{children:[(0,jsx_runtime_1.jsx)(common_1.SelectionTitle,{children:"Discriminator"}),(0,jsx_runtime_1.jsx)(SchemaSelection_1.SchemaSelection,{options:t,pointer:e.deps.operation.pointer,onChange:r,schema:e})]})}exports.Discriminator=(0,react_1.memo)(DiscriminatorDropdownComponent);const Wrapper=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.Discriminator=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),utils_1=require("../../utils"),SchemaSelection_1=require("../common/SchemaSelection"),common_1=require("../common");function DiscriminatorDropdownComponent({parent:e,onChange:r}){const t=(0,react_1.useMemo)((()=>(e.oneOf||[]).map(((e,r)=>({label:e.schema.deprecated?`${(0,utils_1.strikethroughText)(e.title)} (deprecated)`:e.title,value:r})))),[e.oneOf]);return void 0===e.oneOf?null:(0,jsx_runtime_1.jsxs)(Wrapper,{children:[(0,jsx_runtime_1.jsx)(common_1.SelectionTitle,{children:"Discriminator"}),(0,jsx_runtime_1.jsx)(SchemaSelection_1.SchemaSelection,{options:t,pointer:e.operationPointer,onChange:r,schema:e})]})}exports.Discriminator=(0,react_1.memo)(DiscriminatorDropdownComponent);const Wrapper=styled_components_1.default.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;

package/lib/components/ExpandAllButton/_tests_/schemas.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.schemas=void 0;const deps={type:"request",operation:{id:"pet/addpet",pointer:"/paths/~1pet/post",href:"/pet/addpet"}};exports.schemas={circularSchema:{type:"object",isCircular:!0},nestedSchemas:{deps:deps,type:"object",isPrimitive:!1,fields:[{deps:deps,fieldFullPath:"category",schema:{deps:deps,type:"object",isPrimitive:!1,fields:[{fieldFullPath:"category/sub",deps:deps,schema:{type:"object",isPrimitive:!1,fields:[{fieldFullPath:"category/sub/prop1",schema:{type:"string",isPrimitive:!0}}]}}]}},{deps:deps,fieldFullPath:"tags",schema:{deps:deps,type:"array",isPrimitive:!1,items:{type:"object",isPrimitive:!1,fields:[{fieldFullPath:"tags/prop1",schema:{type:"string",isPrimitive:!0}}]}}}]},schemaWithOneOf:{type:"object",isPrimitive:!1,deps:deps,oneOf:[{type:"object",isPrimitive:!1,fields:[{deps:deps,fieldFullPath:"category",schema:{deps:deps,type:"object",isPrimitive:!1,fields:[{fieldFullPath:"category/sub",deps:deps,schema:{type:"object",isPrimitive:!1,fields:[{fieldFullPath:"category/sub/prop1",schema:{type:"string",isPrimitive:!0}}]}}]}},{deps:deps,fieldFullPath:"tags",schema:{deps:deps,type:"array",isPrimitive:!1,items:{type:"object",fields:[{fieldFullPath:"tags/prop1",schema:{isPrimitive:!0,type:"string"}}]}}}]},{type:"object",isPrimitive:!1,fields:[{fieldFullPath:"tags/prop2",schema:{type:"string",isPrimitive:!0}}]}]},arraySchema:{type:"array",isPrimitive:!1,deps:deps,items:{type:"object",isPrimitive:!1,deps:deps,fields:[{deps:deps,fieldFullPath:"id",schema:{deps:deps,type:"integer",isPrimitive:!0}},{deps:deps,fieldFullPath:"name",schema:{deps:deps,type:"string",isPrimitive:!0}},{deps:deps,fieldFullPath:"nestedData",schema:{deps:deps,type:"object",isPrimitive:!1,fields:[{deps:deps,fieldFullPath:"nestedData/level1",schema:{deps:deps,type:"object",isPrimitive:!1,fields:[{deps:deps,fieldFullPath:"nestedData/level1/level2",schema:{deps:deps,type:"object",isPrimitive:!1,fields:[{deps:deps,fieldFullPath:"nestedData/level1/level2/level3",schema:{deps:deps,type:"string",isPrimitive:!0}}]}}]}}]}}]}},schemaWithOneOfAndCircularSchema:{type:"object",isPrimitive:!1,deps:deps,pointer:"schema/pointer",oneOf:[{type:"object",deps:deps,isPrimitive:!1,isCircular:!0},{type:"object",deps:deps,isPrimitive:!1,fields:[{fieldFullPath:"0/name",deps:deps,schema:{type:"string",isPrimitive:!0,deps:deps}},{fieldFullPath:"0/nestedData",deps:deps,schema:{isPrimitive:!1,deps:deps,type:"object",fields:[{fieldFullPath:"0/nestedData/level1",deps:deps,schema:{isCircular:!0,deps:deps,type:"object",fields:[{deps:deps,fieldFullPath:"0/name",schema:{deps:deps,type:"string",isPrimitive:!0}},{fieldFullPath:"0/nestedData",deps:deps,schema:{isPrimitive:!1,deps:deps,type:"object",fields:[{fieldFullPath:"0/nestedData/level1",deps:deps,schema:{deps:deps,isPrimitive:!0,type:"string"}}]}}]}}]}}]}]}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.schemas=void 0;const deps={type:"request",operation:{id:"pet/addpet",pointer:"/paths/~1pet/post",href:"/pet/addpet"}};exports.schemas={circularSchema:{type:"object",isCircular:!0},nestedSchemas:{type:"object",isPrimitive:!1,fields:[{deps:deps,fieldFullPath:"category",schema:{type:"object",isPrimitive:!1,fields:[{fieldFullPath:"category/sub",deps:deps,schema:{type:"object",isPrimitive:!1,fields:[{fieldFullPath:"category/sub/prop1",schema:{type:"string",isPrimitive:!0}}]}}]}},{deps:deps,fieldFullPath:"tags",schema:{type:"array",isPrimitive:!1,items:{type:"object",isPrimitive:!1,fields:[{fieldFullPath:"tags/prop1",schema:{type:"string",isPrimitive:!0}}]}}}]},schemaWithOneOf:{type:"object",isPrimitive:!1,oneOf:[{type:"object",isPrimitive:!1,fields:[{deps:deps,fieldFullPath:"category",schema:{type:"object",isPrimitive:!1,fields:[{fieldFullPath:"category/sub",deps:deps,schema:{type:"object",isPrimitive:!1,fields:[{fieldFullPath:"category/sub/prop1",schema:{type:"string",isPrimitive:!0}}]}}]}},{deps:deps,fieldFullPath:"tags",schema:{type:"array",isPrimitive:!1,items:{type:"object",fields:[{fieldFullPath:"tags/prop1",schema:{isPrimitive:!0,type:"string"}}]}}}]},{type:"object",isPrimitive:!1,fields:[{fieldFullPath:"tags/prop2",schema:{type:"string",isPrimitive:!0}}]}]},arraySchema:{type:"array",isPrimitive:!1,items:{type:"object",isPrimitive:!1,fields:[{deps:deps,fieldFullPath:"id",schema:{type:"integer",isPrimitive:!0}},{deps:deps,fieldFullPath:"name",schema:{type:"string",isPrimitive:!0}},{deps:deps,fieldFullPath:"nestedData",schema:{type:"object",isPrimitive:!1,fields:[{deps:deps,fieldFullPath:"nestedData/level1",schema:{type:"object",isPrimitive:!1,fields:[{deps:deps,fieldFullPath:"nestedData/level1/level2",schema:{type:"object",isPrimitive:!1,fields:[{deps:deps,fieldFullPath:"nestedData/level1/level2/level3",schema:{type:"string",isPrimitive:!0}}]}}]}}]}}]}},schemaWithOneOfAndCircularSchema:{type:"object",isPrimitive:!1,pointer:"schema/pointer",oneOf:[{type:"object",isPrimitive:!1,isCircular:!0},{type:"object",isPrimitive:!1,fields:[{fieldFullPath:"0/name",deps:deps,schema:{type:"string",isPrimitive:!0}},{fieldFullPath:"0/nestedData",deps:deps,schema:{isPrimitive:!1,type:"object",fields:[{fieldFullPath:"0/nestedData/level1",deps:deps,schema:{isCircular:!0,type:"object",fields:[{deps:deps,fieldFullPath:"0/name",schema:{type:"string",isPrimitive:!0}},{fieldFullPath:"0/nestedData",deps:deps,schema:{isPrimitive:!1,type:"object",fields:[{fieldFullPath:"0/nestedData/level1",deps:deps,schema:{isPrimitive:!0,type:"string"}}]}}]}}]}}]}]}};
 //# sourceMappingURL=schemas.js.map

package/lib/components/Language/LanguageList.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageList=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),LanguageDropdown_1=require("./LanguageDropdown"),app_1=require("../../jotai/app"),styled_1=require("./styled"),LanguageItem_1=require("./LanguageItem"),constants_1=require("./constants");function LanguageListComponent({languages:e,activeLanguage:t}){const[n,a]=(0,react_1.useState)(e),[s,i]=(0,react_1.useState)([]),r=(0,react_1.useRef)(null),o=(0,jotai_1.useAtomValue)(app_1.layoutAtom),u=(0,jotai_1.useSetAtom)(app_1.languageAtom),c=(0,react_1.useCallback)((()=>{var e;const o=null===(e=null==r?void 0:r.current)||void 0===e?void 0:e.offsetWidth,{newVisibleItems:u,newHiddenItems:c}=calculateVisibleAndHiddenItems(o,[...n,...s]),_=c.findIndex((e=>e.key===t.key));-1!==_&&swapItems(u,c,_),a(u),i(c)}),[t.key,s,n]);return(0,react_1.useLayoutEffect)((()=>(c(),window.addEventListener("resize",c),()=>{window.removeEventListener("resize",c)})),[o,t]),(0,jsx_runtime_1.jsxs)(styled_1.Container,{ref:r,children:[(0,jsx_runtime_1.jsx)(styled_1.LanguageListContainer,{children:n.map((e=>(0,jsx_runtime_1.jsx)(styled_1.LanguageListItem,{onClick:()=>u({activeLanguage:e}),active:t.key===e.key,children:(0,jsx_runtime_1.jsx)(LanguageItem_1.LanguageItem,{item:e,withIcon:!0})},e.key)))}),s.length?(0,jsx_runtime_1.jsx)(LanguageDropdown_1.LanguageDropdown,{activeTab:t,samples:s,onChange:e=>{const t=s.findIndex((t=>t.key===e.key));if(-1!==t){const r=[...s],o=[...n];swapItems(o,r,t),a(o),i(r),u({activeLanguage:e})}},controller:(0,jsx_runtime_1.jsx)(theme_1.Button,{variant:"ghost",icon:(0,jsx_runtime_1.jsx)(theme_1.OverflowMenuVerticalIcon,{})}),withArrow:!1,withCheckmark:!1,width:156}):null]})}function calculateVisibleAndHiddenItems(e,t){let n=0;const a=[],s=[];return t.forEach((t=>{const i=constants_1.ITEM_WIDTH;e&&n+i<=e?(a.push(t),n+=i):s.push(t)})),{newVisibleItems:a,newHiddenItems:s}}function swapItems(e,t,n){const a=e[e.length-1];a&&(e[e.length-1]=t[n],t[n]=a)}exports.LanguageList=(0,react_1.memo)(LanguageListComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageList=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),LanguageDropdown_1=require("./LanguageDropdown"),app_1=require("../../jotai/app"),styled_1=require("./styled"),LanguageItem_1=require("./LanguageItem"),constants_1=require("./constants");function LanguageListComponent({languages:e,activeLanguage:t}){const[n,a]=(0,react_1.useState)(e),[s,i]=(0,react_1.useState)([]),r=(0,react_1.useRef)(null),u=(0,jotai_1.useAtomValue)(app_1.layoutAtom),o=(0,jotai_1.useSetAtom)(app_1.languageAtom),c=(0,react_1.useCallback)((()=>{var e;const u=null===(e=null==r?void 0:r.current)||void 0===e?void 0:e.offsetWidth,{newVisibleItems:o,newHiddenItems:c}=calculateVisibleAndHiddenItems(u,[...n,...s]),l=c.findIndex((e=>e.key===t.key));-1!==l&&swapItems(o,c,l),a(o),i(c)}),[t.key,s,n]);return(0,react_1.useLayoutEffect)((()=>(c(),window.addEventListener("resize",c),()=>{window.removeEventListener("resize",c)})),[u,t]),(0,jsx_runtime_1.jsxs)(styled_1.Container,{ref:r,children:[(0,jsx_runtime_1.jsx)(styled_1.LanguageListContainer,{children:n.map((e=>(0,jsx_runtime_1.jsx)(styled_1.LanguageListItem,{onClick:()=>o({activeLanguage:e}),active:t.key===e.key,children:(0,jsx_runtime_1.jsx)(LanguageItem_1.LanguageItem,{item:e,withIcon:!0})},e.key)))}),s.length?(0,jsx_runtime_1.jsx)(LanguageDropdown_1.LanguageDropdown,{activeTab:t,samples:s,onChange:e=>{const t=s.findIndex((t=>t.key===e.key));if(-1!==t){const r=[...s],u=[...n];swapItems(u,r,t),a(u),i(r),o({activeLanguage:e})}},controller:(0,jsx_runtime_1.jsx)(theme_1.OverflowMenuVerticalIcon,{}),withArrow:!1,withCheckmark:!1,width:156}):null]})}function calculateVisibleAndHiddenItems(e,t){let n=0;const a=[],s=[];return t.forEach((t=>{const i=constants_1.ITEM_WIDTH;e&&n+i<=e?(a.push(t),n+=i):s.push(t)})),{newVisibleItems:a,newHiddenItems:s}}function swapItems(e,t,n){const a=e[e.length-1];a&&(e[e.length-1]=t[n],t[n]=a)}exports.LanguageList=(0,react_1.memo)(LanguageListComponent);
 //# sourceMappingURL=LanguageList.js.map

package/lib/components/OperationItem/OperationItem.js

@@ -1,6 +1,6 @@
 "use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationItem=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),common_1=require("../common"),Callbacks_1=require("../Callbacks"),CallbackSamples_1=require("../CallbackSamples"),RequestSamples_1=require("../RequestSamples"),Responses_1=require("../Responses"),ResponseSamples_1=require("../ResponseSamples"),services_1=require("../../services"),app_1=require("../../jotai/app"),store_1=require("../../jotai/store"),operation_1=require("../../models/operation"),operation_2=require("../../jotai/operation"),RenderHook_1=require("../RenderHook"),OperationItemTitle_1=require("../common/OperationItemTitle"),LinkToField_1=require("../common/LinkToField"),RequestDetails_1=require("../Request/RequestDetails"),OperationSamplesPanel=(0,styled_components_1.default)(common_1.SamplesPanel)`
   margin-left: auto;
-`;function OperationItemComponent({item:{operationDefinition:e,parent:t,href:o}}){var s,a;const{parser:n,options:i}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),r=(0,jotai_1.useAtomValue)(app_1.layoutAtom),[l,_]=(0,react_1.useState)(),{unstable_hooks:m,feedback:p}=i,u=(0,operation_1.getOperation)(n,e,t,i,o),{name:c,deprecated:d,isWebhook:j,pointer:x}=u,k=(0,jotai_1.useSetAtom)((0,operation_2.operationStore)(x)),S=r===theme_1.LayoutVariant.STACKED,h=(null==p?void 0:p.type)||"sentiment",b=!0!==(null==p?void 0:p.hide),[R,O]=(0,react_1.useState)(null);(0,theme_1.useMount)((()=>{k((e=>Object.assign(Object.assign({},e),{activeExampleName:u.activeExampleName,activeServer:u.activeServer})))}));const y=(0,react_1.useCallback)((e=>{(null==l?void 0:l.key)!==e.key&&_(e)}),[null==l?void 0:l.key]);return(0,jsx_runtime_1.jsxs)(OperationRow,{layout:r,children:[(0,jsx_runtime_1.jsx)(OperationSubRowStyled,{layout:r,children:(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{isStacked:S,children:[(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.BeforeOpenApiOperation||(null==m?void 0:m.BeforeOperation),props:{operation:u}}),(0,jsx_runtime_1.jsxs)(OperationItemTitle_1.Heading,{children:[(0,jsx_runtime_1.jsx)(common_1.ShareLink,{to:o,"aria-label":`link to ${c}`}),(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.BeforeOpenApiOperationSummary||(null==m?void 0:m.BeforeOperationSummary),props:{operation:u}}),c,(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.AfterOpenApiOperationSummary||(null==m?void 0:m.AfterOperationSummary),props:{operation:u}}),d&&(0,jsx_runtime_1.jsx)(theme_1.Badge,{deprecated:!0,children:"Deprecated"}),j&&(0,jsx_runtime_1.jsx)(theme_1.Badge,{children:"Webhook"})]})]})}),(0,jsx_runtime_1.jsxs)(OperationSubRowStyled,{layout:r,children:[(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{isStacked:S,children:(0,jsx_runtime_1.jsx)(RequestDetails_1.RequestDetails,{operation:u})}),(0,jsx_runtime_1.jsx)(OperationSamplesPanel,{isStacked:S,"data-cy":"samples-block",className:"panel-container-request-samples",children:(0,jsx_runtime_1.jsx)(RequestSamples_1.RequestSamples,{operation:u})})]}),(0,jsx_runtime_1.jsxs)(OperationSubRowStyled,{layout:r,children:[(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{isStacked:S,children:(null===(s=u.responses)||void 0===s?void 0:s.length)?(0,jsx_runtime_1.jsx)(Responses_1.OperationResponseList,{responses:u.responses,operation:u,activeResponseTab:l,onTabChange:y}):null}),(0,jsx_runtime_1.jsx)(OperationSamplesPanel,{isStacked:S,"data-cy":"samples-block",className:"panel-container-response-samples",children:(0,jsx_runtime_1.jsx)(ResponseSamples_1.ResponseSamples,{operation:u,activeResponseTab:l,onTabChange:y})})]}),(0,jsx_runtime_1.jsxs)(OperationSubRowStyled,{layout:r,children:[(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{isStacked:S,children:[(null===(a=u.callbacks)||void 0===a?void 0:a.length)?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(OperationItemTitle_1.Title,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(u.id,"callbacks")}),"Callbacks"]}),(0,jsx_runtime_1.jsx)(Callbacks_1.CallbacksList,{callbacks:u.callbacks,onExpand:O,selectedCallback:R})]}):null,(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.AfterOpenApiOperation||(null==m?void 0:m.AfterOperation),props:{operation:u}})]}),R?(0,jsx_runtime_1.jsx)(OperationSamplesPanel,{isStacked:S,"data-cy":"samples-block",children:(0,jsx_runtime_1.jsx)(CallbackSamples_1.CallbackSamples,{callback:R})}):null]}),(0,jsx_runtime_1.jsx)(OperationSubRowStyled,{layout:r,children:(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{isStacked:S,fullWidth:!0,children:b?(0,jsx_runtime_1.jsx)(FeedbackWrapper,{children:(0,jsx_runtime_1.jsx)(theme_1.Feedback,{type:h,settings:p.settings,path:u.href})}):null})})]})}exports.OperationItem=(0,react_1.memo)(OperationItemComponent);const FeedbackWrapper=styled_components_1.default.div`
+`;function OperationItemComponent({item:{operationDefinition:e,parent:t,href:o}}){var a,s;const{parser:n,options:i}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),r=(0,jotai_1.useAtomValue)(app_1.layoutAtom),[l,_]=(0,react_1.useState)(),{unstable_hooks:m,feedback:p}=i,u=(0,operation_1.getOperation)(n,e,t,i,o),{name:c,deprecated:d,isWebhook:j,pointer:x}=u,k=(0,jotai_1.useSetAtom)((0,operation_2.operationStore)(x)),S=r===theme_1.LayoutVariant.STACKED,h=(null==p?void 0:p.type)||"sentiment",b=!0!==(null==p?void 0:p.hide),[R,O]=(0,react_1.useState)(null);(0,theme_1.useMount)((()=>{k((e=>Object.assign(Object.assign({},e),{activeExampleName:u.activeExampleName,activeServer:u.activeServer})))}));const y=(0,react_1.useCallback)((e=>{(null==l?void 0:l.key)!==e.key&&_(e)}),[null==l?void 0:l.key]);return(0,jsx_runtime_1.jsxs)(OperationRow,{layout:r,children:[(0,jsx_runtime_1.jsx)(OperationSubRowStyled,{layout:r,children:(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{isStacked:S,children:[(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.BeforeOpenApiOperation||(null==m?void 0:m.BeforeOperation),props:{operation:u}}),(0,jsx_runtime_1.jsxs)(OperationItemTitle_1.Heading,{children:[(0,jsx_runtime_1.jsx)(common_1.ShareLink,{to:o,"aria-label":`link to ${c}`}),(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.BeforeOpenApiOperationSummary||(null==m?void 0:m.BeforeOperationSummary),props:{operation:u}}),c,(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.AfterOpenApiOperationSummary||(null==m?void 0:m.AfterOperationSummary),props:{operation:u}}),d&&(0,jsx_runtime_1.jsx)(theme_1.Badge,{deprecated:!0,children:"Deprecated"}),j&&(0,jsx_runtime_1.jsx)(theme_1.Badge,{children:"Webhook"})]})]})}),(0,jsx_runtime_1.jsxs)(OperationSubRowStyled,{layout:r,children:[(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{isStacked:S,children:(0,jsx_runtime_1.jsx)(RequestDetails_1.RequestDetails,{operation:u})}),(0,jsx_runtime_1.jsx)(OperationSamplesPanel,{isStacked:S,"data-cy":"samples-block",className:"panel-container-request-samples",children:(0,jsx_runtime_1.jsx)(RequestSamples_1.RequestSamples,{operation:u})})]}),(0,jsx_runtime_1.jsxs)(OperationSubRowStyled,{layout:r,children:[(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{isStacked:S,children:(null===(a=u.responses)||void 0===a?void 0:a.length)?(0,jsx_runtime_1.jsx)(Responses_1.OperationResponseList,{responses:u.responses,operationId:u.id,operationPointer:u.pointer,callbackId:u.callbackId,activeResponseTab:l,onTabChange:y}):null}),(0,jsx_runtime_1.jsx)(OperationSamplesPanel,{isStacked:S,"data-cy":"samples-block",className:"panel-container-response-samples",children:(0,jsx_runtime_1.jsx)(ResponseSamples_1.ResponseSamples,{operation:u,activeResponseTab:l,onTabChange:y})})]}),(0,jsx_runtime_1.jsxs)(OperationSubRowStyled,{layout:r,children:[(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{isStacked:S,children:[(null===(s=u.callbacks)||void 0===s?void 0:s.length)?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(OperationItemTitle_1.Title,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(u.id,"callbacks")}),"Callbacks"]}),(0,jsx_runtime_1.jsx)(Callbacks_1.CallbacksList,{callbacks:u.callbacks,onExpand:O,selectedCallback:R})]}):null,(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.AfterOpenApiOperation||(null==m?void 0:m.AfterOperation),props:{operation:u}})]}),R?(0,jsx_runtime_1.jsx)(OperationSamplesPanel,{isStacked:S,"data-cy":"samples-block",children:(0,jsx_runtime_1.jsx)(CallbackSamples_1.CallbackSamples,{callback:R})}):null]}),(0,jsx_runtime_1.jsx)(OperationSubRowStyled,{layout:r,children:(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{isStacked:S,fullWidth:!0,children:b?(0,jsx_runtime_1.jsx)(FeedbackWrapper,{children:(0,jsx_runtime_1.jsx)(theme_1.Feedback,{type:h,settings:p.settings,path:u.href})}):null})})]})}exports.OperationItem=(0,react_1.memo)(OperationItemComponent);const FeedbackWrapper=styled_components_1.default.div`
   & > div {
     flex: 1 1 auto;
     display: flex;

package/lib/components/PropertyDetails/FieldDetail.js

@@ -1,7 +1,8 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldDetail=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),common_1=require("../common");function FieldDetailComponent({value:e,label:t,raw:r}){if(void 0===e)return null;const i=r?String(e):JSON.stringify(e);return(0,jsx_runtime_1.jsxs)(Wrapper,{children:[(0,jsx_runtime_1.jsxs)(common_1.FieldLabel,{children:[" ",t," "]}),"Default"===t?(0,jsx_runtime_1.jsx)(common_1.DefaultValue,{children:i}):"Example"===t?(0,jsx_runtime_1.jsx)(common_1.ExampleValue,{children:i}):(0,jsx_runtime_1.jsx)(common_1.FieldValueLabel,{children:i})]})}exports.FieldDetail=(0,react_1.memo)(FieldDetailComponent);const Wrapper=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.FieldDetail=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),common_1=require("../common"),Markdown_1=require("../Markdown");function FieldDetailComponent({value:e,label:r,raw:t}){if(void 0===e)return null;const n=t?String(e):JSON.stringify(e);return(0,jsx_runtime_1.jsxs)(Wrapper,{children:[(0,jsx_runtime_1.jsxs)(common_1.FieldLabel,{children:[" ",r," "]}),"Default"===r?(0,jsx_runtime_1.jsx)(common_1.DefaultValue,{children:n}):"Example:"===r?(0,jsx_runtime_1.jsx)(common_1.ExampleValue,{children:(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:n})}):(0,jsx_runtime_1.jsx)(common_1.FieldValueLabel,{children:n})]})}exports.FieldDetail=(0,react_1.memo)(FieldDetailComponent);const Wrapper=styled_components_1.default.div`
   margin-top: var(--spacing-xxs);
   display: flex;
-  align-items: center;
+  align-items: baseline;
   gap: var(--spacing-xxs);
+  flex-wrap: wrap;
 `;
 //# sourceMappingURL=FieldDetail.js.map

package/lib/components/PropertyDetails/FieldDetails.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.FieldDetails=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),common_1=require("../common"),ExternalDocumentation_1=require("../ExternalDocumentation"),Markdown_1=require("../Markdown"),FieldDetail_1=require("./FieldDetail"),Extensions_1=require("./Extensions"),EnumValues_1=require("./EnumValues"),Examples_1=require("./Examples"),store_1=require("../../jotai/store"),SchemaTypeInfo_1=require("./SchemaTypeInfo"),LinkToField_1=require("../common/LinkToField"),Pattern_1=require("./Pattern"),RenderHook_1=require("../RenderHook");function FieldDetailsComponent({field:e,renderDiscriminatorSwitch:t,deepLink:i,fieldParentsName:r=[]}){var n;const{hidePropertiesPrefix:a,hideSchemaTitles:o}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),{schema:s,description:l,example:m,deprecated:_,examples:c,kind:d,required:u,name:p}=e,x="header"===e.in,j=(0,react_1.useMemo)((()=>{if(void 0!==m||void 0!==c){if(void 0!==c)return(0,jsx_runtime_1.jsx)(Examples_1.Examples,{field:e});{const t=!!e.in;return(0,jsx_runtime_1.jsx)(FieldDetail_1.FieldDetail,{label:"Example",value:(0,Examples_1.getSerializedValue)(e,e.example),raw:t})}}return null}),[m,c,e]),f=(0,RenderHook_1.getAccessModeLabelText)(e.schema);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(Row,{children:[p&&(0,jsx_runtime_1.jsxs)(Name,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:i}),!a&&r.map((e=>e+".")),(0,jsx_runtime_1.jsx)(SchemaName,{className:"schema-name",children:p})]}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:s.typePrefix+s.displayType}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:s.displayFormat&&`(${s.displayFormat})`}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:s.contentEncoding}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:s.title&&!o?`(${s.title})`:""}),null===(n=s.constraints)||void 0===n?void 0:n.map((e=>(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:e},e))),_&&(0,jsx_runtime_1.jsx)(DeprecatedLabel,{children:"Deprecated"}),(0,jsx_runtime_1.jsx)(Pattern_1.Pattern,{pattern:s.pattern}),"additionalProperties"===d&&(0,jsx_runtime_1.jsx)(common_1.Tag,{children:"additional property"}),"patternProperties"===d&&(0,jsx_runtime_1.jsx)(common_1.Tag,{children:"pattern property"}),f&&(0,jsx_runtime_1.jsx)(common_1.AccessLabel,{children:f}),u&&(0,jsx_runtime_1.jsx)(common_1.RequiredLabel,{children:"required"}),s.isCircular&&(0,jsx_runtime_1.jsx)(common_1.RecursiveLabel,{children:"Recursive"})]}),(0,jsx_runtime_1.jsx)(StyledDescription,{source:l}),(0,jsx_runtime_1.jsx)(FieldDetail_1.FieldDetail,{raw:x,label:"Default",value:s.default}),(0,jsx_runtime_1.jsx)(EnumValues_1.EnumValues,{type:s.type,values:s["x-enumDescriptions"]||s.enum}),j,(0,jsx_runtime_1.jsx)(Extensions_1.Extensions,{extensions:Object.assign(Object.assign({},e.extensions),s.extensions)}),s.externalDocs&&(0,jsx_runtime_1.jsx)(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:s.externalDocs,compact:!0}),null==t?void 0:t(),(0,jsx_runtime_1.jsx)(FieldDetail_1.FieldDetail,{label:"Value",value:e.const||void 0})]})}exports.FieldDetails=(0,react_1.memo)(FieldDetailsComponent);const Row=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.FieldDetails=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),common_1=require("../common"),ExternalDocumentation_1=require("../ExternalDocumentation"),Markdown_1=require("../Markdown"),FieldDetail_1=require("./FieldDetail"),Extensions_1=require("./Extensions"),EnumValues_1=require("./EnumValues"),Examples_1=require("./Examples"),store_1=require("../../jotai/store"),SchemaTypeInfo_1=require("./SchemaTypeInfo"),LinkToField_1=require("../common/LinkToField"),Pattern_1=require("./Pattern"),RenderHook_1=require("../RenderHook");function FieldDetailsComponent({field:e,renderDiscriminatorSwitch:t,deepLink:i,fieldParentsName:r=[]}){var n;const{hidePropertiesPrefix:a,hideSchemaTitles:o}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),{schema:s,description:l,example:m,deprecated:_,examples:c,kind:d,required:u,name:p}=e,x="header"===e.in,j=(0,react_1.useMemo)((()=>{if(void 0!==m||void 0!==c){if(void 0!==c)return(0,jsx_runtime_1.jsx)(Examples_1.Examples,{field:e});{const t=!!e.in;return(0,jsx_runtime_1.jsx)(FieldDetail_1.FieldDetail,{label:"Example:",value:(0,Examples_1.getSerializedValue)(e,e.example),raw:t})}}return null}),[m,c,e]),f=(0,RenderHook_1.getAccessModeLabelText)(e.schema);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(Row,{children:[p&&(0,jsx_runtime_1.jsxs)(Name,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:i}),!a&&r.map((e=>e+".")),(0,jsx_runtime_1.jsx)(SchemaName,{className:"schema-name",children:p})]}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:s.typePrefix+s.displayType}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:s.displayFormat&&`(${s.displayFormat})`}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:s.contentEncoding}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:s.title&&!o?`(${s.title})`:""}),null===(n=s.constraints)||void 0===n?void 0:n.map((e=>(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:e},e))),_&&(0,jsx_runtime_1.jsx)(DeprecatedLabel,{children:"Deprecated"}),(0,jsx_runtime_1.jsx)(Pattern_1.Pattern,{pattern:s.pattern}),"additionalProperties"===d&&(0,jsx_runtime_1.jsx)(common_1.Tag,{children:"additional property"}),"patternProperties"===d&&(0,jsx_runtime_1.jsx)(common_1.Tag,{children:"pattern property"}),f&&(0,jsx_runtime_1.jsx)(common_1.AccessLabel,{children:f}),u&&(0,jsx_runtime_1.jsx)(common_1.RequiredLabel,{children:"required"}),s.isCircular&&(0,jsx_runtime_1.jsx)(common_1.RecursiveLabel,{children:"Recursive"})]}),(0,jsx_runtime_1.jsx)(StyledDescription,{source:l}),(0,jsx_runtime_1.jsx)(FieldDetail_1.FieldDetail,{raw:x,label:"Default",value:s.default}),(0,jsx_runtime_1.jsx)(EnumValues_1.EnumValues,{type:s.type,values:s["x-enumDescriptions"]||s.enum}),j,(0,jsx_runtime_1.jsx)(Extensions_1.Extensions,{extensions:Object.assign(Object.assign({},e.extensions),s.extensions)}),s.externalDocs&&(0,jsx_runtime_1.jsx)(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:s.externalDocs,compact:!0}),null==t?void 0:t(),(0,jsx_runtime_1.jsx)(FieldDetail_1.FieldDetail,{label:"Value",value:e.const||void 0})]})}exports.FieldDetails=(0,react_1.memo)(FieldDetailsComponent);const Row=styled_components_1.default.div`
   display: flex;
   align-items: center;
   gap: var(--spacing-xxs);

package/lib/components/PropertyDetails/PropertyDetails.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.PropertyDetails=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),Schema_1=require("../Schema"),FieldDetails_1=require("./FieldDetails"),LinkToField_1=require("../common/LinkToField");function PropertyDetailsComponent({field:e,skipWriteOnly:r,skipReadOnly:i,level:t,showTitle:s,renderDiscriminatorSwitch:a,isFirst:n,fieldParentsName:o}){const l=(0,LinkToField_1.generateDeepLink)(e),d=!e.schema.isPrimitive&&!e.schema.isCircular;return(0,jsx_runtime_1.jsxs)(Wrapper,{isFist:n,expanded:d,className:"property",children:[(0,jsx_runtime_1.jsx)(FieldDetails_1.FieldDetails,{field:e,renderDiscriminatorSwitch:a,deepLink:l,fieldParentsName:o}),d&&(0,jsx_runtime_1.jsx)(Schema_1.Schema,{schema:e.schema,skipReadOnly:i,skipWriteOnly:r,showTitle:s,expandable:!0,level:t,fieldParentsName:[...o||[],e.name],deepLink:l})]})}exports.PropertyDetails=(0,react_1.memo)(PropertyDetailsComponent);const Wrapper=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.PropertyDetails=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),Schema_1=require("../Schema"),FieldDetails_1=require("./FieldDetails"),LinkToField_1=require("../common/LinkToField");function PropertyDetailsComponent({field:e,skipWriteOnly:r,skipReadOnly:i,level:t=1,showTitle:s,renderDiscriminatorSwitch:a,isFirst:n,fieldParentsName:o}){const l=(0,LinkToField_1.generateDeepLink)(e),d=!e.schema.isPrimitive&&!e.schema.isCircular;return(0,jsx_runtime_1.jsxs)(Wrapper,{isFist:n,expanded:d,className:"property",children:[(0,jsx_runtime_1.jsx)(FieldDetails_1.FieldDetails,{field:e,renderDiscriminatorSwitch:a,deepLink:l,fieldParentsName:o}),d&&(0,jsx_runtime_1.jsx)(Schema_1.Schema,{schema:e.schema,skipReadOnly:i,skipWriteOnly:r,showTitle:s,expandable:!0,level:t+1,fieldParentsName:[...o||[],e.name],deepLink:l})]})}exports.PropertyDetails=(0,react_1.memo)(PropertyDetailsComponent);const Wrapper=styled_components_1.default.div`
   padding: ${({isFist:e})=>`var(--schema-${e?"fist-":""}property-details-spacing)`} 0
     ${({expanded:e})=>e?0:"var(--schema-property-details-spacing)"};
   ${({expanded:e})=>!e&&"border-bottom: 1px solid var(--border-color-primary)"};

package/lib/components/Request/RequestDetails.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestDetails=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),common_1=require("../common"),OperationItemTitle_1=require("../common/OperationItemTitle"),LinkToField_1=require("../common/LinkToField"),services_1=require("../../services"),Description_1=require("../OperationItem/Description"),Security_1=require("../Security"),ExpandAllButton_1=require("../ExpandAllButton"),RequestParameters_1=require("../RequestParameters");function RequestDetailsComponent({operation:{id:e,description:t,externalDocs:r,parameters:i,requestBody:s,pointer:n,security:o,extensions:u},title:_}){return(0,ExpandAllButton_1.useUpdateExpandedFields)("request",i,null==s?void 0:s.content,n),(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(common_1.Row,{children:[(0,jsx_runtime_1.jsxs)("div",{children:[(0,jsx_runtime_1.jsxs)(OperationItemTitle_1.Title,{children:[e&&(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(e,"request")}),_||"Request"]}),(0,jsx_runtime_1.jsx)(Description_1.Description,{description:t||r?t:void 0,externalDocs:r,extensions:u}),(0,jsx_runtime_1.jsx)(Security_1.Security,{securities:o})]}),(0,jsx_runtime_1.jsx)(ExpandAllButton_1.ExpandAllButton,{operationPointer:n,type:"request"})]}),(0,jsx_runtime_1.jsx)(RequestParameters_1.RequestParameters,{parameters:i,body:s,operationId:e})]})}exports.RequestDetails=(0,react_1.memo)(RequestDetailsComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestDetails=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),common_1=require("../common"),OperationItemTitle_1=require("../common/OperationItemTitle"),LinkToField_1=require("../common/LinkToField"),services_1=require("../../services"),Description_1=require("../OperationItem/Description"),Security_1=require("../Security"),ExpandAllButton_1=require("../ExpandAllButton"),RequestParameters_1=require("../RequestParameters");function RequestDetailsComponent({operation:{id:e,description:t,externalDocs:r,parameters:i,requestBody:s,pointer:n,security:o,extensions:u,callbackId:a},title:_}){return(0,ExpandAllButton_1.useUpdateExpandedFields)("request",i,null==s?void 0:s.content,n),(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(common_1.Row,{children:[(0,jsx_runtime_1.jsxs)("div",{children:[(0,jsx_runtime_1.jsxs)(OperationItemTitle_1.Title,{children:[e&&(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(e,"request")}),_||"Request"]}),(0,jsx_runtime_1.jsx)(Description_1.Description,{description:t||r?t:void 0,externalDocs:r,extensions:u}),(0,jsx_runtime_1.jsx)(Security_1.Security,{securities:o})]}),(0,jsx_runtime_1.jsx)(ExpandAllButton_1.ExpandAllButton,{operationPointer:n,type:"request"})]}),(0,jsx_runtime_1.jsx)(RequestParameters_1.RequestParameters,{parameters:i,body:s,operationId:e,callbackId:a})]})}exports.RequestDetails=(0,react_1.memo)(RequestDetailsComponent);
 //# sourceMappingURL=RequestDetails.js.map

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

@@ -1,5 +1,6 @@
+import type { ReactNode } from 'react';
 import type { OperationModel } from '../../models';
 export interface RequestProps {
-    operation: Pick<OperationModel, 'security' | 'pointer' | 'description' | 'externalDocs' | 'extensions' | 'parameters' | 'requestBody' | 'id'>;
-    title?: string;
+    operation: Pick<OperationModel, 'security' | 'pointer' | 'description' | 'externalDocs' | 'extensions' | 'parameters' | 'requestBody' | 'id' | 'callbackId'>;
+    title?: string | ReactNode;
 }

package/lib/components/RequestParameters/RequestParameters.d.ts

@@ -4,5 +4,6 @@ export interface ParametersProps {
     parameters?: FieldModel[];
     body?: RequestBodyModel;
     operationId: string;
+    callbackId: string;
 }
-export declare function RequestParameters({ body, parameters, operationId, }: ParametersProps): ReactElement | null;
+export declare function RequestParameters({ body, parameters, operationId, callbackId, }: ParametersProps): ReactElement | null;

package/lib/components/RequestParameters/RequestParameters.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestParameters=void 0;const jsx_runtime_1=require("react/jsx-runtime"),ParametersGroup_1=require("./ParametersGroup"),Body_1=require("./Body"),services_1=require("../../services"),PARAM_PLACES=["path","query","cookie","header"],PARAM_NAMES_MAP={[PARAM_PLACES[0]]:"Path",[PARAM_PLACES[1]]:"Query",[PARAM_PLACES[2]]:"Cookies",[PARAM_PLACES[3]]:"Headers"};function RequestParameters({body:e,parameters:r=[],operationId:s}){if(!e&&!r.length)return null;const t=(e=>{const r={};return e.forEach((e=>{safePush(r,e.in,e)})),r})(r),i=r.length>0?PARAM_PLACES:[],{content:u,description:a,required:n}=e||{};return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[i.map((e=>(0,jsx_runtime_1.jsx)(ParametersGroup_1.ParametersGroup,{title:PARAM_NAMES_MAP[e],parameters:t[e],deepLink:(0,services_1.makeDeepLink)(s,`request/${e}`)},e))),u&&(0,jsx_runtime_1.jsx)(Body_1.Body,{content:u,description:a,required:n,deepLink:(0,services_1.makeDeepLink)(s,"request/body")})]})}function safePush(e,r="",s){e[r]||(e[r]=[]),e[r].push(s)}exports.RequestParameters=RequestParameters;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestParameters=void 0;const jsx_runtime_1=require("react/jsx-runtime"),ParametersGroup_1=require("./ParametersGroup"),Body_1=require("./Body"),services_1=require("../../services"),PARAM_PLACES=["path","query","cookie","header"],PARAM_NAMES_MAP={[PARAM_PLACES[0]]:"Path",[PARAM_PLACES[1]]:"Query",[PARAM_PLACES[2]]:"Cookies",[PARAM_PLACES[3]]:"Headers"};function RequestParameters({body:e,parameters:r=[],operationId:t,callbackId:s}){if(!e&&!r.length)return null;const n=(e=>{const r={};return e.forEach((e=>{safePush(r,e.in,e)})),r})(r),a=r.length>0?PARAM_PLACES:[],{content:i,description:u,required:o}=e||{};return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[a.map((e=>(0,jsx_runtime_1.jsx)(ParametersGroup_1.ParametersGroup,{title:PARAM_NAMES_MAP[e],parameters:n[e],deepLink:generateDeepLink(t,s,e)},e))),i&&(0,jsx_runtime_1.jsx)(Body_1.Body,{content:i,description:u,required:o,deepLink:generateDeepLink(t,s)})]})}function safePush(e,r="",t){e[r]||(e[r]=[]),e[r].push(t)}function generateDeepLink(e,r,t="body"){const s=""+(r?`${r}/request/${t}`:`request/${t}`);return(0,services_1.makeDeepLink)(e,s)}exports.RequestParameters=RequestParameters;
 //# sourceMappingURL=RequestParameters.js.map

package/lib/components/Responses/OperationResponseList.d.ts

@@ -1,10 +1,12 @@
 import type { ReactNode } from 'react';
-import type { ResponseModel, OperationModel } from '../../models';
+import type { ResponseModel } from '../../models';
 import type { TabType } from '../../models/tab';
 interface IOperationResponseList {
     responses: ResponseModel[];
-    operation: Pick<OperationModel, 'id' | 'pointer'>;
-    title?: ReactNode;
+    operationId: string;
+    operationPointer: string;
+    callbackId: string;
+    renderTitle?: (tab: TabType) => ReactNode;
     activeResponseTab?: TabType;
     onTabChange?: (tab: TabType) => void;
 }

package/lib/components/Responses/OperationResponseList.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.OperationResponseList=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_router_dom_1=require("react-router-dom"),styled_components_1=__importDefault(require("styled-components")),Tabs_1=require("../Tabs"),ResponseDetails_1=require("./ResponseDetails"),services_1=require("../../services"),styled_1=require("./styled"),LinkToField_1=require("../common/LinkToField"),utils_1=require("../../utils"),ExpandAllButton_1=require("../ExpandAllButton");exports.OperationResponseList=(0,react_1.memo)((({responses:e,title:t,operation:s,activeResponseTab:r,onTabChange:i})=>{const n=(0,react_router_dom_1.useLocation)(),o=e.map((({code:e})=>({key:e,title:e}))),a=o.find((({key:e})=>e===(null==r?void 0:r.key)||(0,utils_1.pathIncludesLink)(n,s.id)&&(0,utils_1.pathIncludesLink)(n,`c=${e}`))),{activeTab:_,handleTabChange:l}=(0,Tabs_1.useTabsState)({tabs:o,defaultTab:a,onChange:i}),u=r||_;return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(TitleWrap,{children:[t||(0,jsx_runtime_1.jsxs)(styled_1.StyledTitle,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(s.id,`response&c=${u.key}`)}),"Responses"]}),(0,jsx_runtime_1.jsx)(Tabs_1.Tabs,{tabs:o,activeTab:u,onChange:l}),(0,jsx_runtime_1.jsx)(ExpandAllButton_1.ExpandAllButton,{type:"response",operationPointer:s.pointer})]}),e.map((e=>e.code===u.key?(0,jsx_runtime_1.jsx)("div",{children:(0,jsx_runtime_1.jsx)(ResponseDetails_1.ResponseDetails,{response:e,operationId:s.id,operationPointer:s.pointer})},e.code):null))]})}));const TitleWrap=(0,styled_components_1.default)(styled_1.Row)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationResponseList=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_router_dom_1=require("react-router-dom"),styled_components_1=__importDefault(require("styled-components")),Tabs_1=require("../Tabs"),ResponseDetails_1=require("./ResponseDetails"),services_1=require("../../services"),styled_1=require("./styled"),LinkToField_1=require("../common/LinkToField"),utils_1=require("../../utils"),ExpandAllButton_1=require("../ExpandAllButton");exports.OperationResponseList=(0,react_1.memo)((({responses:e,renderTitle:t,operationId:s,operationPointer:r,activeResponseTab:n,onTabChange:i,callbackId:o})=>{const a=(0,react_router_dom_1.useLocation)(),l=e.map((({code:e})=>({key:e,title:e}))),_=l.find((({key:e})=>e===(null==n?void 0:n.key)||(0,utils_1.pathIncludesLink)(a,s)&&(0,utils_1.pathIncludesLink)(a,`c=${e}`))),{activeTab:u,handleTabChange:d}=(0,Tabs_1.useTabsState)({tabs:l,defaultTab:_,onChange:i}),p=n||u;return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(TitleWrap,{children:[(null==t?void 0:t(p))||(0,jsx_runtime_1.jsxs)(styled_1.StyledTitle,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(s,`response&c=${p.key}`)}),"Responses"]}),(0,jsx_runtime_1.jsx)(Tabs_1.Tabs,{tabs:l,activeTab:p,onChange:d}),(0,jsx_runtime_1.jsx)(ExpandAllButton_1.ExpandAllButton,{type:"response",operationPointer:r})]}),e.map((e=>e.code===p.key?(0,jsx_runtime_1.jsx)("div",{children:(0,jsx_runtime_1.jsx)(ResponseDetails_1.ResponseDetails,{response:e,operationId:s,operationPointer:r,callbackId:o})},e.code):null))]})}));const TitleWrap=(0,styled_components_1.default)(styled_1.Row)`
   flex-wrap: wrap;
   gap: var(--spacing-unit);
 `;

package/lib/components/Responses/ResponseDetails.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseDetails=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),ResponseHeaders_1=require("./ResponseHeaders"),styled_1=require("./styled"),BodyContent_1=require("../common/BodyContent"),services_1=require("../../services"),ExpandAllButton_1=require("../ExpandAllButton");function ResponseDetailsComponent({response:e,operationId:s,operationPointer:n}){const{description:r,headers:t,content:o,summary:i,code:d}=e;return(0,ExpandAllButton_1.useUpdateExpandedFields)("response",t,o,n),(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(styled_1.StyledDescription,{className:"redoc-markdown",source:i}),(0,jsx_runtime_1.jsx)(styled_1.StyledDescription,{className:"redoc-markdown",source:r}),(0,jsx_runtime_1.jsx)(ResponseHeaders_1.ResponseHeaders,{headers:t,deepLink:(0,services_1.makeDeepLink)(s,`response&c=${d}/headers`)}),(0,jsx_runtime_1.jsx)(BodyContent_1.BodyContent,{content:o,skipWriteOnly:!0,deepLink:(0,services_1.makeDeepLink)(s,`response&c=${d}/body`)})]})}exports.ResponseDetails=(0,react_1.memo)(ResponseDetailsComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseDetails=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),ResponseHeaders_1=require("./ResponseHeaders"),styled_1=require("./styled"),BodyContent_1=require("../common/BodyContent"),services_1=require("../../services"),ExpandAllButton_1=require("../ExpandAllButton");function ResponseDetailsComponent({response:e,operationId:s,operationPointer:n,callbackId:r}){const{description:t,headers:o,content:i,summary:d,code:a}=e;return(0,ExpandAllButton_1.useUpdateExpandedFields)("response",o,i,n),(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(styled_1.StyledDescription,{className:"redoc-markdown",source:d}),(0,jsx_runtime_1.jsx)(styled_1.StyledDescription,{className:"redoc-markdown",source:t}),(0,jsx_runtime_1.jsx)(ResponseHeaders_1.ResponseHeaders,{headers:o,deepLink:generateDeepLink(s,r,a,"headers")}),(0,jsx_runtime_1.jsx)(BodyContent_1.BodyContent,{content:i,skipWriteOnly:!0,deepLink:generateDeepLink(s,r,a,"body")})]})}function generateDeepLink(e,s="",n,r){const t=s?`${s}/response&c=${n}/${r}`:`response&c=${n}/${r}`;return(0,services_1.makeDeepLink)(e,t)}exports.ResponseDetails=(0,react_1.memo)(ResponseDetailsComponent);
 //# sourceMappingURL=ResponseDetails.js.map

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

@@ -5,6 +5,7 @@ export interface ResponseProps {
     onToggle?: (code: string) => void;
     operationId: string;
     operationPointer: string;
+    callbackId?: string;
 }
 export interface ResponseHeadersProps {
     headers?: FieldModel[];

package/lib/components/Schema/ArraySchema.js

@@ -1,4 +1,4 @@
-"use strict";var __rest=this&&this.__rest||function(e,r){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(a=Object.getOwnPropertySymbols(e);n<a.length;n++)r.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(t[a[n]]=e[a[n]])}return t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ArraySchema=exports.ArrayClosingLabel=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),common_1=require("../common"),Schema_1=require("./Schema"),ObjectSchema_1=require("./ObjectSchema"),utils_1=require("../../utils"),SubSchema_1=require("./SubSchema"),store_1=require("../../jotai/store");function ArraySchemaComponent(e){var r,t,a,n,{schema:i,schema:{minItems:o,maxItems:s,items:l},fieldParentsName:c}=e,m=__rest(e,["schema","schema","fieldParentsName"]);const{schemaExpansionLevel:u}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),d=void 0===o&&void 0===s?"":`(${(0,utils_1.humanizeConstraints)(i)})`;let p=c?[...c.slice(0,-1),c[c.length-1]+"[]"]:c;const _=(0,react_1.useCallback)((e=>m.skipReadOnly||m.skipWriteOnly?null==e?void 0:e.filter((e=>!(m.skipReadOnly&&e.schema.readOnly||m.skipWriteOnly&&e.schema.writeOnly))):null==e?void 0:e.fields),[m.skipReadOnly,m.skipWriteOnly]);if(null==i?void 0:i.fields)return(0,jsx_runtime_1.jsx)(ObjectSchema_1.ObjectSchema,Object.assign({},m,{level:(null==m?void 0:m.level)||1,schema:i,fieldParentsName:p}));if(i.displayType&&!l&&!d.length)return(0,jsx_runtime_1.jsx)("div",{children:(0,jsx_runtime_1.jsx)(common_1.TypeName,{children:i.displayType})});const h=(null===(r=_(null==l?void 0:l.fields))||void 0===r?void 0:r.length)||(null===(n=_(null===(a=null===(t=null==l?void 0:l.oneOf)||void 0===t?void 0:t[0])||void 0===a?void 0:a.fields))||void 0===n?void 0:n.length),y=1===m.level,b=u>=Number(m.level)-1;return(0,jsx_runtime_1.jsx)(SubSchema_1.SubSchema,Object.assign({},m,{propertyLength:h,isArray:!0,expandable:!y,expandByDefault:b,operationPointer:i.deps.operation.pointer,children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[y&&(0,jsx_runtime_1.jsx)(ArrayLabel,{children:(0,jsx_runtime_1.jsx)(LabelValue,{children:"Array ["})}),(0,jsx_runtime_1.jsx)(Schema_1.Schema,Object.assign({},m,{schema:l,fieldParentsName:p,expandable:!1})),y&&(0,jsx_runtime_1.jsx)(exports.ArrayClosingLabel,{className:"array-closing-label",children:(0,jsx_runtime_1.jsx)(LabelValue,{children:"]"})})]})}))}const ArrayLabel=styled_components_1.default.span`
+"use strict";var __rest=this&&this.__rest||function(e,r){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(a=Object.getOwnPropertySymbols(e);n<a.length;n++)r.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(t[a[n]]=e[a[n]])}return t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ArraySchema=exports.ArrayClosingLabel=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),common_1=require("../common"),Schema_1=require("./Schema"),ObjectSchema_1=require("./ObjectSchema"),utils_1=require("../../utils"),SubSchema_1=require("./SubSchema"),store_1=require("../../jotai/store");function ArraySchemaComponent(e){var r,t,a,n,{schema:o,schema:{minItems:i,maxItems:s,items:l},fieldParentsName:c}=e,m=__rest(e,["schema","schema","fieldParentsName"]);const{schemaExpansionLevel:u}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),d=void 0===i&&void 0===s?"":`(${(0,utils_1.humanizeConstraints)(o)})`;let _=c?[...c.slice(0,-1),c[c.length-1]+"[]"]:c;const p=(0,react_1.useCallback)((e=>m.skipReadOnly||m.skipWriteOnly?null==e?void 0:e.filter((e=>!(m.skipReadOnly&&e.schema.readOnly||m.skipWriteOnly&&e.schema.writeOnly))):e),[m.skipReadOnly,m.skipWriteOnly]);if(null==o?void 0:o.fields)return(0,jsx_runtime_1.jsx)(ObjectSchema_1.ObjectSchema,Object.assign({},m,{level:(null==m?void 0:m.level)||1,schema:o,fieldParentsName:_}));if(o.displayType&&!l&&!d.length)return(0,jsx_runtime_1.jsx)("div",{children:(0,jsx_runtime_1.jsx)(common_1.TypeName,{children:o.displayType})});const h=(null===(r=p(null==l?void 0:l.fields))||void 0===r?void 0:r.length)||(null===(n=p(null===(a=null===(t=null==l?void 0:l.oneOf)||void 0===t?void 0:t[0])||void 0===a?void 0:a.fields))||void 0===n?void 0:n.length),y=1===m.level,b=u>=Number(m.level)-1;return(0,jsx_runtime_1.jsx)(SubSchema_1.SubSchema,Object.assign({},m,{propertyLength:h,isArray:!0,expandable:!y,expandByDefault:b,operationPointer:o.operationPointer,children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[y&&(0,jsx_runtime_1.jsx)(ArrayLabel,{children:(0,jsx_runtime_1.jsx)(LabelValue,{children:"Array ["})}),(0,jsx_runtime_1.jsx)(Schema_1.Schema,Object.assign({},m,{schema:l,fieldParentsName:_,expandable:!1})),y&&(0,jsx_runtime_1.jsx)(exports.ArrayClosingLabel,{className:"array-closing-label",children:(0,jsx_runtime_1.jsx)(LabelValue,{children:"]"})})]})}))}const ArrayLabel=styled_components_1.default.span`
   display: flex;
   align-items: center;
   gap: var(--spacing-xs);

package/lib/components/Schema/ObjectSchema.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ObjectSchema=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),common_1=require("../common"),Discriminator_1=require("../Discriminator"),store_1=require("../../jotai/store"),PropertyDetails_1=require("../PropertyDetails"),SubSchema_1=require("./SubSchema");function ObjectSchemaComponent({schema:e,showTitle:r,discriminator:i,level:t,skipWriteOnly:n,skipReadOnly:a,fieldParentsName:o,expandable:s,deepLink:m}){const{fields:l=[],title:c}=e,{schemaExpansionLevel:p}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),u=a||n?l.filter((e=>!(a&&e.schema.readOnly||n&&e.schema.writeOnly))):l,_=p>=Number(t)-1;return(0,jsx_runtime_1.jsx)(SubSchema_1.SubSchema,{expandable:s,expandByDefault:_,level:t,propertyLength:u.length,deepLink:m,operationPointer:e.deps.operation.pointer,children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[r&&(0,jsx_runtime_1.jsx)(common_1.PropertiesTableCaption,{children:c}),u.map(((e,s)=>(0,jsx_runtime_1.jsx)(PropertyDetails_1.PropertyDetails,{isFirst:0===s,field:e,expandByDefault:_,fieldParentsName:Number(t)>1?o:[],renderDiscriminatorSwitch:(null==i?void 0:i.fieldName)===e.name&&(null==i?void 0:i.parentSchema)?()=>(0,jsx_runtime_1.jsx)(Discriminator_1.Discriminator,{parent:i.parentSchema,onChange:null==i?void 0:i.onChange}):void 0,skipReadOnly:a,skipWriteOnly:n,showTitle:r,level:t},e.name)))]})})}exports.ObjectSchema=(0,react_1.memo)(ObjectSchemaComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ObjectSchema=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),common_1=require("../common"),Discriminator_1=require("../Discriminator"),store_1=require("../../jotai/store"),PropertyDetails_1=require("../PropertyDetails"),SubSchema_1=require("./SubSchema");function ObjectSchemaComponent({schema:e,showTitle:r,discriminator:i,level:t,skipWriteOnly:n,skipReadOnly:a,fieldParentsName:o,expandable:s,deepLink:m}){const{fields:l=[],title:c}=e,{schemaExpansionLevel:u}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),p=a||n?l.filter((e=>!(a&&e.schema.readOnly||n&&e.schema.writeOnly))):l,_=u>=Number(t)-1;return(0,jsx_runtime_1.jsx)(SubSchema_1.SubSchema,{expandable:s,expandByDefault:_,level:t,propertyLength:p.length,deepLink:m,operationPointer:e.operationPointer,children:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[r&&(0,jsx_runtime_1.jsx)(common_1.PropertiesTableCaption,{children:c}),p.map(((e,s)=>(0,jsx_runtime_1.jsx)(PropertyDetails_1.PropertyDetails,{isFirst:0===s,field:e,expandByDefault:_,fieldParentsName:Number(t)>1?o:[],renderDiscriminatorSwitch:(null==i?void 0:i.fieldName)===e.name&&(null==i?void 0:i.parentSchema)?()=>(0,jsx_runtime_1.jsx)(Discriminator_1.Discriminator,{parent:i.parentSchema,onChange:null==i?void 0:i.onChange}):void 0,skipReadOnly:a,skipWriteOnly:n,showTitle:r,level:t},e.name)))]})})}exports.ObjectSchema=(0,react_1.memo)(ObjectSchemaComponent);
 //# sourceMappingURL=ObjectSchema.js.map

package/lib/components/Schema/OneOfSchema.js

@@ -1,4 +1,4 @@
-"use strict";var __rest=this&&this.__rest||function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OneOfSchema=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),styled_components_1=__importDefault(require("styled-components")),common_1=require("../common"),Markdown_1=require("../Markdown"),ConstraintsView_1=require("../common/ConstraintsView"),Schema_1=require("./Schema"),operation_1=require("../../jotai/operation"),SchemaSelection_1=require("../common/SchemaSelection");function OneOfSchemaComponent(e){var{schema:{oneOf:t},schema:r}=e,n=__rest(e,["schema","schema"]);const[o]=(0,jotai_1.useAtom)((0,operation_1.operationStore)(r.deps.operation.pointer)),i=t[o.activeOneOf[r.pointer]||0];if(!i)return null;const s=t.map(((e,t)=>({label:e.title||e.typePrefix+e.displayType,value:t})));return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(common_1.SelectionTitle,{children:[r.oneOfType,":"]}),(0,jsx_runtime_1.jsx)(SchemaSelection_1.SchemaSelection,{options:s,pointer:r.deps.operation.pointer,schema:r}),i.deprecated&&(0,jsx_runtime_1.jsx)(common_1.BadgeStyle,{deprecated:!0,children:"Deprecated"}),i.description&&(0,jsx_runtime_1.jsx)(StyledDescription,{source:i.description}),(0,jsx_runtime_1.jsx)(ConstraintsView_1.ConstraintsView,{constraints:i.constraints}),(0,jsx_runtime_1.jsx)(Schema_1.Schema,Object.assign({},n,{schema:i}))]})}exports.OneOfSchema=(0,react_1.memo)(OneOfSchemaComponent);const StyledDescription=(0,styled_components_1.default)(Markdown_1.Markdown)`
+"use strict";var __rest=this&&this.__rest||function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OneOfSchema=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),styled_components_1=__importDefault(require("styled-components")),common_1=require("../common"),Markdown_1=require("../Markdown"),ConstraintsView_1=require("../common/ConstraintsView"),Schema_1=require("./Schema"),operation_1=require("../../jotai/operation"),SchemaSelection_1=require("../common/SchemaSelection");function OneOfSchemaComponent(e){var{schema:{oneOf:t},schema:r}=e,n=__rest(e,["schema","schema"]);const[o]=(0,jotai_1.useAtom)((0,operation_1.operationStore)(r.operationPointer)),i=t[o.activeOneOf[r.pointer]||0];if(!i)return null;const s=t.map(((e,t)=>({label:e.title||e.typePrefix+e.displayType,value:t})));return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(common_1.SelectionTitle,{children:[r.oneOfType,":"]}),(0,jsx_runtime_1.jsx)(SchemaSelection_1.SchemaSelection,{options:s,pointer:r.operationPointer,schema:r}),i.deprecated&&(0,jsx_runtime_1.jsx)(common_1.BadgeStyle,{deprecated:!0,children:"Deprecated"}),i.description&&(0,jsx_runtime_1.jsx)(StyledDescription,{source:i.description}),(0,jsx_runtime_1.jsx)(ConstraintsView_1.ConstraintsView,{constraints:i.constraints}),(0,jsx_runtime_1.jsx)(Schema_1.Schema,Object.assign({},n,{schema:i}))]})}exports.OneOfSchema=(0,react_1.memo)(OneOfSchemaComponent);const StyledDescription=(0,styled_components_1.default)(Markdown_1.Markdown)`
   margin-top: var(--spacing-xs);
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);

package/lib/components/Schema/Schema.js

@@ -1,4 +1,4 @@
-"use strict";var __rest=this&&this.__rest||function(e,r){var t={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&r.indexOf(i)<0&&(t[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(i=Object.getOwnPropertySymbols(e);a<i.length;a++)r.indexOf(i[a])<0&&Object.prototype.propertyIsEnumerable.call(e,i[a])&&(t[i[a]]=e[i[a]])}return t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Schema=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),styled_components_1=__importDefault(require("styled-components")),ArraySchema_1=require("./ArraySchema"),ObjectSchema_1=require("./ObjectSchema"),OneOfSchema_1=require("./OneOfSchema"),RecursiveSchema_1=require("./RecursiveSchema"),operation_1=require("../../jotai/operation"),PropertyDetails_1=require("../PropertyDetails");function SchemaComponent(e){var r,{schema:t,onDiscriminatorChange:i}=e,a=__rest(e,["schema","onDiscriminatorChange"]);const{activeOneOf:n}=(0,jotai_1.useAtomValue)((0,operation_1.operationStore)((null==t?void 0:t.deps.operation.pointer)||""));if(!t)return null;const{type:o,oneOf:s,discriminatorProp:c,isCircular:m}=t,u=(a.level||0)+1;if(m)return(0,jsx_runtime_1.jsx)(RecursiveSchema_1.RecursiveSchema,{schema:t});if(void 0!==c){if(!s||!s.length)return console.warn(`Looks like you are using discriminator wrong: you don't have any definition inherited from the ${t.title}`),null;const e=s[n[t.pointer]||0];return(null==e?void 0:e.isCircular)?(0,jsx_runtime_1.jsx)(RecursiveSchema_1.RecursiveSchema,{schema:e}):(0,jsx_runtime_1.jsx)(ObjectSchema_1.ObjectSchema,Object.assign({},a,{level:u,schema:e,discriminator:{fieldName:c,parentSchema:t,onChange:i}}))}if(void 0!==s)return(0,jsx_runtime_1.jsx)(OneOfSchema_1.OneOfSchema,Object.assign({},a,{schema:t,level:u}));const l=Array.isArray(o)?o:[o];if(l.includes("object")){if(null===(r=t.fields)||void 0===r?void 0:r.length)return(0,jsx_runtime_1.jsx)(ObjectSchema_1.ObjectSchema,Object.assign({},a,{level:u,schema:t}))}else if(l.includes("array"))return(0,jsx_runtime_1.jsx)(ArraySchema_1.ArraySchema,Object.assign({},a,{level:u,schema:t}));const _={schema:t,name:"",required:!1,deprecated:!1};return(0,jsx_runtime_1.jsx)(Wrapper,{children:(0,jsx_runtime_1.jsx)(PropertyDetails_1.FieldDetails,{field:_,fieldParentsName:a.fieldParentsName})})}exports.Schema=(0,react_1.memo)(SchemaComponent);const Wrapper=styled_components_1.default.div`
+"use strict";var __rest=this&&this.__rest||function(e,r){var t={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&r.indexOf(i)<0&&(t[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(i=Object.getOwnPropertySymbols(e);a<i.length;a++)r.indexOf(i[a])<0&&Object.prototype.propertyIsEnumerable.call(e,i[a])&&(t[i[a]]=e[i[a]])}return t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Schema=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),styled_components_1=__importDefault(require("styled-components")),ArraySchema_1=require("./ArraySchema"),ObjectSchema_1=require("./ObjectSchema"),OneOfSchema_1=require("./OneOfSchema"),RecursiveSchema_1=require("./RecursiveSchema"),operation_1=require("../../jotai/operation"),PropertyDetails_1=require("../PropertyDetails");function SchemaComponent(e){var r,{schema:t,onDiscriminatorChange:i}=e,a=__rest(e,["schema","onDiscriminatorChange"]);const{activeOneOf:n}=(0,jotai_1.useAtomValue)((0,operation_1.operationStore)(null==t?void 0:t.operationPointer));if(!t)return null;const{type:o,oneOf:s,discriminatorProp:c,isCircular:m}=t;if(m)return(0,jsx_runtime_1.jsx)(RecursiveSchema_1.RecursiveSchema,{schema:t});if(void 0!==c){if(!s||!s.length)return console.warn(`Looks like you are using discriminator wrong: you don't have any definition inherited from the ${t.title}`),null;const e=s[n[t.pointer]||0];return(null==e?void 0:e.isCircular)?(0,jsx_runtime_1.jsx)(RecursiveSchema_1.RecursiveSchema,{schema:e}):(0,jsx_runtime_1.jsx)(ObjectSchema_1.ObjectSchema,Object.assign({},a,{schema:e,discriminator:{fieldName:c,parentSchema:t,onChange:i}}))}if(void 0!==s)return(0,jsx_runtime_1.jsx)(OneOfSchema_1.OneOfSchema,Object.assign({},a,{schema:t}));const u=Array.isArray(o)?o:[o];if(u.includes("object")){if(null===(r=t.fields)||void 0===r?void 0:r.length)return(0,jsx_runtime_1.jsx)(ObjectSchema_1.ObjectSchema,Object.assign({},a,{schema:t}))}else if(u.includes("array"))return(0,jsx_runtime_1.jsx)(ArraySchema_1.ArraySchema,Object.assign({},a,{schema:t}));const _={schema:t,name:"",required:!1,deprecated:!1};return(0,jsx_runtime_1.jsx)(Wrapper,{children:(0,jsx_runtime_1.jsx)(PropertyDetails_1.FieldDetails,{field:_,fieldParentsName:a.fieldParentsName})})}exports.Schema=(0,react_1.memo)(SchemaComponent);const Wrapper=styled_components_1.default.div`
   padding: var(--spacing-xxs) 0;
   border-bottom: 1px solid var(--border-color-primary);
 `;

package/lib/components/SchemaDefinition/SchemaDefinition.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.SchemaDefinition=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),nexus_1=require("../../jotai/nexus"),common_1=require("../common"),models_1=require("../../models"),PayloadSamples_1=require("../PayloadSamples"),Schema_1=require("../Schema"),Markdown_1=require("../Markdown"),app_1=require("../../jotai/app"),store_1=require("../../jotai/store"),operation_1=require("../../jotai/operation"),getMediaTypeInfo=(e,o)=>{if(!e)return{};const i={schema:{$ref:e}};return o&&(i.examples={example:{$ref:o}}),i};function SchemaDefinitionComponent({schemaRef:e,exampleRef:o,showReadOnly:i=!0,showWriteOnly:t=!1}){var a,n,r;const s=(0,jotai_1.useAtomValue)(app_1.layoutAtom),{parser:m,options:l}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),c=(0,react_1.useMemo)((()=>(0,models_1.getMediaType)(m,"json",!1,getMediaTypeInfo(e,o),l,{operation:{pointer:"SchemaDefinitionComponent"}})),[o,l,m,e]),[p,_]=(0,jotai_1.useAtom)((0,operation_1.operationStore)(null===(a=c.operation)||void 0===a?void 0:a.pointer)),u=(0,react_1.useCallback)((e=>{if(!c.schema)return;const o=c.schema,i=o.oneOf;if(i&&(null==c?void 0:c.examples)&&Object.keys(null==c?void 0:c.examples).includes(e)){const t=i.findIndex((o=>o.title===e));-1!==t&&o&&(0,nexus_1.writeAtom)((0,operation_1.operationStore)(o.deps.operation.pointer),(e=>{var i,a;return Object.assign(Object.assign({},e),{activeExampleName:(null===(a=null===(i=o.oneOf)||void 0===i?void 0:i[t])||void 0===a?void 0:a.title)||e.activeExampleName,activeOneOf:Object.assign(Object.assign({},e.activeOneOf),{[o.pointer]:t})})}))}p.activeExampleName!==e&&_((o=>Object.assign(Object.assign({},o),{activeExampleName:e})))}),[null==c?void 0:c.examples,c.schema,p.activeExampleName,_]),d=s===theme_1.LayoutVariant.STACKED;return(0,jsx_runtime_1.jsx)(common_1.Section,{children:(0,jsx_runtime_1.jsxs)(common_1.Row,{layout:s,children:[(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{isStacked:d,children:[(null===(n=c.schema)||void 0===n?void 0:n.description)&&(0,jsx_runtime_1.jsx)(Description,{children:(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:null===(r=c.schema)||void 0===r?void 0:r.description})}),(0,jsx_runtime_1.jsx)(Schema_1.Schema,{skipWriteOnly:!t,skipReadOnly:!i,schema:c.schema})]}),(0,jsx_runtime_1.jsx)(common_1.SamplesPanel,{isStacked:d,children:(0,jsx_runtime_1.jsx)(common_1.CodeBlockPanel,{className:"panel-response-samples",children:(0,jsx_runtime_1.jsx)(PayloadSamples_1.MediaTypeSamples,{mediaType:c,onChange:u})})})]})})}exports.SchemaDefinition=(0,react_1.memo)(SchemaDefinitionComponent);const Description=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.SchemaDefinition=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),nexus_1=require("../../jotai/nexus"),common_1=require("../common"),models_1=require("../../models"),PayloadSamples_1=require("../PayloadSamples"),Schema_1=require("../Schema"),Markdown_1=require("../Markdown"),app_1=require("../../jotai/app"),store_1=require("../../jotai/store"),operation_1=require("../../jotai/operation"),getMediaTypeInfo=(e,o)=>{if(!e)return{};const i={schema:{$ref:e}};return o&&(i.examples={example:{$ref:o}}),i};function SchemaDefinitionComponent({schemaRef:e,exampleRef:o,showReadOnly:i=!0,showWriteOnly:t=!1}){var a,n,r;const s=(0,jotai_1.useAtomValue)(app_1.layoutAtom),{parser:m,options:l}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),c=(0,react_1.useMemo)((()=>(0,models_1.getMediaType)(m,"json",!1,getMediaTypeInfo(e,o),l,{operation:{pointer:"SchemaDefinitionComponent"}})),[o,l,m,e]),[_,p]=(0,jotai_1.useAtom)((0,operation_1.operationStore)(null===(a=c.operation)||void 0===a?void 0:a.pointer)),u=(0,react_1.useCallback)((e=>{if(!c.schema)return;const o=c.schema,i=o.oneOf;if(i&&(null==c?void 0:c.examples)&&Object.keys(null==c?void 0:c.examples).includes(e)){const t=i.findIndex((o=>o.title===e));-1!==t&&o&&(0,nexus_1.writeAtom)((0,operation_1.operationStore)(o.operationPointer),(e=>{var i,a;return Object.assign(Object.assign({},e),{activeExampleName:(null===(a=null===(i=o.oneOf)||void 0===i?void 0:i[t])||void 0===a?void 0:a.title)||e.activeExampleName,activeOneOf:Object.assign(Object.assign({},e.activeOneOf),{[o.pointer]:t})})}))}_.activeExampleName!==e&&p((o=>Object.assign(Object.assign({},o),{activeExampleName:e})))}),[null==c?void 0:c.examples,c.schema,_.activeExampleName,p]),d=s===theme_1.LayoutVariant.STACKED;return(0,jsx_runtime_1.jsx)(common_1.Section,{children:(0,jsx_runtime_1.jsxs)(common_1.Row,{layout:s,children:[(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{isStacked:d,children:[(null===(n=c.schema)||void 0===n?void 0:n.description)&&(0,jsx_runtime_1.jsx)(Description,{children:(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:null===(r=c.schema)||void 0===r?void 0:r.description})}),(0,jsx_runtime_1.jsx)(Schema_1.Schema,{skipWriteOnly:!t,skipReadOnly:!i,schema:c.schema,level:1})]}),(0,jsx_runtime_1.jsx)(common_1.SamplesPanel,{isStacked:d,children:(0,jsx_runtime_1.jsx)(common_1.CodeBlockPanel,{className:"panel-response-samples",children:(0,jsx_runtime_1.jsx)(PayloadSamples_1.MediaTypeSamples,{mediaType:c,onChange:u})})})]})})}exports.SchemaDefinition=(0,react_1.memo)(SchemaDefinitionComponent);const Description=styled_components_1.default.div`
   margin-bottom: var(--spacing-vertical);
 `;
 //# sourceMappingURL=SchemaDefinition.js.map

package/lib/components/SideMenu/hooks/useMenuItems.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useMenuItems=void 0;const theme_1=require("@redocly/theme"),react_1=require("react"),react_router_dom_1=require("react-router-dom"),utils_1=require("../../../utils");function useMenuItems({items:e}){const t=(0,react_router_dom_1.useLocation)(),s=(0,theme_1.useActiveSectionId)(t,!1,!1);return(0,react_1.useMemo)((()=>mapAndSetActiveItems(e,s,t)),[s,e,t])}function mapAndSetActiveItems(e,t="",s){const i=[];return convertOpenAPIDocs2Sidebar({contentItems:e,sidebarItems:i,activeItemId:t,location:s}),i}function isItemActive(e,t="",s){return!!e.href&&(t?e.id===t:(0,utils_1.pathMatchedLink)(s,e.href))}function isSubItemActive(e,t="",s){return(e.items||[]).some((e=>isItemActive(e,t,s)||isSubItemActive(e,t,s)))}function convertOpenAPIDocs2Sidebar(e){const{contentItems:t,sidebarItems:s,activeItemId:i,location:c}=e;for(const n of t){const t=isItemActive(n,i,c),r=isSubItemActive(n,i,c);switch(n.type){case"group":s.push({type:"separator",label:n.name,active:t,hasActiveSubItem:r}),convertOpenAPIDocs2Sidebar(Object.assign(Object.assign({},e),{contentItems:n.items,sidebarItems:s}));break;case"tag":const o={type:"group",label:n.name,items:[],link:n.href,active:t,hasActiveSubItem:r};s.push(o),convertOpenAPIDocs2Sidebar({contentItems:n.items,sidebarItems:o.items||[],activeItemId:i,location:c});break;case"operation":case"schema":s.push({type:"link",label:n.name,httpVerb:"schema"===n.type?"schema":n.httpVerb,link:n.href,active:t,hasActiveSubItem:r});break;case"section":if(-1===n.depth)continue;const a={type:n.items.length?"group":"link",label:n.name,link:n.href,items:[],active:t,hasActiveSubItem:r};s.push(a),n.items.length&&convertOpenAPIDocs2Sidebar({contentItems:n.items,sidebarItems:a.items,activeItemId:i,location:c})}}}exports.useMenuItems=useMenuItems;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useMenuItems=void 0;const theme_1=require("@redocly/theme"),react_1=require("react"),react_router_dom_1=require("react-router-dom"),utils_1=require("../../../utils");function useMenuItems({items:e}){const t=(0,react_router_dom_1.useLocation)(),s=(0,theme_1.useActiveSectionId)(t,!1,!1);return(0,react_1.useMemo)((()=>mapAndSetActiveItems(e,s,t)),[s,e,t])}function mapAndSetActiveItems(e,t="",s){const i=[];return convertOpenAPIDocs2Sidebar({contentItems:e,sidebarItems:i,activeItemId:t,location:s}),i}function isItemActive(e,t="",s){return!!e.href&&(t?e.id===t:(0,utils_1.pathMatchedLink)(s,e.href))}function isSubItemActive(e,t="",s){return(e.items||[]).some((e=>isItemActive(e,t,s)||isSubItemActive(e,t,s)))}function convertOpenAPIDocs2Sidebar(e){const{contentItems:t,sidebarItems:s,activeItemId:i,location:c}=e;let n=!0;for(const r of t){const t=isItemActive(r,i,c),o=isSubItemActive(r,i,c);switch(r.type){case"group":s.push({type:"separator",label:r.name,active:t,hasActiveSubItem:o}),convertOpenAPIDocs2Sidebar(Object.assign(Object.assign({},e),{contentItems:r.items,sidebarItems:s}));break;case"tag":const a={type:"group",label:r.name,items:[],link:r.href,active:t,hasActiveSubItem:o};s.push(a),convertOpenAPIDocs2Sidebar({contentItems:r.items,sidebarItems:a.items||[],activeItemId:i,location:c});break;case"operation":case"schema":r.isWebhook&&n&&(s.push({type:"separator",label:"Webhooks",variant:"secondary"}),n=!1),s.push({type:"link",label:r.name,httpVerb:"schema"===r.type?"schema":r.httpVerb,link:r.href,active:t,hasActiveSubItem:o});break;case"section":if(-1===r.depth)continue;const m={type:r.items.length?"group":"link",label:r.name,link:r.href,items:[],active:t,hasActiveSubItem:o};s.push(m),r.items.length&&convertOpenAPIDocs2Sidebar({contentItems:r.items,sidebarItems:m.items,activeItemId:i,location:c})}}}exports.useMenuItems=useMenuItems;
 //# sourceMappingURL=useMenuItems.js.map

package/lib/components/common/BodyContent/BodyContent.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.BodyContent=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),DropdownTheme_1=require("../DropdownTheme"),Fields_1=require("../Fields"),ConstraintsView_1=require("../ConstraintsView"),Schema_1=require("../../Schema"),models_1=require("../../../models"),Markdown_1=require("../../Markdown"),app_1=require("../../../jotai/app"),LinkToField_1=require("../LinkToField");function BodyContentComponent({required:e,skipReadOnly:t,skipWriteOnly:i,description:n,content:o,deepLink:r}){const[s,a]=(0,jotai_1.useAtom)(app_1.activeMimeNameAtom);if(!o)return null;const{schema:l,examples:d,operation:m,name:_}=(0,models_1.getActiveMediaType)(o,s);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(Title,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:r}),"Body",(0,jsx_runtime_1.jsx)(DropdownTheme_1.Dropdown,{options:o.mediaTypes.map((({name:e})=>({label:e,value:e}))),value:_,onChange:({value:e})=>a(e)})]}),e&&(0,jsx_runtime_1.jsx)(Fields_1.RequiredLabel,{children:"required"}),(0,jsx_runtime_1.jsx)(StyledMarkdown,{source:n}),"object"===(null==l?void 0:l.type)&&(null==l?void 0:l.constraints)&&(0,jsx_runtime_1.jsx)(ConstraintsView_1.ConstraintsView,{constraints:(null==l?void 0:l.constraints)||[]}),(0,jsx_runtime_1.jsx)(Schema_1.Schema,{skipReadOnly:t,skipWriteOnly:i,schema:l,examples:d,operation:m},"schema")]})}exports.BodyContent=(0,react_1.memo)(BodyContentComponent);const StyledMarkdown=(0,styled_components_1.default)(Markdown_1.Markdown)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.BodyContent=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),DropdownTheme_1=require("../DropdownTheme"),Fields_1=require("../Fields"),ConstraintsView_1=require("../ConstraintsView"),Schema_1=require("../../Schema"),models_1=require("../../../models"),Markdown_1=require("../../Markdown"),app_1=require("../../../jotai/app"),LinkToField_1=require("../LinkToField");function BodyContentComponent({required:e,skipReadOnly:t,skipWriteOnly:i,description:n,content:o,deepLink:r}){const[s,a]=(0,jotai_1.useAtom)(app_1.activeMimeNameAtom);if(!o)return null;const{schema:l,examples:d,operation:m,name:_}=(0,models_1.getActiveMediaType)(o,s);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(Title,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:r}),"Body",(0,jsx_runtime_1.jsx)(DropdownTheme_1.Dropdown,{options:o.mediaTypes.map((({name:e})=>({label:e,value:e}))),value:_,onChange:({value:e})=>a(e)})]}),e&&(0,jsx_runtime_1.jsx)(Fields_1.RequiredLabel,{children:"required"}),(0,jsx_runtime_1.jsx)(StyledMarkdown,{source:n}),"object"===(null==l?void 0:l.type)&&(null==l?void 0:l.constraints)&&(0,jsx_runtime_1.jsx)(ConstraintsView_1.ConstraintsView,{constraints:(null==l?void 0:l.constraints)||[]}),(0,jsx_runtime_1.jsx)(Schema_1.Schema,{skipReadOnly:t,skipWriteOnly:i,schema:l,examples:d,operation:m,level:1},"schema")]})}exports.BodyContent=(0,react_1.memo)(BodyContentComponent);const StyledMarkdown=(0,styled_components_1.default)(Markdown_1.Markdown)`
   margin: var(--spacing-xxs) 0 0;
 `,Title=styled_components_1.default.span`
   position: relative;

package/lib/components/common/Fields/fields.d.ts

@@ -1,25 +1,38 @@
 /// <reference types="react" />
-export declare const ClickablePropertyNameCell: import("styled-components").StyledComponent<"td", any, {
-    kind?: string | undefined;
-}, never>;
 export declare const FieldLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const TypePrefix: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const TypeName: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const TypeTitle: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const TypeFormat: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const PropertyLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const RequiredLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const AdditionalPropertiesLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Tag: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const AccessLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const FieldValueLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const RecursiveLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const EnumValue: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const DefaultValue: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const ExampleValue: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const ExtensionValue: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const ConstraintItem: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const PatternLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const Tag: import("styled-components").StyledComponent<"span", any, {
+    className: "tag-grey";
+}, "className">;
+export declare const AccessLabel: import("styled-components").StyledComponent<"span", any, {
+    className: "tag-grey";
+}, "className">;
+export declare const FieldValueLabel: import("styled-components").StyledComponent<"span", any, {
+    className: "tag-grey";
+}, "className">;
+export declare const RecursiveLabel: import("styled-components").StyledComponent<"span", any, {
+    className: "tag-grey";
+}, "className">;
+export declare const EnumValue: import("styled-components").StyledComponent<"span", any, {
+    className: "tag-grey";
+}, "className">;
+export declare const DefaultValue: import("styled-components").StyledComponent<"span", any, {
+    className: "tag-grey";
+}, "className">;
+export declare const ExampleValue: import("styled-components").StyledComponent<"span", any, {
+    className: "tag-grey";
+}, "className">;
+export declare const ExtensionValue: import("styled-components").StyledComponent<"span", any, {
+    className: "tag-grey";
+}, "className">;
+export declare const ConstraintItem: import("styled-components").StyledComponent<"span", any, {
+    className: "tag-grey";
+}, "className">;
 export declare const ToggleButton: import("styled-components").StyledComponent<import("react").FC<import("@redocly/theme").ButtonProps>, any, import("@redocly/theme").ButtonProps & {
     variant: "link";
     size: "small";