@redocly/openapi-docs 3.4.0-rc.4 → 3.4.0

package/lib/components/Schema/OneOfSchema.js

@@ -1,4 +1,4 @@
-"use strict";var __rest=this&&this.__rest||function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]])}return n},__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"),useOneOfLocationIdx_1=require("./useOneOfLocationIdx");function OneOfSchemaComponent(e){var{schema:{oneOf:t},schema:n,oneOfLevel:o=1}=e,r=__rest(e,["schema","schema","oneOfLevel"]);const[i]=(0,jotai_1.useAtom)((0,operation_1.operationStore)(n.operationPointer)),s=(0,useOneOfLocationIdx_1.useOneOfLocationIdx)(t,o),a=-1===s?0:s,c=t[void 0!==i.activeOneOf[n.pointer]?i.activeOneOf[n.pointer]:a];if(!c)return null;const m=t.map(((e,t)=>({label:e.title||e.typePrefix+e.displayType,value:t})));return(0,jsx_runtime_1.jsxs)(Wrapper,{children:[(0,jsx_runtime_1.jsxs)(common_1.SelectionTitle,{children:[n.oneOfType,":"]}),(0,jsx_runtime_1.jsx)(SchemaSelection_1.SchemaSelection,{options:m,pointer:n.operationPointer,schema:n,defaultOneOfIdx:a}),c.deprecated&&(0,jsx_runtime_1.jsx)(common_1.StyledBadge,{deprecated:!0,children:"Deprecated"}),c.description&&(0,jsx_runtime_1.jsx)(StyledDescription,{source:c.description}),(0,jsx_runtime_1.jsx)(ConstraintsView_1.ConstraintsView,{constraints:c.constraints}),(0,jsx_runtime_1.jsx)(Schema_1.Schema,Object.assign({},r,{schema:c,oneOfLevel:o+1}))]})}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 o={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(o[n[r]]=e[n[r]])}return o},__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"),useOneOfLocationIdx_1=require("./useOneOfLocationIdx"),hooks_1=require("../../hooks");function OneOfSchemaComponent(e){var{schema:{oneOf:t},schema:o,oneOfLevel:n=1}=e,r=__rest(e,["schema","schema","oneOfLevel"]);const i=(0,hooks_1.useTranslate)(),[s]=(0,jotai_1.useAtom)((0,operation_1.operationStore)(o.operationPointer)),a=(0,useOneOfLocationIdx_1.useOneOfLocationIdx)(t,n),c=-1===a?0:a,_=t[void 0!==s.activeOneOf[o.pointer]?s.activeOneOf[o.pointer]:c];if(!_)return null;const m=t.map(((e,t)=>({label:e.title||e.typePrefix+e.displayType,value:t})));return(0,jsx_runtime_1.jsxs)(Wrapper,{children:[(0,jsx_runtime_1.jsxs)(common_1.SelectionTitle,{children:[o.oneOfType,":"]}),(0,jsx_runtime_1.jsx)(SchemaSelection_1.SchemaSelection,{options:m,pointer:o.operationPointer,schema:o,defaultOneOfIdx:c}),_.deprecated&&(0,jsx_runtime_1.jsx)(common_1.StyledBadge,{deprecated:!0,children:i("openapi.badges.deprecated","Deprecated")}),_.description&&(0,jsx_runtime_1.jsx)(StyledDescription,{source:_.description}),(0,jsx_runtime_1.jsx)(ConstraintsView_1.ConstraintsView,{constraints:_.constraints}),(0,jsx_runtime_1.jsx)(Schema_1.Schema,Object.assign({},r,{schema:_,oneOfLevel:n+1}))]})}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/RecursiveSchema.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { SchemaProps } from './types';
 export declare const RecursiveSchema: import("react").NamedExoticComponent<SchemaProps>;

package/lib/components/Schema/RecursiveSchema.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RecursiveSchema=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),common_1=require("../common");function RecursiveSchemaComponent({schema:e}){return(0,jsx_runtime_1.jsxs)("div",{children:[(0,jsx_runtime_1.jsx)(common_1.TypeName,{children:e.displayType}),e.title&&(0,jsx_runtime_1.jsxs)(common_1.TypeTitle,{children:[" ",e.title," "]}),(0,jsx_runtime_1.jsx)(common_1.RecursiveLabel,{children:" Recursive "})]})}exports.RecursiveSchema=(0,react_1.memo)(RecursiveSchemaComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RecursiveSchema=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),common_1=require("../common"),hooks_1=require("../../hooks");function RecursiveSchemaComponent({schema:e}){const r=(0,hooks_1.useTranslate)();return(0,jsx_runtime_1.jsxs)("div",{children:[(0,jsx_runtime_1.jsx)(common_1.TypeName,{children:e.displayType}),e.title&&(0,jsx_runtime_1.jsxs)(common_1.TypeTitle,{children:[" ",e.title," "]}),(0,jsx_runtime_1.jsxs)(common_1.RecursiveLabel,{children:[" ",r("openapi.recursive","Recursive")," "]})]})}exports.RecursiveSchema=(0,react_1.memo)(RecursiveSchemaComponent);
 //# sourceMappingURL=RecursiveSchema.js.map

package/lib/components/Schema/Schema.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { SchemaProps } from './types';
 export declare const Schema: import("react").NamedExoticComponent<Partial<SchemaProps>>;

package/lib/components/Schema/SubSchema.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SubSchema=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_router_dom_1=require("react-router-dom"),index_1=require("jotai/index"),theme_1=require("@redocly/theme"),utils_1=require("../../utils"),operation_1=require("../../jotai/operation"),helpers_1=require("./helpers"),ViewNested_1=require("../ViewNested");function SubSchemaComponent({expandByDefault:e,deepLink:r,level:t,expandable:i=!1,isArray:n="",propertyLength:o="",children:a,operationPointer:s}){var d;const u=(0,react_router_dom_1.useLocation)(),p=(0,utils_1.pathIncludesLink)(u,r),c=(0,helpers_1.extractTypeFromDeepLink)(r),[l,_]=(0,index_1.useAtom)((0,operation_1.operationStore)(s)),m=null===(d=l[c])||void 0===d?void 0:d.expandedFields[r||""],x=e=>{c&&r&&_((t=>{var i;return Object.assign(Object.assign({},t),{[c]:{expandedFields:Object.assign(Object.assign({},(null===(i=t[c])||void 0===i?void 0:i.expandedFields)||{}),{[r]:e})}})}))};(0,theme_1.useMount)((()=>{i&&(e||p)&&x(!0)}));const h=`Show ${1===Number(o)?"":o} ${n&&"array "}${1!==o?"properties":"property"}`;return(0,jsx_runtime_1.jsx)(ViewNested_1.ViewNested,{expandByDefault:e||p,isExpandedFromParent:m,level:t,expandable:i,onChange:()=>{x(!m)},expandText:h,children:a})}exports.SubSchema=(0,react_1.memo)(SubSchemaComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SubSchema=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_router_dom_1=require("react-router-dom"),index_1=require("jotai/index"),theme_1=require("@redocly/theme"),utils_1=require("../../utils"),operation_1=require("../../jotai/operation"),helpers_1=require("./helpers"),ViewNested_1=require("../ViewNested"),hooks_1=require("../../hooks");function SubSchemaComponent({expandByDefault:e,deepLink:r,level:t,expandable:o=!1,isArray:i="",propertyLength:n="",children:a,operationPointer:s}){var u;const d=(0,hooks_1.useTranslate)(),p=(0,react_router_dom_1.useLocation)(),c=(0,utils_1.pathIncludesLink)(p,r),l=(0,helpers_1.extractTypeFromDeepLink)(r),[_,m]=(0,index_1.useAtom)((0,operation_1.operationStore)(s)),x=null===(u=_[l])||void 0===u?void 0:u.expandedFields[r||""],h=e=>{l&&r&&m((t=>{var o;return Object.assign(Object.assign({},t),{[l]:{expandedFields:Object.assign(Object.assign({},(null===(o=t[l])||void 0===o?void 0:o.expandedFields)||{}),{[r]:e})}})}))};(0,theme_1.useMount)((()=>{o&&(e||c)&&h(!0)}));const b=`${d("openapi.actions.show","Show")} ${1===Number(n)?"":n} ${i&&"array "}${1!==n?"properties":"property"}`;return(0,jsx_runtime_1.jsx)(ViewNested_1.ViewNested,{expandByDefault:e||c,isExpandedFromParent:x,level:t,expandable:o,onChange:()=>{h(!x)},expandText:b,children:a})}exports.SubSchema=(0,react_1.memo)(SubSchemaComponent);
 //# sourceMappingURL=SubSchema.js.map

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

@@ -1,5 +1,5 @@
 import type { SchemaProps } from './types';
 export declare const extractTypeFromDeepLink: (str?: string) => string;
-export declare function getExpandByDefault(options: Pick<SchemaProps, 'level' | 'required'> & {
+export declare function getExpandByDefault({ schemasExpansionLevel, level, required, }: Pick<SchemaProps, 'level' | 'required'> & {
     schemasExpansionLevel?: number;
 }): boolean;

package/lib/components/Schema/helpers.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getExpandByDefault=exports.extractTypeFromDeepLink=void 0;const extractTypeFromDeepLink=e=>{if(!e)return"";const t=e.match(/t=(request|response)/);return t?t[1]:""};function getExpandByDefault(e){return void 0!==e.schemasExpansionLevel?e.schemasExpansionLevel>=Number(e.level)-1:!!e.required}exports.extractTypeFromDeepLink=extractTypeFromDeepLink,exports.getExpandByDefault=getExpandByDefault;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.extractTypeFromDeepLink=void 0,exports.getExpandByDefault=getExpandByDefault;const theme_1=require("@redocly/theme"),extractTypeFromDeepLink=e=>{if(!e)return"";const t=e.match(/t=(request|response)/);return t?t[1]:""};exports.extractTypeFromDeepLink=extractTypeFromDeepLink;const DEFAULT_REQUIRE_EXPAND_LEVEL=4;function getExpandByDefault({schemasExpansionLevel:e,level:t,required:r}){const n=Number(t)-1;return(0,theme_1.isUndefined)(e)?Boolean(r)&&DEFAULT_REQUIRE_EXPAND_LEVEL>=n:e>=n}
 //# sourceMappingURL=helpers.js.map

package/lib/components/Schema/useOneOfLocationIdx.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useOneOfLocationIdx=void 0;const react_router_dom_1=require("react-router-dom"),react_1=require("react"),OneOfLocationRegex=/(?=oneof=)/g;function useOneOfLocationIdx(e,o){const t=(0,react_router_dom_1.useLocation)();return(0,react_1.useMemo)((()=>e.findIndex(((e,r)=>{var n;return null===(n=t.hash.split(OneOfLocationRegex)[o])||void 0===n?void 0:n.includes(`oneof=${r}`)}))),[o,t.hash,e])}exports.useOneOfLocationIdx=useOneOfLocationIdx;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useOneOfLocationIdx=useOneOfLocationIdx;const react_router_dom_1=require("react-router-dom"),react_1=require("react"),OneOfLocationRegex=/(?=oneof=)/g;function useOneOfLocationIdx(e,o){const t=(0,react_router_dom_1.useLocation)();return(0,react_1.useMemo)((()=>e.findIndex(((e,r)=>{var n;return null===(n=t.hash.split(OneOfLocationRegex)[o])||void 0===n?void 0:n.includes(`oneof=${r}`)}))),[o,t.hash,e])}
 //# sourceMappingURL=useOneOfLocationIdx.js.map

package/lib/components/SchemaDefinition/SchemaDefinition.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface SchemaDefinitionProps {
     schemaRef?: string;
     exampleRef?: string;

package/lib/components/SectionContent/SectionContent.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.SectionContent=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),styled_components_1=__importDefault(require("styled-components")),ContentItem_1=require("../ContentItem"),PageFooter_1=require("../PageFooter"),store_1=require("../../jotai/store"),RenderHook_1=require("../RenderHook"),RightPanel_1=require("../RightPanel"),app_1=require("../../jotai/app"),common_1=require("../common");function SectionContent({items:e,hideFooterAndHeader:t}){const{unstable_hooks:{MiddlePanelHeader:n},routingBasePath:o}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),r=(0,jotai_1.useAtomValue)(app_1.layoutAtom),i=r===theme_1.LayoutVariant.STACKED,a=(0,react_1.useMemo)((()=>t?null:(0,jsx_runtime_1.jsx)(MiddlePanelWrapper,{isStacked:i,children:(0,jsx_runtime_1.jsx)(PageFooter_1.PageFooter,{})})),[t,i]),s=(0,react_1.useMemo)((()=>t||!theme_1.OpenApiHeader&&!n?null:(0,jsx_runtime_1.jsx)(MiddlePanelWrapper,{isStacked:i,children:n?(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:n,props:void 0}):(0,jsx_runtime_1.jsx)(theme_1.OpenApiHeader,{})})),[n,t,i]);return 0===e.length?null:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[s,(0,jsx_runtime_1.jsxs)(common_1.Row,{layout:r,children:[(0,jsx_runtime_1.jsx)(SectionContainer,{layout:r,children:e.filter((({type:e})=>"section"===e)).map((e=>(0,jsx_runtime_1.jsx)(ContentItem_1.ContentItem,{item:e,routingBasePath:o},e.id)))}),(0,jsx_runtime_1.jsx)(RightPanelContainer,{isStacked:i,tabIndex:0,children:(0,jsx_runtime_1.jsx)(RightPanel_1.RightPanel,{item:e[0]})})]}),e.filter((({type:e})=>"section"!==e)).map((e=>(0,jsx_runtime_1.jsx)(ContentItem_1.ContentItem,{item:e,routingBasePath:o},e.id))),a]})}exports.SectionContent=SectionContent;const MiddlePanelWrapper=(0,styled_components_1.default)(common_1.SamplesMiddlePanel)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SectionContent=SectionContent;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),styled_components_1=__importDefault(require("styled-components")),ContentItem_1=require("../ContentItem"),PageFooter_1=require("../PageFooter"),store_1=require("../../jotai/store"),RenderHook_1=require("../RenderHook"),RightPanel_1=require("../RightPanel"),app_1=require("../../jotai/app"),common_1=require("../common");function SectionContent({items:e,hideFooterAndHeader:t}){const{unstable_hooks:{MiddlePanelHeader:n},routingBasePath:r}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),o=(0,jotai_1.useAtomValue)(app_1.layoutAtom),i=o===theme_1.LayoutVariant.STACKED,a=(0,react_1.useMemo)((()=>t?null:(0,jsx_runtime_1.jsx)(MiddlePanelWrapper,{isStacked:i,children:(0,jsx_runtime_1.jsx)(PageFooter_1.PageFooter,{})})),[t,i]),s=(0,react_1.useMemo)((()=>t||!theme_1.OpenApiHeader&&!n?null:(0,jsx_runtime_1.jsx)(MiddlePanelWrapper,{isStacked:i,children:n?(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:n,props:void 0}):(0,jsx_runtime_1.jsx)(theme_1.OpenApiHeader,{})})),[n,t,i]);return 0===e.length?null:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[s,(0,jsx_runtime_1.jsxs)(common_1.Row,{layout:o,children:[(0,jsx_runtime_1.jsx)(SectionContainer,{layout:o,children:e.filter((({type:e})=>"section"===e)).map((e=>(0,jsx_runtime_1.jsx)(ContentItem_1.ContentItem,{item:e,routingBasePath:r},e.id)))}),(0,jsx_runtime_1.jsx)(RightPanelContainer,{isStacked:i,tabIndex:0,children:(0,jsx_runtime_1.jsx)(RightPanel_1.RightPanel,{item:e[0]})})]}),e.filter((({type:e})=>"section"!==e)).map((e=>(0,jsx_runtime_1.jsx)(ContentItem_1.ContentItem,{item:e,routingBasePath:r},e.id))),a]})}const MiddlePanelWrapper=(0,styled_components_1.default)(common_1.SamplesMiddlePanel)`
   align-self: flex-start;
   padding-top: var(--panel-gap-vertical);
   padding-bottom: var(--panel-gap-vertical);

package/lib/components/SectionItem/SectionItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { GroupModel } from '../../models';
 export interface SectionItemProps {
     item: GroupModel;

package/lib/components/Security/Divider.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.Divider=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components")),styled_1=require("./styled");function Divider({label:e}){return(0,jsx_runtime_1.jsxs)(Wrapper,{children:[(0,jsx_runtime_1.jsx)(styled_1.Tag,{className:"tag-grey",children:e})," ",(0,jsx_runtime_1.jsx)("hr",{})]})}exports.Divider=Divider;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.Divider=Divider;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components")),styled_1=require("./styled");function Divider({label:e}){return(0,jsx_runtime_1.jsxs)(Wrapper,{children:[(0,jsx_runtime_1.jsx)(styled_1.Tag,{className:"tag-grey",children:e})," ",(0,jsx_runtime_1.jsx)("hr",{})]})}const Wrapper=styled_components_1.default.div`
   font-size: var(--font-size-sm);
   width: 100%;
   display: flex;

package/lib/components/Security/OAuthFlow.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.OAuthFlow=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),Markdown_1=require("../Markdown"),SecuritySchemeItem_1=require("./SecuritySchemeItem"),styled_1=require("./styled");function OAuthFlowComponent({flow:e}){const t=Object.keys((null==e?void 0:e.scopes)||{});return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:"Authorization URL:",value:(null==e?void 0:e.authorizationUrl)&&(0,jsx_runtime_1.jsx)(styled_1.StyledLink,{target:"_blank",rel:"noopener noreferrer",href:null==e?void 0:e.authorizationUrl,children:null==e?void 0:e.authorizationUrl})}),(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:"Token URL:",value:null==e?void 0:e.tokenUrl}),(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:"Refresh URL:",value:null==e?void 0:e.refreshUrl}),t.length&&(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:"Scopes",value:" "}),t.map((t=>(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:(0,jsx_runtime_1.jsx)(StyledTag,{className:"tag-grey",children:t}),value:(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:(null==e?void 0:e.scopes[t])||""})},t)))]})||null]})}const StyledTag=(0,styled_components_1.default)(styled_1.Tag)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OAuthFlow=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),Markdown_1=require("../Markdown"),SecuritySchemeItem_1=require("./SecuritySchemeItem"),styled_1=require("./styled"),hooks_1=require("../../hooks");function OAuthFlowComponent({flow:e}){const t=Object.keys((null==e?void 0:e.scopes)||{}),r=(0,hooks_1.useTranslate)();return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:`${r("openapi.authorizationUrl","Authorization URL")}:`,value:(null==e?void 0:e.authorizationUrl)&&(0,jsx_runtime_1.jsx)(styled_1.StyledLink,{target:"_blank",rel:"noopener noreferrer",href:null==e?void 0:e.authorizationUrl,children:null==e?void 0:e.authorizationUrl})}),(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:`${r("openapi.tokenUrl","Token URL")}:`,value:null==e?void 0:e.tokenUrl}),(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:`${r("openapi.refreshUrl","Refresh URL")}:`,value:null==e?void 0:e.refreshUrl}),t.length&&(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:`${r("openapi.scopes","Scopes")}:`,value:" "}),t.map((t=>(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:(0,jsx_runtime_1.jsx)(StyledTag,{className:"tag-grey",children:t}),value:(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:(null==e?void 0:e.scopes[t])||""})},t)))]})||null]})}const StyledTag=(0,styled_components_1.default)(styled_1.Tag)`
   margin-left: var(--spacing-xs);
 `;exports.OAuthFlow=(0,react_1.memo)(OAuthFlowComponent);
 //# sourceMappingURL=OAuthFlow.js.map

package/lib/components/Security/Security.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Security=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),SecurityButton_1=require("./SecurityButton"),SecurityModal_1=require("./SecurityModal");function Security({securities:e}){const[t,r]=(0,react_1.useState)(!1);return(0,theme_1.useModalScrollLock)(t),e.length?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(SecurityButton_1.SecurityButton,{securities:e,onClick:()=>r(!0)}),t&&(0,jsx_runtime_1.jsx)(theme_1.Portal,{mountId:"api-content",children:(0,jsx_runtime_1.jsx)(SecurityModal_1.SecurityModal,{securities:e,onClose:()=>r(!1)})})]}):null}exports.Security=Security;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Security=Security;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),SecurityButton_1=require("./SecurityButton"),SecurityModal_1=require("./SecurityModal");function Security({securities:e}){const[t,r]=(0,react_1.useState)(!1);return(0,theme_1.useModalScrollLock)(t),e.length?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(SecurityButton_1.SecurityButton,{securities:e,onClick:()=>r(!0)}),t&&(0,jsx_runtime_1.jsx)(theme_1.Portal,{mountId:"api-content",children:(0,jsx_runtime_1.jsx)(SecurityModal_1.SecurityModal,{securities:e,onClose:()=>r(!1)})})]}):null}
 //# sourceMappingURL=Security.js.map

package/lib/components/Security/SecurityButton.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.SecurityButton=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");function SecurityButton({securities:e,onClick:t}){return(0,jsx_runtime_1.jsxs)(StyledButton,{onClick:t,children:[(0,jsx_runtime_1.jsx)(theme_1.SecurityIcon,{}),(0,jsx_runtime_1.jsx)(Title,{children:"Security:"}),(0,jsx_runtime_1.jsx)(SecurityList,{children:e.map((t=>{const n=e.length>1&&t.schemes.length>1;return`\n          ${n?"(":""}\n          ${t.schemes.map((({id:e})=>e)).join(" and ")}\n          ${n?")":""}\n          `})).join(" or ")})]})}exports.SecurityButton=SecurityButton;const StyledButton=styled_components_1.default.button`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecurityButton=SecurityButton;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");function SecurityButton({securities:e,onClick:t}){return(0,jsx_runtime_1.jsxs)(StyledButton,{onClick:t,children:[(0,jsx_runtime_1.jsx)(theme_1.SecurityIcon,{}),(0,jsx_runtime_1.jsx)(Title,{children:"Security:"}),(0,jsx_runtime_1.jsx)(SecurityList,{children:e.map((t=>{const n=e.length>1&&t.schemes.length>1;return`\n          ${n?"(":""}\n          ${t.schemes.map((({id:e})=>e)).join(" and ")}\n          ${n?")":""}\n          `})).join(" or ")})]})}const StyledButton=styled_components_1.default.button`
   display: flex;
   align-items: center;
   align-self: flex-start;

package/lib/components/Security/SecurityFlow.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.SecurityFlow=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components")),SecuritySchemeItem_1=require("./SecuritySchemeItem"),utils_1=require("../../utils"),OAuthFlow_1=require("./OAuthFlow"),styled_1=require("./styled"),Markdown_1=require("../Markdown"),helper_1=require("./helper");function SecurityFlow({type:e,bearerFormat:r,name:t,flows:i,openIdConnectUrl:s,description:n,id:u,securities:a,in:l}){if(!e||!u)return null;const o=(0,helper_1.getRequiredScopes)(u,a),c={http:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:"HTTP Authorization Scheme",value:e}),(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:"Bearer Format",value:r})]}),apiKey:(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:`${(0,utils_1.titleize)(l||"")} parameter name:`,value:t}),oauth2:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:"Flow type:",value:e}),i&&Object.keys(i).map((e=>(0,jsx_runtime_1.jsx)(OAuthFlow_1.OAuthFlow,{flow:i[e]},e)))]}),openIdConnect:(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:"Connect URL:",value:s&&(0,jsx_runtime_1.jsx)(styled_1.StyledLink,{target:"_blank",rel:"noopener noreferrer",href:s,children:s})})};return(0,jsx_runtime_1.jsxs)(Wrapper,{children:[(0,jsx_runtime_1.jsx)(TitleSchema,{children:u}),(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:n}),(0,jsx_runtime_1.jsxs)(List,{children:[c[e]||null,(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:"Required scopes",value:o.length&&(0,jsx_runtime_1.jsx)(Row,{children:o.map((e=>(0,jsx_runtime_1.jsx)(styled_1.Tag,{className:"tag-grey",children:e},e)))})})]})]})}exports.SecurityFlow=SecurityFlow;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.SecurityFlow=SecurityFlow;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components")),SecuritySchemeItem_1=require("./SecuritySchemeItem"),utils_1=require("../../utils"),OAuthFlow_1=require("./OAuthFlow"),styled_1=require("./styled"),Markdown_1=require("../Markdown"),helper_1=require("./helper"),hooks_1=require("../../hooks");function SecurityFlow({type:e,bearerFormat:r,name:t,flows:i,openIdConnectUrl:s,description:n,id:a,securities:o,in:u}){const l=(0,hooks_1.useTranslate)();if(!e||!a)return null;const c=(0,helper_1.getRequiredScopes)(a,o),m={http:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:l("openapi.httpAuthorizationScheme","HTTP Authorization Scheme"),value:e}),(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:l("openapi.bearerFormat","Bearer Format"),value:r})]}),apiKey:(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:`${(0,utils_1.titleize)(u||"")} ${l("openapi.parameterName","parameter name")}:`,value:t}),oauth2:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:l("openapi.flowType","Flow type"),value:e}),i&&Object.keys(i).map((e=>(0,jsx_runtime_1.jsx)(OAuthFlow_1.OAuthFlow,{flow:i[e]},e)))]}),openIdConnect:(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:l("openapi.connectUrl","Connect URL"),value:s&&(0,jsx_runtime_1.jsx)(styled_1.StyledLink,{target:"_blank",rel:"noopener noreferrer",href:s,children:s})})};return(0,jsx_runtime_1.jsxs)(Wrapper,{children:[(0,jsx_runtime_1.jsx)(TitleSchema,{children:a}),(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:n}),(0,jsx_runtime_1.jsxs)(List,{children:[m[e]||null,(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:l("openapi.requiredScopes","Required scopes"),value:c.length&&(0,jsx_runtime_1.jsx)(Row,{children:c.map((e=>(0,jsx_runtime_1.jsx)(styled_1.Tag,{className:"tag-grey",children:e},e)))})})]})]})}const Wrapper=styled_components_1.default.div`
   background: var(--layer-color);
   padding: var(--spacing-base);
   border-radius: var(--border-radius);

package/lib/components/Security/SecurityModal.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.SecurityModal=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"),SecurityFlow_1=require("./SecurityFlow"),Divider_1=require("./Divider");function SecurityModal({securities:e,onClose:t}){const[i,r]=(0,react_1.useState)(0),s=(0,react_1.useRef)(null),{schemes:o}=e[i]||{};(0,theme_1.useOutsideClick)(s,t),(0,theme_1.useFocusTrap)(s);const a=e.map((({schemes:e},t)=>({label:e.map((({id:e})=>e)).join(" and "),value:t})));return(0,jsx_runtime_1.jsx)(StyledBackground,{children:(0,jsx_runtime_1.jsxs)(Wrapper,{ref:s,tabIndex:0,children:[(0,jsx_runtime_1.jsx)(Close,{onClick:t,"data-testid":"close",variant:"ghost",icon:(0,jsx_runtime_1.jsx)(theme_1.CloseIcon,{})}),(0,jsx_runtime_1.jsxs)(Title,{children:[(0,jsx_runtime_1.jsx)(theme_1.SecurityIcon,{size:"24px"}),"Security"]}),(0,jsx_runtime_1.jsx)(theme_1.Segmented,{value:i,onChange:({value:e})=>r(e),options:a}),o.map(((t,i)=>(0,jsx_runtime_1.jsxs)(react_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(SecurityFlow_1.SecurityFlow,Object.assign({},t,{securities:e})),i!==o.length-1&&(0,jsx_runtime_1.jsx)(Divider_1.Divider,{label:"and"})]},t.id)))]})})}exports.SecurityModal=SecurityModal;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.SecurityModal=SecurityModal;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),SecurityFlow_1=require("./SecurityFlow"),Divider_1=require("./Divider"),hooks_1=require("../../hooks");function SecurityModal({securities:e,onClose:t}){const r=(0,hooks_1.useTranslate)(),[i,s]=(0,react_1.useState)(0),o=(0,react_1.useRef)(null),{schemes:a}=e[i]||{};(0,theme_1.useOutsideClick)(o,t),(0,theme_1.useFocusTrap)(o);const n=e.map((({schemes:e},t)=>({label:e.map((({id:e})=>e)).join(" and "),value:t})));return(0,jsx_runtime_1.jsx)(StyledBackground,{children:(0,jsx_runtime_1.jsxs)(Wrapper,{ref:o,tabIndex:0,children:[(0,jsx_runtime_1.jsx)(Close,{onClick:t,"data-testid":"close",variant:"ghost",icon:(0,jsx_runtime_1.jsx)(theme_1.CloseIcon,{})}),(0,jsx_runtime_1.jsxs)(Title,{children:[(0,jsx_runtime_1.jsx)(theme_1.SecurityIcon,{size:"24px"}),r("openapi.security","Security")]}),(0,jsx_runtime_1.jsx)(theme_1.Segmented,{value:i,onChange:({value:e})=>s(e),options:n}),a.map(((t,r)=>(0,jsx_runtime_1.jsxs)(react_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(SecurityFlow_1.SecurityFlow,Object.assign({},t,{securities:e})),r!==a.length-1&&(0,jsx_runtime_1.jsx)(Divider_1.Divider,{label:"and"})]},t.id)))]})})}const Wrapper=styled_components_1.default.div`
   background: var(--bg-color);
   box-shadow: var(--bg-raised-shadow);
   border-radius: var(--border-radius-lg);

package/lib/components/Security/SecuritySchemeItem.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.SecuritySchemeItem=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components"));function SecuritySchemeItem({label:e,value:t}){return e&&t?(0,jsx_runtime_1.jsxs)(Row,{children:[(0,jsx_runtime_1.jsx)(Label,{children:e}),(0,jsx_runtime_1.jsx)(Value,{children:t})]}):null}exports.SecuritySchemeItem=SecuritySchemeItem;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.SecuritySchemeItem=SecuritySchemeItem;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components"));function SecuritySchemeItem({label:e,value:t}){return e&&t?(0,jsx_runtime_1.jsxs)(Row,{children:[(0,jsx_runtime_1.jsx)(Label,{children:e}),(0,jsx_runtime_1.jsx)(Value,{children:t})]}):null}const Row=styled_components_1.default.div`
   display: flex;
   justify-content: flex-start;
   margin-bottom: var(--spacing-xxs);

package/lib/components/Security/helper.js

@@ -1,2 +1,2 @@
-"use strict";function getRequiredScopes(e,r){const o=new Set;return r.forEach((({schemes:r})=>{r.forEach((({id:r,scopes:s})=>{r===e&&s.forEach((e=>o.add(e)))}))})),Array.from(o)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.getRequiredScopes=void 0,exports.getRequiredScopes=getRequiredScopes;
+"use strict";function getRequiredScopes(e,r){const o=new Set;return r.forEach((({schemes:r})=>{r.forEach((({id:r,scopes:s})=>{r===e&&s.forEach((e=>o.add(e)))}))})),Array.from(o)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.getRequiredScopes=getRequiredScopes;
 //# sourceMappingURL=helper.js.map

package/lib/components/SelectOrLabel/SelectOrLabel.js

@@ -1,8 +1,8 @@
-"use strict";var __rest=this&&this.__rest||function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(o=Object.getOwnPropertySymbols(e);l<o.length;l++)t.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(r[o[l]]=e[o[l]])}return r},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SelectOrLabel=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components")),Select_1=require("../common/Select"),MimeLabel=styled_components_1.default.span`
+"use strict";var __rest=this&&this.__rest||function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SelectOrLabel=SelectOrLabel;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components")),Select_1=require("../common/Select"),MimeLabel=styled_components_1.default.span`
   margin-left: 4px;
   font-size: 14px;
   text-transform: none;
   font-weight: 400;
   color: var(--text-color-primary);
-`;function SelectOrLabel(e){var{Label:t=MimeLabel,Select:r=Select_1.SimpleSelect}=e,o=__rest(e,["Label","Select"]);return 1===o.options.length?(0,jsx_runtime_1.jsx)(t,{children:o.options[0].value}):(0,jsx_runtime_1.jsx)(r,Object.assign({},o))}exports.SelectOrLabel=SelectOrLabel;
+`;function SelectOrLabel(e){var{Label:t=MimeLabel,Select:r=Select_1.SimpleSelect}=e,o=__rest(e,["Label","Select"]);return 1===o.options.length?(0,jsx_runtime_1.jsx)(t,{children:o.options[0].value}):(0,jsx_runtime_1.jsx)(r,Object.assign({},o))}
 //# sourceMappingURL=SelectOrLabel.js.map

package/lib/components/ServerList/ServerList.d.ts

@@ -1,3 +1,3 @@
 import type { ReactElement } from 'react';
 import type { ServerListProps } from './types';
-export declare const ServerList: ({ servers, path }: ServerListProps) => ReactElement;
+export declare const ServerList: ({ servers, path, translate }: ServerListProps) => ReactElement;

package/lib/components/ServerList/ServerList.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.ServerList=void 0;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),PanelItem_1=require("../PanelItem"),ViewNested_1=require("../ViewNested"),common_1=require("../common"),Markdown_1=require("../Markdown"),ServerList=({servers:e,path:r})=>(0,jsx_runtime_1.jsx)(ItemsList,{children:e.map((e=>{const t=e.url+r,i=Object.keys(e.variables||{}).length,s=`${1===Number(i)?"":i} ${1!==i?"variables":"variable"}`;return(0,jsx_runtime_1.jsxs)("div",{children:[(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItemDescription,{children:e.description}),(0,jsx_runtime_1.jsxs)(TitleWrap,{children:[(0,jsx_runtime_1.jsx)(PanelItem_1.Title,{suppressHydrationWarning:!0,children:t}),(0,jsx_runtime_1.jsx)(theme_1.CopyButton,{data:t},t)]}),e.variables&&(0,jsx_runtime_1.jsx)(ViewNested_1.ViewNested,{expandText:`Show ${s}`,hideText:`Hide ${s}`,expandByDefault:!1,expandable:!0,hideDivider:!0,children:(0,jsx_runtime_1.jsx)(ServerVariablesContainer,{children:Object.entries(e.variables||{}).map((([e,r])=>(0,jsx_runtime_1.jsxs)(ServerVariableContainer,{children:[(0,jsx_runtime_1.jsx)(ServerVariableName,{children:e}),(0,jsx_runtime_1.jsxs)(Variable,{children:["Default ",(0,jsx_runtime_1.jsx)(StyledTag,{children:r.default})]}),(0,jsx_runtime_1.jsx)(Description,{source:r.description}),r.enum&&(0,jsx_runtime_1.jsxs)(Variable,{children:["Enum",(0,jsx_runtime_1.jsx)(TagWrapper,{children:r.enum.map((e=>(0,jsx_runtime_1.jsx)(StyledTag,{children:e},e)))})]})]},e)))})})]},e.url)}))});exports.ServerList=ServerList;const ItemsList=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.ServerList=void 0;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),PanelItem_1=require("../PanelItem"),ViewNested_1=require("../ViewNested"),common_1=require("../common"),Markdown_1=require("../Markdown"),ServerList=({servers:e,path:t,translate:r})=>(0,jsx_runtime_1.jsx)(ItemsList,{children:e.map((e=>{const i=e.url+t,n=Object.keys(e.variables||{}).length,a=1===n?"variable":"variables",s=`${n||""} ${r(`openapi.${a}`,a)}`;return(0,jsx_runtime_1.jsxs)("div",{children:[(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItemDescription,{children:e.description}),(0,jsx_runtime_1.jsxs)(TitleWrap,{children:[(0,jsx_runtime_1.jsx)(PanelItem_1.Title,{suppressHydrationWarning:!0,children:i}),(0,jsx_runtime_1.jsx)(theme_1.CopyButton,{data:i},i)]}),e.variables&&(0,jsx_runtime_1.jsx)(ViewNested_1.ViewNested,{expandText:`${r("openapi.actions.show","Show")} ${s}`,hideText:`${r("openapi.actions.hide","Hide")} ${s}`,expandByDefault:!1,expandable:!0,hideDivider:!0,children:(0,jsx_runtime_1.jsx)(ServerVariablesContainer,{children:Object.entries(e.variables||{}).map((([e,t])=>(0,jsx_runtime_1.jsxs)(ServerVariableContainer,{children:[(0,jsx_runtime_1.jsx)(ServerVariableName,{children:e}),(0,jsx_runtime_1.jsxs)(Variable,{children:[r("openapi.default","Default")," ",(0,jsx_runtime_1.jsx)(StyledTag,{children:t.default})]}),(0,jsx_runtime_1.jsx)(Description,{source:t.description}),t.enum&&(0,jsx_runtime_1.jsxs)(Variable,{children:[r("openapi.enum","Enum")," ",(0,jsx_runtime_1.jsx)(TagWrapper,{children:t.enum.map((e=>(0,jsx_runtime_1.jsx)(StyledTag,{children:e},e)))})]})]},e)))})})]},e.url)}))});exports.ServerList=ServerList;const ItemsList=styled_components_1.default.div`
   & > div {
     border-bottom: 1px solid var(--border-color-secondary);
     margin-bottom: var(--spacing-xs);

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

@@ -1,2 +1,5 @@
+import type { TFunction } from '@redocly/theme';
 import type { OperationModel } from '../../models';
-export type ServerListProps = Pick<OperationModel, 'servers' | 'path'>;
+export type ServerListProps = Pick<OperationModel, 'servers' | 'path'> & {
+    translate: TFunction;
+};

package/lib/components/ServerListDropdown/ServerListDropdown.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerListDropdown=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),common_1=require("../common"),styled_1=require("./styled"),PanelItem_1=require("../PanelItem"),services_1=require("../../services"),utils_1=require("../../utils"),app_1=require("../../jotai/app"),hooks_1=require("../../hooks"),environments_1=require("../../utils/environments"),ServerListDropdown=({operation:e,className:r})=>{const[[t],s]=(0,jotai_1.useAtom)(app_1.environmentAtom),i=(0,hooks_1.useActiveWithFallback)(e.servers.map((e=>Object.assign(Object.assign({},e),{key:e.url}))),t.server),n=(0,react_1.useCallback)((e=>{e.stopPropagation()}),[]),o=(0,react_1.useCallback)((r=>()=>{1!==e.servers.length&&s({environment:(0,environments_1.getServerEnvName)(r)})}),[e.servers.length,s]),a=(0,react_1.useMemo)((()=>e.servers.map((r=>{const t=(0,utils_1.replaceVariables)(r),s=(0,services_1.joinWithSeparator)(t,e.path);return(0,jsx_runtime_1.jsx)(styled_1.StyledDropdownMenuItem,{onAction:o(r),children:(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItem,{header:r.description,title:(0,utils_1.replaceVariables)(r),actions:[(0,jsx_runtime_1.jsx)(styled_1.StyledCopyButton,{data:s,toasterPlacement:"left",onCopyClick:n},s)],active:r.url===i,withCheckmark:!0})},s)}))),[e.servers,e.path,o,n,i]);return(0,jsx_runtime_1.jsx)(theme_1.Dropdown,{className:r,trigger:(0,jsx_runtime_1.jsxs)(styled_1.PathWrapper,{variant:"ghost",children:[(0,jsx_runtime_1.jsx)(common_1.HttpVerb,{color:e.httpVerb,children:e.httpVerb}),(0,jsx_runtime_1.jsx)(styled_1.Path,{children:e.path})]}),withArrow:!0,children:(0,jsx_runtime_1.jsx)(theme_1.DropdownMenu,{children:a})})};exports.ServerListDropdown=ServerListDropdown;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerListDropdown=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),common_1=require("../common"),styled_1=require("./styled"),PanelItem_1=require("../PanelItem"),services_1=require("../../services"),utils_1=require("../../utils"),app_1=require("../../jotai/app"),hooks_1=require("../../hooks"),environments_1=require("../../utils/environments"),ServerListDropdown=({operation:e,className:r})=>{const[[t],s]=(0,jotai_1.useAtom)(app_1.environmentAtom),i=(0,hooks_1.useActiveWithFallback)(e.servers.map((e=>Object.assign(Object.assign({},e),{key:e.url}))),t.server),n=(0,react_1.useCallback)((e=>{e.stopPropagation()}),[]),o=(0,react_1.useCallback)((r=>()=>{1!==e.servers.length&&s({environment:(0,environments_1.getServerEnvName)(r)})}),[e.servers.length,s]),a=(0,react_1.useMemo)((()=>e.servers.map((r=>{const t=(0,services_1.joinWithSeparator)((0,utils_1.replaceVariables)(r),e.path);return(0,jsx_runtime_1.jsx)(styled_1.StyledDropdownMenuItem,{onAction:o(r),children:(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItem,{header:r.description,title:t,actions:[(0,jsx_runtime_1.jsx)(styled_1.StyledCopyButton,{data:t,toasterPlacement:"left",onCopyClick:n},t)],active:r.url===i,withCheckmark:!0})},t)}))),[e.servers,e.path,o,n,i]);return(0,jsx_runtime_1.jsx)(theme_1.Dropdown,{className:r,trigger:(0,jsx_runtime_1.jsxs)(styled_1.PathWrapper,{variant:"ghost",children:[(0,jsx_runtime_1.jsx)(common_1.HttpVerb,{color:e.httpVerb,children:e.httpVerb}),(0,jsx_runtime_1.jsx)(styled_1.Path,{children:e.path})]}),withArrow:!0,children:(0,jsx_runtime_1.jsx)(theme_1.DropdownMenu,{children:a})})};exports.ServerListDropdown=ServerListDropdown;
 //# sourceMappingURL=ServerListDropdown.js.map

package/lib/components/ServerListDropdown/styled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DropdownMenuItem } from '@redocly/theme';
 export declare const PathWrapper: import("styled-components").StyledComponent<import("react").FC<import("@redocly/theme").ButtonProps>, any, import("@redocly/theme").ButtonProps, never>;
 export declare const Path: import("styled-components").StyledComponent<"span", any, {}, never>;

package/lib/components/SideMenu/SideMenu.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ExtendedMenuItem, IMenuItem } from '../../services';
 interface SideMenuProps {
     items: (ExtendedMenuItem & IMenuItem)[];

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"),constants_1=require("../../../constants");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 a of t){const t=isItemActive(a,i,c),o=isSubItemActive(a,i,c);switch(a.type){case"group":s.push({type:"separator",label:a.name,active:t,hasActiveSubItem:o}),convertOpenAPIDocs2Sidebar(Object.assign(Object.assign({},e),{contentItems:a.items,sidebarItems:s}));break;case"tag":const r={type:"group",label:a.name,items:[],link:a.href,active:t,hasActiveSubItem:o,modified:!0};s.push(r),convertOpenAPIDocs2Sidebar({contentItems:a.items,sidebarItems:r.items||[],activeItemId:i,location:c});break;case"operation":case"schema":a.isWebhook&&n&&a.parent.name!==constants_1.DEFAULT_WEBHOOKS_TAG_NAME&&(s.push({type:"separator",label:"Webhooks",variant:"secondary"}),n=!1),s.push({type:"link",label:a.name,httpVerb:"schema"===a.type?"schema":a.httpVerb,link:a.href,badges:a.badges,active:t,hasActiveSubItem:o,modified:!0,deprecated:a.deprecated});break;case"section":if(-1===a.depth)continue;const m={type:a.items.length?"group":"link",label:a.name,link:a.href,items:[],active:t,hasActiveSubItem:o,modified:!0};s.push(m),a.items.length&&convertOpenAPIDocs2Sidebar({contentItems:a.items,sidebarItems:m.items,activeItemId:i,location:c})}}}exports.useMenuItems=useMenuItems;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useMenuItems=useMenuItems;const theme_1=require("@redocly/theme"),react_1=require("react"),react_router_dom_1=require("react-router-dom"),utils_1=require("../../../utils"),constants_1=require("../../../constants");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 a of t){const t=isItemActive(a,i,c),r=isSubItemActive(a,i,c);switch(a.type){case"group":s.push({type:"separator",label:a.name,active:t,hasActiveSubItem:r}),convertOpenAPIDocs2Sidebar(Object.assign(Object.assign({},e),{contentItems:a.items,sidebarItems:s}));break;case"tag":const o={type:"group",label:a.name,items:[],link:a.href,active:t,hasActiveSubItem:r,modified:!0};s.push(o),convertOpenAPIDocs2Sidebar({contentItems:a.items,sidebarItems:o.items||[],activeItemId:i,location:c});break;case"operation":case"schema":a.isWebhook&&n&&a.parent.name!==constants_1.DEFAULT_WEBHOOKS_TAG_NAME&&(s.push({type:"separator",label:"Webhooks",variant:"secondary"}),n=!1),s.push({type:"link",label:a.name,httpVerb:"schema"===a.type?"schema":a.httpVerb,link:a.href,badges:a.badges,active:t,hasActiveSubItem:r,modified:!0,deprecated:a.deprecated});break;case"section":if(-1===a.depth)continue;const m={type:a.items.length?"group":"link",label:a.name,link:a.href,items:[],active:t,hasActiveSubItem:r,modified:!0};s.push(m),a.items.length&&convertOpenAPIDocs2Sidebar({contentItems:a.items,sidebarItems:m.items,activeItemId:i,location:c})}}}
 //# sourceMappingURL=useMenuItems.js.map

package/lib/components/Tabs/Tabs.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tabs=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importStar(require("styled-components")),theme_1=require("@redocly/theme");function Tabs({tabs:e,onChange:t,activeTab:r}){return(0,jsx_runtime_1.jsx)(TabList,{children:e.map((e=>(0,jsx_runtime_1.jsx)(Tab,{$active:e.key===(null==r?void 0:r.key),onClick:()=>t(e),children:(0,jsx_runtime_1.jsx)(theme_1.StatusCode,{status:e.key,children:e.title})},e.key)))})}exports.Tabs=Tabs;const TabList=styled_components_1.default.ol`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,i)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tabs=Tabs;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importStar(require("styled-components")),theme_1=require("@redocly/theme");function Tabs({tabs:e,onChange:t,activeTab:r}){return(0,jsx_runtime_1.jsx)(TabList,{children:e.map((e=>(0,jsx_runtime_1.jsx)(Tab,{$active:e.key===(null==r?void 0:r.key),onClick:()=>t(e),children:(0,jsx_runtime_1.jsx)(theme_1.StatusCode,{status:e.key,children:e.title})},e.key)))})}const TabList=styled_components_1.default.ol`
   display: flex;
   flex-wrap: wrap;
   list-style: none;

package/lib/components/Tabs/useTabsState.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTabsState=void 0;const react_1=require("react"),theme_1=require("@redocly/theme");function useTabsState({tabs:e,defaultTab:t,onChange:a}){const[s,u]=(0,react_1.useState)(t||e[0].key);(0,theme_1.useMount)((()=>{t&&(u(t),null==a||a(t))}));const r=(0,react_1.useCallback)((e=>{s!==e.key&&u(e.key),null==a||a(e.key)}),[s,a]);return{activeTab:s,handleTabChange:r}}exports.useTabsState=useTabsState;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTabsState=useTabsState;const react_1=require("react"),theme_1=require("@redocly/theme");function useTabsState({tabs:e,defaultTab:t,onChange:a}){const[s,u]=(0,react_1.useState)(t||e[0].key);(0,theme_1.useMount)((()=>{t&&(u(t),null==a||a(t))}));const r=(0,react_1.useCallback)((e=>{s!==e.key&&u(e.key),null==a||a(e.key)}),[s,a]);return{activeTab:s,handleTabChange:r}}
 //# sourceMappingURL=useTabsState.js.map

package/lib/components/TagItem/OperationNavigationItems.d.ts

@@ -0,0 +1,9 @@
+import type { TFunction } from '@redocly/theme';
+import type { OperationsNavigationProps } from './types';
+type OperationNavigationItemsProps = OperationsNavigationProps & {
+    title: string;
+    onClick: (link: string) => void;
+    translate: TFunction;
+};
+export declare const OperationNavigationItems: import("react").NamedExoticComponent<OperationNavigationItemsProps>;
+export {};

package/lib/components/TagItem/OperationNavigationItems.js

@@ -0,0 +1,37 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationNavigationItems=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),services_1=require("../../services"),utils_1=require("../../utils"),common_1=require("../common"),styled_1=require("./styled");function OperationNavigationItemsComponent({title:e,items:t,onClick:r,routingBasePath:i,translate:n}){return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Heading,{children:e}),t.map((({id:e,href:t,httpVerb:a,path:o,deprecated:s,badges:l})=>(0,jsx_runtime_1.jsx)(Item,{variant:"outlined",size:"large",onClick:()=>r((0,services_1.joinWithSeparator)(i,(0,utils_1.encodeBackSlashes)(t))),children:(0,jsx_runtime_1.jsxs)("span",{children:[(0,jsx_runtime_1.jsx)(common_1.HttpVerb,{color:s?"http-deprecated":a,children:a}),(0,jsx_runtime_1.jsx)(Path,{children:o}),s&&(0,jsx_runtime_1.jsx)(common_1.NavigationBadge,{deprecated:!0,children:n("openapi.badges.deprecated","Deprecated")}),null==l?void 0:l.map((({name:e,color:t})=>(0,jsx_runtime_1.jsx)(common_1.NavigationBadge,{color:t,children:e},e)))]})},e)))]})}exports.OperationNavigationItems=(0,react_1.memo)(OperationNavigationItemsComponent);const Heading=styled_components_1.default.span`
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  font-weight: var(--font-weight-bold);
+  color: var(--text-color-primary);
+  margin: var(--spacing-sm) 0 var(--spacing-xxs) 0;
+`,Item=(0,styled_components_1.default)(styled_1.StyledButton)`
+  border-radius: var(--border-radius);
+  background: var(--bg-color);
+  justify-content: space-between;
+
+  & > span {
+    display: flex;
+    align-items: baseline;
+    gap: var(--spacing-unit);
+    overflow-x: hidden;
+  }
+
+  &:hover {
+    background: var(--bg-color);
+  }
+
+  &:hover::after {
+    content: '→';
+    line-height: var(--line-height-base);
+  }
+`,Path=styled_components_1.default.span`
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  color: var(--text-color-primary);
+  text-decoration: none;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow-x: hidden;
+`;
+//# sourceMappingURL=OperationNavigationItems.js.map

package/lib/components/TagItem/OperationsNavigation.d.ts

@@ -1,9 +1,3 @@
-/// <reference types="react" />
-import type { OperationMenuItem } from '../../models';
-type OperationsNavigationProps = {
-    items: OperationMenuItem[];
-    routingBasePath: string;
-};
+import type { OperationsNavigationProps } from './types';
 export declare function OperationsNavigationComponent({ items, routingBasePath, }: OperationsNavigationProps): import("react/jsx-runtime").JSX.Element | null;
 export declare const OperationsNavigation: import("react").NamedExoticComponent<OperationsNavigationProps>;
-export {};

package/lib/components/TagItem/OperationsNavigation.js

@@ -1,46 +1,7 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationsNavigation=exports.OperationsNavigationComponent=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_router_dom_1=require("react-router-dom"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),index_1=require("jotai/index"),common_1=require("../common"),utils_1=require("../../utils"),services_1=require("../../services"),app_1=require("../../jotai/app"),MAX_OPERATIONS=8;function OperationsNavigationComponent({items:e,routingBasePath:t}){const[o,n]=(0,react_1.useState)(!1),r=(0,react_router_dom_1.useNavigate)(),i=(0,index_1.useAtomValue)(app_1.layoutAtom)===theme_1.LayoutVariant.STACKED,{operations:a,webhooks:s,count:l}=(0,react_1.useMemo)((()=>{const t=e.filter((e=>"operation"===e.type)),n=o?t:t.slice(0,MAX_OPERATIONS),{operations:r,webhooks:i}=n.reduce(((e,t)=>t.isWebhook?Object.assign(Object.assign({},e),{webhooks:[...e.webhooks,t]}):Object.assign(Object.assign({},e),{operations:[...e.operations,t]})),{operations:[],webhooks:[]});return{operations:r,webhooks:i,count:!o&&t.length>MAX_OPERATIONS?t.length-MAX_OPERATIONS:0}}),[o,e]);if(!a.length&&!s.length)return null;const c=e=>{r(e)};return(0,jsx_runtime_1.jsxs)(Wrapper,{isStacked:i,"data-testid":"operation-navigation-list",children:[a.length>0&&(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Heading,{children:"Operations"}),a.map((({id:e,href:o,httpVerb:n,path:r,deprecated:i,badges:a})=>(0,jsx_runtime_1.jsx)(Item,{variant:"outlined",size:"large",onClick:()=>c((0,services_1.joinWithSeparator)(t,(0,utils_1.encodeBackSlashes)(o))),children:(0,jsx_runtime_1.jsxs)("span",{children:[(0,jsx_runtime_1.jsx)(common_1.HttpVerb,{color:i?"http-deprecated":n,children:n}),(0,jsx_runtime_1.jsx)(Path,{children:r}),i&&(0,jsx_runtime_1.jsx)(common_1.NavigationBadge,{deprecated:!0,children:"Deprecated"}),a&&a.map((({name:e,color:t})=>(0,jsx_runtime_1.jsx)(common_1.NavigationBadge,{color:t,children:e},e)))]})},e)))]}),s.length>0&&(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Heading,{children:"Webhooks"}),s.map((({id:e,href:o,httpVerb:n,path:r})=>(0,jsx_runtime_1.jsx)(Item,{variant:"outlined",size:"large",onClick:()=>c((0,services_1.joinWithSeparator)(t,(0,utils_1.encodeBackSlashes)(o))),children:(0,jsx_runtime_1.jsxs)("span",{children:[(0,jsx_runtime_1.jsx)(common_1.HttpVerb,{color:n,children:n}),(0,jsx_runtime_1.jsx)(Path,{children:r})]})},e)))]}),!o&&Boolean(l)&&(0,jsx_runtime_1.jsxs)(StyledButton,{variant:"link",size:"large","data-testid":"show-more-operations",fullWidth:!0,onClick:()=>n(!0),children:["Show ",l," more..."]})]})}exports.OperationsNavigationComponent=OperationsNavigationComponent,exports.OperationsNavigation=(0,react_1.memo)(OperationsNavigationComponent);const Wrapper=(0,styled_components_1.default)(common_1.SamplesPanel)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationsNavigation=void 0,exports.OperationsNavigationComponent=OperationsNavigationComponent;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_router_dom_1=require("react-router-dom"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),index_1=require("jotai/index"),common_1=require("../common"),app_1=require("../../jotai/app"),OperationNavigationItems_1=require("./OperationNavigationItems"),styled_1=require("./styled"),hooks_1=require("../../hooks"),MAX_OPERATIONS=8;function OperationsNavigationComponent({items:e,routingBasePath:t}){const o=(0,hooks_1.useTranslate)(),[a,i]=(0,react_1.useState)(!1),n=(0,react_router_dom_1.useNavigate)(),r=(0,index_1.useAtomValue)(app_1.layoutAtom)===theme_1.LayoutVariant.STACKED,{operations:s,webhooks:p,count:_}=(0,react_1.useMemo)((()=>{const t=e.filter((e=>"operation"===e.type)),o=a?t:t.slice(0,MAX_OPERATIONS),{operations:i,webhooks:n}=o.reduce(((e,t)=>t.isWebhook?Object.assign(Object.assign({},e),{webhooks:[...e.webhooks,t]}):Object.assign(Object.assign({},e),{operations:[...e.operations,t]})),{operations:[],webhooks:[]});return{operations:i,webhooks:n,count:!a&&t.length>MAX_OPERATIONS?t.length-MAX_OPERATIONS:0}}),[a,e]),l=(0,react_1.useCallback)((e=>n(e)),[n]);return s.length||p.length?(0,jsx_runtime_1.jsxs)(Wrapper,{isStacked:r,"data-testid":"operation-navigation-list",children:[s.length>0&&(0,jsx_runtime_1.jsx)(OperationNavigationItems_1.OperationNavigationItems,{items:s,onClick:l,routingBasePath:t,translate:o,title:o("openapi.operations","Operations")}),p.length>0&&(0,jsx_runtime_1.jsx)(OperationNavigationItems_1.OperationNavigationItems,{items:p,onClick:l,routingBasePath:t,translate:o,title:o("openapi.webhooks","Webhooks")}),!a&&Boolean(_)&&(0,jsx_runtime_1.jsxs)(styled_1.StyledButton,{variant:"link",size:"large","data-testid":"show-more-operations",fullWidth:!0,onClick:()=>i(!0),children:[o("openapi.actions.show","Show")," ",_," ",o("openapi.actions.more","more"),"..."]})]}):null}exports.OperationsNavigation=(0,react_1.memo)(OperationsNavigationComponent);const Wrapper=(0,styled_components_1.default)(common_1.SamplesPanel)`
   display: flex;
   flex-direction: column;
   gap: var(--spacing-xxs);
   padding-top: var(--spacing-xxl);
-`,Heading=styled_components_1.default.span`
-  font-size: var(--font-size-base);
-  line-height: var(--line-height-base);
-  font-weight: var(--font-weight-bold);
-  color: var(--text-color-primary);
-  margin: var(--spacing-sm) 0 var(--spacing-xxs) 0;
-`,StyledButton=(0,styled_components_1.default)(theme_1.Button)`
-  & + & {
-    margin-left: 0;
-  }
-`,Item=(0,styled_components_1.default)(StyledButton)`
-  border-radius: var(--border-radius);
-  background: var(--bg-color);
-  justify-content: space-between;
-
-  & > span {
-    display: flex;
-    align-items: baseline;
-    gap: var(--spacing-unit);
-    overflow-x: hidden;
-  }
-
-  &:hover {
-    background: var(--bg-color);
-  }
-
-  &:hover::after {
-    content: '→';
-    line-height: var(--line-height-base);
-  }
-`,Path=styled_components_1.default.span`
-  font-family: var(--font-family-base);
-  font-size: var(--font-size-base);
-  line-height: var(--line-height-base);
-  color: var(--text-color-primary);
-  text-decoration: none;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow-x: hidden;
 `;
 //# sourceMappingURL=OperationsNavigation.js.map

package/lib/components/TagItem/TagItem.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.TagItem=exports.TagItemComponent=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),react_router_dom_1=require("react-router-dom"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),common_1=require("../common"),Markdown_1=require("../Markdown"),OperationsNavigation_1=require("./OperationsNavigation"),app_1=require("../../jotai/app");function TagItemComponent({item:e,routingBasePath:t="",isExpanded:a}){const{description:r,name:n,href:i}=e,o=(0,react_router_dom_1.useNavigate)(),m=(0,jotai_1.useAtomValue)(app_1.layoutAtom),s=(0,react_1.useCallback)((()=>{o(t+e.href)}),[e.href,o,t]),_=Boolean(e.items.length),u=m===theme_1.LayoutVariant.STACKED;return(0,jsx_runtime_1.jsxs)(Wrapper,{expanded:a,children:[(0,jsx_runtime_1.jsxs)(common_1.Row,{layout:m,children:[(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{fullWidth:!_,isStacked:u,children:[(0,jsx_runtime_1.jsxs)(Heading,{children:[(0,jsx_runtime_1.jsx)(common_1.ShareLink,{to:i,"aria-label":`link to ${n}`}),n]}),(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:r})]}),_&&(0,jsx_runtime_1.jsx)(OperationsNavigation_1.OperationsNavigation,{items:e.items,routingBasePath:t})]}),_&&!a&&(0,jsx_runtime_1.jsx)(ShowButton,{type:"button",variant:"text",size:"medium",onClick:s,children:"+ Show"})]})}exports.TagItemComponent=TagItemComponent,exports.TagItem=(0,react_1.memo)(TagItemComponent);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.TagItem=void 0,exports.TagItemComponent=TagItemComponent;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),react_router_dom_1=require("react-router-dom"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),common_1=require("../common"),Markdown_1=require("../Markdown"),OperationsNavigation_1=require("./OperationsNavigation"),app_1=require("../../jotai/app"),hooks_1=require("../../hooks");function TagItemComponent({item:e,routingBasePath:t="",isExpanded:a}){const r=(0,hooks_1.useTranslate)(),{description:i,name:n,href:o}=e,s=(0,react_router_dom_1.useNavigate)(),m=(0,jotai_1.useAtomValue)(app_1.layoutAtom),_=(0,react_1.useCallback)((()=>{s(t+e.href)}),[e.href,s,t]),u=Boolean(e.items.length),d=m===theme_1.LayoutVariant.STACKED;return(0,jsx_runtime_1.jsxs)(Wrapper,{expanded:a,children:[(0,jsx_runtime_1.jsxs)(common_1.Row,{layout:m,children:[(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{fullWidth:!u,isStacked:d,children:[(0,jsx_runtime_1.jsxs)(Heading,{children:[(0,jsx_runtime_1.jsx)(common_1.ShareLink,{to:o,"aria-label":`link to ${n}`}),n]}),(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:i})]}),u&&(0,jsx_runtime_1.jsx)(OperationsNavigation_1.OperationsNavigation,{items:e.items,routingBasePath:t})]}),u&&!a&&(0,jsx_runtime_1.jsxs)(ShowButton,{type:"button",variant:"text",size:"medium",onClick:_,children:["+ ",r("openapi.actions.show","Show")]})]})}exports.TagItem=(0,react_1.memo)(TagItemComponent);const Wrapper=styled_components_1.default.div`
   padding-top: var(--spacing-lg);
   padding-bottom: ${({expanded:e})=>e?"var(--spacing-xxl)":""};
 `,ShowButton=(0,styled_components_1.default)(theme_1.Button)`

package/lib/components/TagItem/styled.d.ts

@@ -0,0 +1 @@
+export declare const StyledButton: import("styled-components").StyledComponent<import("react").FC<import("@redocly/theme").ButtonProps>, any, import("@redocly/theme").ButtonProps, never>;

package/lib/components/TagItem/styled.js

@@ -0,0 +1,6 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledButton=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");exports.StyledButton=(0,styled_components_1.default)(theme_1.Button)`
+  & + & {
+    margin-left: 0;
+  }
+`;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,5 @@
+import type { OperationMenuItem } from '../../models';
+export type OperationsNavigationProps = {
+    items: OperationMenuItem[];
+    routingBasePath: string;
+};

package/lib/components/TagItem/types.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});
+//# sourceMappingURL=types.js.map

package/lib/components/common/Badges.d.ts

@@ -7,7 +7,7 @@ interface CustomBadgesProps {
 export declare const CustomBadges: import("react").NamedExoticComponent<PropsWithChildren<CustomBadgesProps>>;
 export declare const StyledBadge: import("styled-components").StyledComponent<typeof Badge, any, {}, never>;
 export declare const NavigationBadge: import("styled-components").StyledComponent<typeof Badge, any, {
-    deprecated?: boolean | undefined;
-    color?: string | undefined;
+    deprecated?: boolean;
+    color?: string;
 }, never>;
 export {};

package/lib/components/common/BodyContent/BodyContent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { MediaContentModel } from '../../../models';
 interface BodyContentProps {
     skipReadOnly?: boolean;

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"),Dropdown_1=require("../Dropdown"),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:i,skipWriteOnly:t,description:n,content:r,deepLink:o}){const[s,a]=(0,jotai_1.useAtom)(app_1.activeMimeNameAtom);if(!r)return null;const{schema:l,examples:d,operation:_,name:m}=(0,models_1.getActiveMediaType)(r,s),p=r.mediaTypes.map((({name:e})=>({label:e,value:e})));return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(Title,{children:[o&&(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:o}),"Body",(0,jsx_runtime_1.jsx)(Dropdown_1.Dropdown,{options:p,value:m,triggerVariant:"ghost",triggerSize:"large",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:i,skipWriteOnly:t,schema:l,examples:d,operation:_,level:1,disableDeepLinks:!o},"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"),Dropdown_1=require("../Dropdown"),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"),hooks_1=require("../../../hooks");function BodyContentComponent({required:e,skipReadOnly:i,skipWriteOnly:t,description:n,content:o,deepLink:r}){const s=(0,hooks_1.useTranslate)(),[a,l]=(0,jotai_1.useAtom)(app_1.activeMimeNameAtom);if(!o)return null;const{schema:d,examples:_,operation:p,name:m}=(0,models_1.getActiveMediaType)(o,a),u=o.mediaTypes.map((({name:e})=>({label:e,value:e})));return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(Title,{children:[r&&(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:r}),s("openapi.body","Body"),(0,jsx_runtime_1.jsx)(Dropdown_1.Dropdown,{options:u,value:m,triggerVariant:"ghost",triggerSize:"large",onChange:({value:e})=>l(e)})]}),e&&(0,jsx_runtime_1.jsx)(Fields_1.RequiredLabel,{children:s("openapi.badges.required","required")}),(0,jsx_runtime_1.jsx)(StyledMarkdown,{source:n}),"object"===(null==d?void 0:d.type)&&(null==d?void 0:d.constraints)&&(0,jsx_runtime_1.jsx)(ConstraintsView_1.ConstraintsView,{constraints:(null==d?void 0:d.constraints)||[]}),(0,jsx_runtime_1.jsx)(Schema_1.Schema,{skipReadOnly:i,skipWriteOnly:t,schema:d,examples:_,operation:p,level:1,disableDeepLinks:!r},"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/ClearButton/ClearButton.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { ClearButtonProps } from './types';
 export declare const ClearButton: import("react").NamedExoticComponent<ClearButtonProps>;

package/lib/components/common/ClearButton/styled.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const ClearButton: import("styled-components").StyledComponent<import("react").NamedExoticComponent<import("./types").ClearButtonProps>, any, {}, never>;

package/lib/components/common/ConstraintsView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface ConstraintsViewProps {
     constraints: string[];
 }

package/lib/components/common/ExpandableExample/ExpandableExample.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.ExpandableExample=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),react_1=require("react"),Markdown_1=require("../../Markdown"),Fields_1=require("../Fields"),MAX_EXAMPLE_LENGTH=150;function ExpandableExample({value:e}){const[t,r]=(0,react_1.useState)(!1),n=(0,react_1.useMemo)((()=>e.slice(0,MAX_EXAMPLE_LENGTH)),[e]);return(0,jsx_runtime_1.jsxs)(Container,{children:[(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:t?e:n}),(e!==n||t)&&(0,jsx_runtime_1.jsx)(ButtonWrap,{children:(0,jsx_runtime_1.jsx)(theme_1.Button,{variant:"link",size:"small",onClick:()=>{r(!t)},children:t?"Hide example":"Show example"})})]})}exports.ExpandableExample=ExpandableExample;const Container=(0,styled_components_1.default)(Fields_1.ExampleValue)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExpandableExample=ExpandableExample;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),react_1=require("react"),Markdown_1=require("../../Markdown"),Fields_1=require("../Fields"),hooks_1=require("../../../hooks"),MAX_EXAMPLE_LENGTH=150;function ExpandableExample({value:e}){const t=(0,hooks_1.useTranslate)(),[r,n]=(0,react_1.useState)(!1),a=(0,react_1.useMemo)((()=>e.slice(0,MAX_EXAMPLE_LENGTH)),[e]);return(0,jsx_runtime_1.jsxs)(Container,{children:[(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:r?e:a}),(e!==a||r)&&(0,jsx_runtime_1.jsx)(ButtonWrap,{children:(0,jsx_runtime_1.jsx)(theme_1.Button,{variant:"link",size:"small",onClick:()=>{n(!r)},children:r?t("openapi.hideExample","Hide example"):t("openapi.showExample","Show example")})})]})}const Container=(0,styled_components_1.default)(Fields_1.ExampleValue)`
   display: inline;
 
   & * {

package/lib/components/common/Extensions.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface ExtensionsProps {
     extensions: {
         [k: string]: string | Record<string, unknown>;

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

@@ -1,13 +1,13 @@
 export declare const getCssVariable: (variable: string) => string;
 export declare const PropertiesTableCaption: import("styled-components").StyledComponent<"caption", any, {}, never>;
 export declare const PropertyCell: import("styled-components").StyledComponent<"td", any, {
-    kind?: string | undefined;
+    kind?: string;
 }, never>;
 export declare const PropertyCellWithInner: import("styled-components").StyledComponent<"td", any, {
-    kind?: string | undefined;
+    kind?: string;
 }, never>;
 export declare const PropertyNameCell: import("styled-components").StyledComponent<"td", any, {
-    kind?: string | undefined;
+    kind?: string;
 }, never>;
 export declare const PropertyDetailsCell: import("styled-components").StyledComponent<"td", any, {}, never>;
 export declare const PropertyBullet: import("styled-components").StyledComponent<"span", any, {}, never>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 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>;
@@ -36,4 +35,4 @@ export declare const ConstraintItem: import("styled-components").StyledComponent
 export declare const ToggleButton: import("styled-components").StyledComponent<import("react").FC<import("@redocly/theme").ButtonProps>, any, import("@redocly/theme").ButtonProps & {
     variant: "link";
     size: "small";
-}, "variant" | "size">;
+}, "size" | "variant">;