@redocly/openapi-docs 3.11.0 → 3.12.0-next.1

package/lib/components/RedoclyOpenAPIDocs/Providers.js

@@ -1 +1 @@
-import{jsx as d}from"react/jsx-runtime";import{memo as v,useCallback as g,useEffect as b,useMemo as y}from"react";import S from"@markdoc/markdoc";import{LayoutVariant as O,markdoc as A}from"@redocly/theme";import{createStore as E,Provider as k}from"jotai";import{normalizeOptions as D,OpenAPIParser as N}from"../../services/index.js";import{getMarkdownHeaderId as j}from"./utils.js";import{normalizeServers as C}from"../../utils/index.js";import{SchemaDefinition as P}from"../SchemaDefinition/index.js";import{appStore as x,appStoreOverrideAtom as H,environmentAtom as M,layoutAtom as l,userClaimsAtom as I}from"../../jotai/app.js";import{mapObject as L}from"../../utils/object.js";import{mergeInMockServer as R}from"../../models/operation.js";import{getDefaultOperationStore as T,operationStore as V}from"../../jotai/operation.js";import{getServerEnvName as z}from"../../utils/environments.js";import{globalStoreAtom as _}from"../../jotai/store.js";const q={ignoreNamedSchemas:["java.io.ObjectStreamField"],maxDisplayedEnumValues:10,markdocOptions:{tags:{schemaDefinition:{render:"SchemaDefinition",attributes:{schemaRef:{type:String},exampleRef:{type:String},showReadOnly:{type:Boolean},showWriteOnly:{type:Boolean},htmlWrap:{type:String,default:!1}}}},nodes:{heading:{children:["inline"],attributes:{id:{type:String},level:{type:Number,required:!0,default:1}},transform(n,i){const t=n.transformAttributes(i),m=n.transformChildren(i),e=typeof t.id=="string"?t.id:j(m);return new S.Tag("Heading",{...t,id:e,level:n.attributes.level},m)}}},components:{SchemaDefinition:P,Heading:A.components.Heading}}},re=v(({children:n,options:i,definitionUrl:t,definition:m,withState:e})=>{const p=g(()=>{const r=D(i,q),o=new N(m,t,r);return{options:r,parser:o}},[m,t,i]),s=y(()=>{const r=E(),o=p();r.set(_,o);const u=C(o.parser.definitionUrl,R(o.parser.definition?.servers||[],o.options.mockServer)),c=Object.fromEntries(u.map(a=>[z(a),{server:a.url,...L(a.variables||{},f=>f.default||"")}]));return r.sub(x,()=>{}),r.set(l,o.options?.layout||O.THREE_PANEL),r.set(M,{environments:c}),r.set(I,e?.userClaims||{}),e&&r.set(H,{environment:e.environment,environments:e.environments,activeMimeName:e.activeMimeName,userClaims:e.userClaims}),e?.operation&&r.set(V(e.operation.pointer),T(e.operation.pointer,e.operation.state.requestValues)),r},[p,e]);return b(()=>{e?.layout&&s.set(l,e?.layout)},[s,e?.layout]),d(k,{store:s,children:n})});export{re as StoreProvider};
+import{jsx as d}from"react/jsx-runtime";import{memo as v,useCallback as g,useEffect as b,useMemo as y}from"react";import S from"@markdoc/markdoc";import{LayoutVariant as O,markdoc as E}from"@redocly/theme";import{createStore as A,Provider as N}from"jotai";import{normalizeOptions as k,OpenAPIParser as D}from"../../services/index.js";import{getMarkdownHeaderId as j}from"./utils.js";import{normalizeServers as x}from"../../utils/index.js";import{SchemaDefinition as C}from"../SchemaDefinition/index.js";import{appStore as P,appStoreOverrideAtom as H,environmentAtom as M,layoutAtom as l,userClaimsAtom as I}from"../../jotai/app.js";import{mapObject as L}from"../../utils/object.js";import{mergeInMockServer as R}from"../../models/operation.js";import{getDefaultOperationStore as T,operationStore as V}from"../../jotai/operation.js";import{getServerEnvName as z}from"../../utils/environments.js";import{globalStoreAtom as _}from"../../jotai/store.js";const q={ignoreNamedSchemas:["java.io.ObjectStreamField"],maxDisplayedEnumValues:10,markdocOptions:{tags:{schemaDefinition:{render:"SchemaDefinition",attributes:{schemaRef:{type:String},exampleRef:{type:String},showReadOnly:{type:Boolean},showWriteOnly:{type:Boolean},htmlWrap:{type:String,default:!1}}}},nodes:{heading:{children:["inline"],attributes:{id:{type:String},level:{type:Number,required:!0,default:1}},transform(n,i){const t=n.transformAttributes(i),m=n.transformChildren(i),e=typeof t.id=="string"?t.id:j(m);return new S.Tag("Heading",{...t,id:e,level:n.attributes.level},m)}}},components:{SchemaDefinition:C,Heading:E.components.Heading}}},re=v(({children:n,options:i,definitionUrl:t,definition:m,withState:e})=>{const p=g(()=>{const r=k(i,q),o=new D(m,t,r);return{options:r,parser:o}},[m,t,i]),a=y(()=>{const r=A(),o=p();r.set(_,o);const c=x(o.parser.definitionUrl,R(o.parser.definition?.servers||[],o.options.mockServer)),u=Object.fromEntries(c.map(s=>[z(s),{server:s.url,...L(s.variables||{},f=>f.default||"")}]));if(r.sub(P,()=>{}),r.set(l,o.options?.layout||O.THREE_PANEL),r.set(M,{environments:u}),r.set(I,e?.userClaims||{}),e&&r.set(H,{environment:e.environment,environments:e.environments,activeMimeName:e.activeMimeName,userClaims:e.userClaims}),e?.operation){const s=T(e.operation.pointer,e.operation.state.requestValues,e.operation.state.activeExampleName);r.set(V(e.operation.pointer),s)}return r},[p,e]);return b(()=>{e?.layout&&a.set(l,e?.layout)},[a,e?.layout]),d(N,{store:a,children:n})});export{re as StoreProvider};

package/lib/components/Replay/EmbeddedReplay.d.ts

@@ -3,7 +3,8 @@ export type ReplayProps = {
     activeOperationId: string;
     fullOpenApi: OpenAPIDefinition;
     corsProxyUrl?: string;
+    pointer: string;
 };
-declare function EmbeddedReplayComponent({ activeOperationId, corsProxyUrl, fullOpenApi }: ReplayProps): import("react/jsx-runtime").JSX.Element;
+declare function EmbeddedReplayComponent({ activeOperationId, corsProxyUrl, fullOpenApi, pointer, }: ReplayProps): import("react/jsx-runtime").JSX.Element;
 export declare const EmbeddedReplay: import("react").MemoExoticComponent<typeof EmbeddedReplayComponent>;
 export {};

package/lib/components/Replay/EmbeddedReplay.js

@@ -1,10 +1,10 @@
-import{jsx as e}from"react/jsx-runtime";import{Suspense as f,lazy as u,memo as b,useEffect as g,useState as v}from"react";import{useAtomValue as r}from"jotai";import{globalOptionsAtom as y}from"../../jotai/store.js";import{appStore as h,environmentsAtom as x}from"../../jotai/app.js";import{useTranslate as E}from"../../hooks/index.js";import{convertOperationToReplayValue as R}from"./utils.js";import{styled as n}from"../../styled-components.js";const S=u(async()=>import("@redocly/replay").then(o=>({default:o.EmbeddedReplay})));function L({activeOperationId:o,corsProxyUrl:i,fullOpenApi:d}){const t=E(),{mockServer:p}=r(y),s=r(h),m=r(x),[l,c]=v(!1);return g(()=>{c(!0)},[]),e(O,{children:l?e(f,{fallback:e(a,{children:t("openapi.loading","Loading...")}),children:e(S,{activeOperationId:o,api:d,settings:{environment:s.environment,predefinedEnvValues:m,corsProxyUrl:i,mockServer:p,disableCollectionsTab:!0,convertOperationToReplayValue:R}})}):e(a,{children:t("openapi.loading","Loading...")})})}const I=b(L),a=n.div`
+import{jsx as e}from"react/jsx-runtime";import{Suspense as y,lazy as h,memo as S,useEffect as x,useState as E}from"react";import{useAtomValue as o}from"jotai";import{globalOptionsAtom as R}from"../../jotai/store.js";import{operationStore as O}from"../../jotai/operation.js";import{appStore as L,environmentsAtom as T}from"../../jotai/app.js";import{useTranslate as V}from"../../hooks/index.js";import{convertOperationToReplayValue as j}from"./utils.js";import{styled as a}from"../../styled-components.js";const A=h(async()=>import("@redocly/replay").then(t=>({default:t.EmbeddedReplay})));function C({activeOperationId:t,corsProxyUrl:d,fullOpenApi:p,pointer:s}){const r=V(),{mockServer:m}=o(R),l=o(O(s)),n=o(L),c=o(T),[f,u]=E(!1);return x(()=>{u(!0)},[]),e(k,{children:f?e(y,{fallback:e(i,{children:r("openapi.loading","Loading...")}),children:e(A,{activeOperationId:t,api:p,settings:{environment:n.environment,predefinedEnvValues:c,corsProxyUrl:d,mockServer:m,disableCollectionsTab:!0,convertOperationToReplayValue:(v,b,g)=>j(v,b,g,void 0,l,n)}})}):e(i,{children:r("openapi.loading","Loading...")})})}const G=S(C),i=a.div`
   display: flex;
   justify-content: center;
   align-items: center;
   min-height: 100px;
-`,O=n.div`
+`,k=a.div`
   border: 1px solid var(--border-color-primary);
   border-radius: var(--border-radius-lg);
   padding: 0;
-`;export{I as EmbeddedReplay};
+`;export{G as EmbeddedReplay};

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

@@ -1,7 +1,9 @@
 import type { UserClaims } from '@redocly/theme';
 import type { OpenAPIDefinition } from '../../types/index.js';
+import type { OperationStore } from '../../jotai/operation.js';
+import type { AppStore } from '../../jotai/app.js';
 import { type SecurityRequirement } from '../../models/index.js';
-export declare function convertOperationToReplayValue(path: string, method: string, openAPI: OpenAPIDefinition, userClaims?: UserClaims): {
+export declare function convertOperationToReplayValue(path: string, method: string, openAPI: OpenAPIDefinition, userClaims?: UserClaims, operationState?: OperationStore, appState?: AppStore): {
     id: string;
     name: string;
     method: string;

package/lib/components/Replay/utils.js

@@ -1 +1 @@
-import{isPrimitive as p}from"@redocly/theme";import{getOperation as d}from"../../models/index.js";import{normalizeOptions as f,OpenAPIParser as h}from"../../services/index.js";import{JsonPointer as x}from"../../utils/index.js";function v(t,a,n,r){if(!n)return;const e=new h(n),i=e.definition.paths?.[t],m=i?.[a],o=d(e,{...m,pathName:t,httpVerb:a,pathParameters:i.parameters||[],pathServers:i.servers||[]},void 0,f({}),"",{isCallback:!1},r);return o?{id:o.id,name:o.name,method:o.httpVerb,operationId:o.operationId,parameters:b(o.parameters),body:g(o.requestBody,n),path:o.path,href:o.href,servers:o.servers,security:w(o.security),responses:Object.fromEntries(o.responses.map(s=>[s.code,{code:s.code,description:s.description,mediaTypes:s.content?.mediaTypes.reduce((c,u)=>(c[u.name]={name:u.name,schema:l(u.schema?.rawSchema,n)},c),{})}]))}:void 0}function C(t){return function(a,n,r){const e=v(a,n,r,t);if(e)return{...e,operationId:e.operationId||x.compile(["paths",e.path,e.method])}}}function b(t,a){const n=new Set,r=t.map(e=>(n.add(e.in+":"+e.name),{name:e.name,in:e.in,required:e.required,description:e.description,example:a?.[String(e.in)]?.[e.name]||e.example,schema:e.schema}));for(const[e,i]of Object.entries(a||{}))for(const[m,o]of Object.entries(i||{}))n.has(e+":"+m)||r.push({name:m,in:e,required:!1,description:"",example:String(o),schema:void 0});return r}function S({type:t,format:a,enum:n}){return t==="string"&&(a==="binary"||a==="base64")?"file":t==="object"?"multiline":n.length>0?"select":"text"}function O(t,a){const n=t[0]?.example||t[0]?.examples;if(n)return n;if(t.schema?.example)return t.schema.example;const r=a?.default?.value||a?.default?.rawValue;return r?.[t.name]?p(r?.[t.name])?String(r?.[t.name]):JSON.stringify(r?.[t.name]):""}function g(t,a,n){if(!t||!t.content?.mediaTypes){if(!n)return;const{activeExampleName:r,...e}=n;return{activeExampleName:r,mediaTypes:Object.fromEntries(Object.entries(e).map(([i,m])=>[i,{name:i,examples:{default:{value:m}},schema:{},parameters:[]}]))}}return{required:t.required,activeExampleName:n?.activeExampleName,mediaTypes:t.content.mediaTypes.reduce((r,e)=>{const i=e.schema,m=n?.[e.name]?{default:{value:n?.[e.name],rawValue:n?.[e.name],mime:e.name}}:e.examples||e.formExamples;return r[e.name]={name:e.name,examples:m,schema:l(e.schema?.rawSchema,a),parameters:i?.fields?.map(o=>({inputType:S(o.schema),name:o.name,example:O(o,m)}))},r},{})}}function l(t,a){if(!(!t||!a))return{...t,components:a?.components||{}}}function w(t){if(t)return t.map(({schemes:a})=>a.map(n=>{const r={id:n.id,type:n.type,in:n.in,openIdConnectUrl:n.openIdConnectUrl,scopes:n.scopes,scheme:n.scheme,name:n.name,flows:n.flows,"x-defaultAccessToken":n["x-defaultAccessToken"],"x-defaultTokenType":n["x-defaultTokenType"],"x-defaultClientId":n["x-defaultClientId"],"x-defaultClientSecret":n["x-defaultClientSecret"],"x-defaultUsername":n["x-defaultUsername"],"x-defaultPassword":n["x-defaultPassword"]};return Object.keys(r).forEach(e=>r[e]===void 0&&delete r[e]),r}))}export{v as convertOperationToReplayValue,C as convertOperationToReplayValueForRedoc,w as convertRequestSecurity};
+import{isPrimitive as x}from"@redocly/theme";import{getOperation as h}from"../../models/index.js";import{normalizeOptions as v,OpenAPIParser as b}from"../../services/index.js";import{JsonPointer as E}from"../../utils/index.js";function O(t,a,n,r,e,c){if(!n)return;const i=new b(n),s=i.definition.paths?.[t],d=s?.[a],m=h(i,{...d,pathName:t,httpVerb:a,pathParameters:s.parameters||[],pathServers:s.servers||[]},void 0,v({}),"",{isCallback:!1},r);if(!m)return;const f=c?.activeMimeName||"application/json";return{id:m.id,name:m.name,method:m.httpVerb,operationId:m.operationId,parameters:N(m.parameters,e?.requestValues),body:w(m.requestBody,n,e?.requestValues?.body?{activeExampleName:e?.activeExampleName,[f]:e?.requestValues?.body}:e?.activeExampleName?{activeExampleName:e?.activeExampleName}:void 0),path:m.path,href:m.href,servers:m.servers,security:y(m.security),responses:Object.fromEntries(m.responses.map(u=>[u.code,{code:u.code,description:u.description,mediaTypes:u.content?.mediaTypes.reduce((l,o)=>(l[o.name]={name:o.name,schema:p(o.schema?.rawSchema,n)},l),{})}]))}}function P(t){return function(a,n,r){const e=O(a,n,r,t);if(e)return{...e,operationId:e.operationId||E.compile(["paths",e.path,e.method])}}}function N(t,a){const n=new Set,r=t.map(e=>(n.add(e.in+":"+e.name),{name:e.name,in:e.in,required:e.required,description:e.description,example:a?.[String(e.in)]?.[e.name]||e.example,schema:e.schema}));for(const[e,c]of Object.entries(a||{}))for(const[i,s]of Object.entries(c||{}))n.has(e+":"+i)||r.push({name:i,in:e,required:!1,description:"",example:String(s),schema:void 0});return r}function V({type:t,format:a,enum:n}){return t==="string"&&(a==="binary"||a==="base64")?"file":t==="object"?"multiline":n.length>0?"select":"text"}function g(t,a){const n=t[0]?.example||t[0]?.examples;if(n)return n;if(t.schema?.example)return t.schema.example;const r=a?.default?.value||a?.default?.rawValue;return r?.[t.name]?x(r?.[t.name])?String(r?.[t.name]):JSON.stringify(r?.[t.name]):""}function w(t,a,n){if(!t||!t.content?.mediaTypes){if(!n)return;const{activeExampleName:r,...e}=n;return{activeExampleName:r,mediaTypes:Object.fromEntries(Object.entries(e).map(([c,i])=>[c,{name:c,examples:{default:{value:i}},schema:{},parameters:[]}]))}}return{required:t.required,activeExampleName:n?.activeExampleName,mediaTypes:t.content.mediaTypes.reduce((r,e)=>{const c=e.schema,i=n?.[e.name]?{default:{value:n?.[e.name],rawValue:n?.[e.name],mime:e.name}}:e.examples||e.formExamples;return r[e.name]={name:e.name,examples:i,schema:p(e.schema?.rawSchema,a),parameters:c?.fields?.map(s=>({inputType:V(s.schema),name:s.name,example:g(s,i)}))},r},{})}}function p(t,a){if(!(!t||!a))return{...t,components:a?.components||{}}}function y(t){if(t)return t.map(({schemes:a})=>a.map(n=>{const r={id:n.id,type:n.type,in:n.in,openIdConnectUrl:n.openIdConnectUrl,scopes:n.scopes,scheme:n.scheme,name:n.name,flows:n.flows,"x-defaultAccessToken":n["x-defaultAccessToken"],"x-defaultTokenType":n["x-defaultTokenType"],"x-defaultClientId":n["x-defaultClientId"],"x-defaultClientSecret":n["x-defaultClientSecret"],"x-defaultUsername":n["x-defaultUsername"],"x-defaultPassword":n["x-defaultPassword"]};return Object.keys(r).forEach(e=>r[e]===void 0&&delete r[e]),r}))}export{O as convertOperationToReplayValue,P as convertOperationToReplayValueForRedoc,y as convertRequestSecurity};

package/lib/components/Security/OAuthScopes.d.ts

@@ -1,13 +1,11 @@
 import type { PropsWithChildren } from 'react';
 import type { OpenAPISecurityScheme } from '../../types/index.js';
 import type { SecurityRequirement } from '../../models/index.js';
-export interface OAuthOptionalScopesProps {
-    flow: OpenAPISecurityScheme['flows'][keyof OpenAPISecurityScheme['flows']];
-}
-export interface OAuthRequiredScopesProps {
+type Flow = OpenAPISecurityScheme['flows'];
+interface OAuthScopesMainProps {
     id: string;
     securities: SecurityRequirement[];
-    flow: OpenAPISecurityScheme['flows'][keyof OpenAPISecurityScheme['flows']];
+    flows?: Flow;
 }
-export declare const OAuthOptionalScopes: import("react").NamedExoticComponent<PropsWithChildren<OAuthOptionalScopesProps>>;
-export declare const OAuthRequiredScopes: import("react").NamedExoticComponent<PropsWithChildren<OAuthRequiredScopesProps>>;
+export declare const OAuthScopes: import("react").NamedExoticComponent<PropsWithChildren<OAuthScopesMainProps>>;
+export {};

package/lib/components/Security/OAuthScopes.js

@@ -1,4 +1,4 @@
-import{jsx as e,jsxs as c,Fragment as d}from"react/jsx-runtime";import{memo as m,useState as f}from"react";import{ChevronRightIcon as v}from"@redocly/theme";import{Markdown as g}from"../Markdown/index.js";import{SecuritySchemeItem as i}from"./SecuritySchemeItem.js";import{Tag as S}from"./styled.js";import{useTranslate as u}from"../../hooks/index.js";import{getRequiredScopes as x}from"./helper.js";import{styled as s}from"../../styled-components.js";function b({flow:o}){const a=Object.keys(o?.scopes||{}),p=u(),[t,l]=f(!1);return a.length?c(d,{children:[e(i,{label:c(O,{onClick:()=>{l(r=>!r)},children:[p(t?"openapi.hideOptionalScopes":"openapi.showOptionalScopes",t?"Hide optional scopes":"Show optional scopes"),e(q,{isOpen:t,children:e(v,{size:"var(--font-size-base)",color:"var(--tree-content-color-default)"})})]}),value:" "}),e(j,{isOpen:t,children:a.map(r=>e(i,{label:e(h,{className:"tag-grey",children:r}),value:e(g,{source:o?.scopes[r]||""})},r))})]}):null}function y({id:o,securities:a,flow:p}){const t=x(o,a),l=u();return t.length?c(d,{children:[e(i,{label:l("openapi.requiredScopes","Required scopes"),value:" "}),e(w,{children:t.map(n=>e(i,{label:e(h,{className:"tag-grey",children:n}),value:e(g,{source:p?.scopes[n]||""})},n))})]}):null}const h=s(S)`
+import{jsx as r,Fragment as p,jsxs as c}from"react/jsx-runtime";import{memo as S,useState as v}from"react";import{ChevronRightIcon as b}from"@redocly/theme";import{Markdown as d}from"../Markdown/index.js";import{SecuritySchemeItem as a}from"./SecuritySchemeItem.js";import{Tag as m}from"./styled.js";import{useTranslate as l}from"../../hooks/index.js";import{getOptionalScopes as O,getRequiredScopes as x}from"./helper.js";import{styled as i}from"../../styled-components.js";function y({id:e,securities:t,flows:n}){const o=x(e,t);return c(p,{children:[r(w,{flows:n,requiredScopes:o}),r(q,{flows:n,requiredScopes:o})]})}function q({flows:e,requiredScopes:t}){return e&&Object.keys(e).map(n=>r(j,{flow:e[n],requiredScopes:t},n))}function j({flow:e,requiredScopes:t}){const n=l(),[o,h]=v(!1),f=Object.keys(e?.scopes||{}),u=O(t,f);return u.length===0?null:c(p,{children:[r(a,{label:c(A,{onClick:()=>{h(s=>!s)},children:[n(o?"openapi.hideOptionalScopes":"openapi.showOptionalScopes",o?"Hide optional scopes":"Show optional scopes"),r(C,{isOpen:o,children:r(b,{size:"var(--font-size-base)",color:"var(--tree-content-color-default)"})})]}),value:" "}),r(z,{isOpen:o,children:u.map(s=>r(a,{label:r(g,{className:"tag-grey",children:s}),value:r(d,{source:e?.scopes[s]||""})},s))})]})}function w({requiredScopes:e,flows:t}){const n=l();return e.length===0?null:t&&Object.keys(t).length>0?Object.keys(t).map(o=>r(k,{flow:t[o],requiredScopes:e},o)):r(a,{label:n("openapi.requiredScopes","Required scopes"),value:r(R,{children:e.map(o=>r(m,{className:"tag-grey",children:o},o))})})}function k({flow:e,requiredScopes:t}){const n=l();return c(p,{children:[r(a,{label:n("openapi.requiredScopes","Required scopes"),value:" "}),t.map(o=>r(a,{label:r(g,{className:"tag-grey",children:o}),value:r(d,{source:e?.scopes[o]||""})},o))]})}const g=i(m)`
   font-family: var(--font-family-base);
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
@@ -6,28 +6,28 @@ import{jsx as e,jsxs as c,Fragment as d}from"react/jsx-runtime";import{memo as m
   padding: 0 var(--spacing-xs);
   border: var(--tag-border-width) var(--tag-border-style) var(--tag-bg-color);
   border-radius: var(--tag-border-radius);
-`,O=s.div`
+`,A=i.div`
   cursor: pointer;
   display: flex;
   gap: var(--spacing-xxs);
   align-items: center;
   user-select: none;
-`,w=s.div`
+`,R=i.div`
   display: flex;
   flex-wrap: wrap;
   gap: var(--spacing-xxs);
   word-break: normal;
-`,j=s.div`
-  max-height: ${o=>o.isOpen?"1000px":"0"};
-  opacity: ${o=>o.isOpen?"1":"0"};
+`,z=i.div`
+  max-height: ${e=>e.isOpen?"1000px":"0"};
+  opacity: ${e=>e.isOpen?"1":"0"};
   overflow: hidden;
   transition:
     max-height 0.5s ease-in-out,
     opacity 0.5s ease-in-out;
-`,q=s.span`
+`,C=i.span`
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  transform: ${o=>o.isOpen?"rotate(90deg)":"rotate(0deg)"};
+  transform: ${e=>e.isOpen?"rotate(90deg)":"rotate(0deg)"};
   transition: transform 0.5s ease-in-out;
-`,F=m(b),H=m(y);export{F as OAuthOptionalScopes,H as OAuthRequiredScopes};
+`,B=S(y);export{B as OAuthScopes};

package/lib/components/Security/SecurityFlow.js

@@ -1,16 +1,16 @@
-import{jsx as e,Fragment as s,jsxs as n}from"react/jsx-runtime";import{SecuritySchemeItem as t}from"./SecuritySchemeItem.js";import{titleize as S}from"../../utils/index.js";import{OAuthFlow as x}from"./OAuthFlow.js";import{StyledLink as j}from"./styled.js";import{Markdown as k}from"../Markdown/index.js";import{useTranslate as y}from"../../hooks/index.js";import{OAuthRequiredScopes as F,OAuthOptionalScopes as O}from"./OAuthScopes.js";import{styled as m}from"../../styled-components.js";function M({type:i,bearerFormat:l,name:d,flows:r,openIdConnectUrl:p,description:u,id:c,securities:h,in:b}){const o=y();if(!i||!c)return null;const v={http:n(s,{children:[e(t,{label:o("openapi.httpAuthorizationScheme","HTTP Authorization Scheme"),value:i}),e(t,{label:o("openapi.bearerFormat","Bearer Format"),value:l})]}),apiKey:e(t,{label:`${S(b||"")} ${o("openapi.parameterName","parameter name")}:`,value:d}),oauth2:n(s,{children:[e(t,{label:o("openapi.flowType","Flow type"),value:i}),r&&Object.keys(r).map(a=>e(x,{flow:r[a]},a))]}),openIdConnect:e(t,{label:o("openapi.connectUrl","Connect URL"),value:p&&e(j,{target:"_blank",rel:"noopener noreferrer",href:p,children:p})})},f=r&&Object.keys(r).map(a=>e(F,{id:c,securities:h,flow:r[a]},a)),g=r&&Object.keys(r).map(a=>e(O,{flow:r[a]},a));return n(z,{children:[e(A,{children:c}),e(k,{source:u}),n(T,{children:[v[i]||null,f,g]})]})}const z=m.div`
+import{jsx as r,Fragment as p,jsxs as i}from"react/jsx-runtime";import{SecuritySchemeItem as a}from"./SecuritySchemeItem.js";import{titleize as v}from"../../utils/index.js";import{OAuthFlow as g}from"./OAuthFlow.js";import{StyledLink as w}from"./styled.js";import{Markdown as x}from"../Markdown/index.js";import{useTranslate as S}from"../../hooks/index.js";import{OAuthScopes as y}from"./OAuthScopes.js";import{styled as m}from"../../styled-components.js";function K({type:o,bearerFormat:c,name:d,flows:t,openIdConnectUrl:n,description:h,id:l,securities:u,in:f}){const e=S();if(!o||!l)return null;const b={http:i(p,{children:[r(a,{label:e("openapi.httpAuthorizationScheme","HTTP Authorization Scheme"),value:o}),r(a,{label:e("openapi.bearerFormat","Bearer Format"),value:c})]}),apiKey:r(a,{label:`${v(f||"")} ${e("openapi.parameterName","parameter name")}:`,value:d}),oauth2:i(p,{children:[r(a,{label:e("openapi.flowType","Flow type"),value:o}),t&&Object.keys(t).map(s=>r(g,{flow:t[s]},s))]}),openIdConnect:r(a,{label:e("openapi.connectUrl","Connect URL"),value:n&&r(w,{target:"_blank",rel:"noopener noreferrer",href:n,children:n})})};return i(F,{children:[r(T,{children:l}),r(x,{source:h}),i(z,{children:[b[o]||null,r(y,{id:l,securities:u,flows:t})]})]})}const F=m.div`
   background: var(--layer-color);
   padding: var(--spacing-base);
   border-radius: var(--border-radius);
   border: 1px solid var(--border-color-secondary);
   width: 100%;
   margin-top: var(--spacing-base);
-`,T=m.div`
+`,z=m.div`
   width: 100%;
   margin-top: var(--spacing-md);
-`,A=m.p`
+`,T=m.p`
   font-size: var(--font-size-base);
   margin: 0 0 var(--spacing-xs);
   text-transform: capitalize;
   font-weight: var(--font-weight-semibold);
-`;export{M as SecurityFlow};
+`;export{K as SecurityFlow};

package/lib/components/Security/helper.d.ts

@@ -1,2 +1,3 @@
 import type { SecurityRequirement } from '../../models/index.js';
 export declare function getRequiredScopes(id: string, securities: SecurityRequirement[]): string[];
+export declare function getOptionalScopes(requiredScopes: string[], allScopes: string[]): string[];

package/lib/components/Security/helper.js

@@ -1 +1 @@
-function n(e,o){const r=new Set;return o.forEach(({schemes:c})=>{c.forEach(({id:a,scopes:f})=>{a===e&&f.forEach(t=>r.add(t))})}),Array.from(r)}export{n as getRequiredScopes};
+function f(r,o){const e=new Set;return o.forEach(({schemes:t})=>{t.forEach(({id:c,scopes:n})=>{c===r&&n.forEach(a=>e.add(a))})}),Array.from(e)}function i(r,o){const e=new Set(r);return o.filter(t=>!e.has(t))}export{i as getOptionalScopes,f as getRequiredScopes};

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

@@ -3,7 +3,7 @@ export { SecurityButton } from './SecurityButton.js';
 export { SecurityFlow } from './SecurityFlow.js';
 export { SecuritySchemeItem } from './SecuritySchemeItem.js';
 export { OAuthFlow } from './OAuthFlow.js';
-export { OAuthOptionalScopes, OAuthRequiredScopes } from './OAuthScopes.js';
+export { OAuthScopes } from './OAuthScopes.js';
 export { SecurityModal } from './SecurityModal.js';
 export { Divider } from './Divider.js';
 export * from './helper.js';

package/lib/components/Security/index.js

@@ -1 +1 @@
-import{Security as e}from"./Security.js";import{SecurityButton as p}from"./SecurityButton.js";import{SecurityFlow as f}from"./SecurityFlow.js";import{SecuritySchemeItem as x}from"./SecuritySchemeItem.js";import{OAuthFlow as c}from"./OAuthFlow.js";import{OAuthOptionalScopes as y,OAuthRequiredScopes as h}from"./OAuthScopes.js";import{SecurityModal as O}from"./SecurityModal.js";import{Divider as A}from"./Divider.js";export*from"./helper.js";export*from"./styled.js";export{A as Divider,c as OAuthFlow,y as OAuthOptionalScopes,h as OAuthRequiredScopes,e as Security,p as SecurityButton,f as SecurityFlow,O as SecurityModal,x as SecuritySchemeItem};
+import{Security as e}from"./Security.js";import{SecurityButton as m}from"./SecurityButton.js";import{SecurityFlow as f}from"./SecurityFlow.js";import{SecuritySchemeItem as u}from"./SecuritySchemeItem.js";import{OAuthFlow as i}from"./OAuthFlow.js";import{OAuthScopes as y}from"./OAuthScopes.js";import{SecurityModal as l}from"./SecurityModal.js";import{Divider as w}from"./Divider.js";export*from"./helper.js";export*from"./styled.js";export{w as Divider,i as OAuthFlow,y as OAuthScopes,e as Security,m as SecurityButton,f as SecurityFlow,l as SecurityModal,u as SecuritySchemeItem};

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

@@ -1,4 +1,3 @@
 export declare const Select: any;
 export declare const SimpleSelect: any;
-export declare const CollapsingSelect: any;
 export declare const Arrow: any;

package/lib/components/common/Select/styled.js

@@ -1,4 +1,4 @@
-import{css as t}from"styled-components";import{ChevronDownIcon as a}from"@redocly/theme";import{Select as i}from"./Select.js";import{styled as r}from"../../../styled-components.js";const e=t`
+import{css as n}from"styled-components";import{ChevronDownIcon as t}from"@redocly/theme";import{Select as i}from"./Select.js";import{styled as e}from"../../../styled-components.js";const r=n`
   background-color: var(--panel-samples-dropdown-bg-color);
   border: var(--panel-samples-dropdown-border);
   color: var(--panel-samples-dropdown-color);
@@ -8,7 +8,7 @@ import{css as t}from"styled-components";import{ChevronDownIcon as a}from"@redocl
   &:focus-within {
     box-shadow: none;
   }
-`,n=r(i)`
+`,a=e(i)`
   box-sizing: border-box;
   outline: none;
   display: inline-block;
@@ -43,7 +43,7 @@ import{css as t}from"styled-components";import{ChevronDownIcon as a}from"@redocl
       box-shadow: none;
     }
 
-    ${({variant:o})=>o==="dark"?e:""};
+    ${({variant:o})=>o==="dark"?r:""};
   }
 
   .dropdown-select {
@@ -62,9 +62,9 @@ import{css as t}from"styled-components";import{ChevronDownIcon as a}from"@redocl
     font-size: var(--font-size-base);
     font-family: inherit;
     padding: var(--docs-dropdown-padding);
-    ${({variant:o})=>o==="dark"?e:""};
+    ${({variant:o})=>o==="dark"?r:""};
   }
-`,c=r(n)`
+`,c=e(a)`
   svg {
     top: 60%;
     transform: translateY(-60%);
@@ -82,29 +82,8 @@ import{css as t}from"styled-components";import{ChevronDownIcon as a}from"@redocl
       box-shadow: none;
     }
   }
-`,b=r(n)`
-  svg {
-    top: 60%;
-    transform: translateY(-60%);
-  }
-  label {
-    ${e};
-
-    border-radius: var(--border-radius-lg);
-    margin-left: 5px;
-    transition: none;
-    min-width: auto;
-    background-color: ${({active:o})=>o?"var(--panel-samples-tabs-bg-color-active)":"var(--bg-color-raised)"};
-    & {
-      &[open],
-      &:focus-within,
-      &:hover {
-        background-color: var(--bg-color-tonal);
-      }
-    }
-  }
-`,h=r(a)`
+`,h=e(t)`
   position: absolute;
   right: 10px;
   top: 10px;
-`;export{h as Arrow,b as CollapsingSelect,n as Select,c as SimpleSelect};
+`;export{h as Arrow,a as Select,c as SimpleSelect};

package/lib/jotai/operation.d.ts

@@ -16,8 +16,8 @@ export type OperationStore = {
 };
 export declare function getDefaultOperationStore(pointer: string, requestValues?: {
     [field: string]: any;
-}): {
-    activeExampleName: undefined;
+}, activeExampleName?: string): {
+    activeExampleName: string | undefined;
     activeOneOf: {
         [x: string]: number;
     };

package/lib/jotai/operation.js

@@ -1 +1 @@
-import{atom as a}from"jotai";import{atomFamily as d}from"jotai/utils";import s from"deepmerge";function n(e,t={}){return{activeExampleName:void 0,activeOneOf:{[e]:0},requestValues:t,request:{expandedAll:void 0},response:{expandedAll:void 0}}}const o=a({}),c=d(e=>a(t=>t(o)?.[e]||n(e),(t,m,l)=>{const r=t(o),p=r[e]||n(e);m(o,{...r,[e]:s(p,l)})}));export{o as allOperations,n as getDefaultOperationStore,c as operationStore};
+import{atom as a}from"jotai";import{atomFamily as s}from"jotai/utils";import u from"deepmerge";function l(e,t={},o){return{activeExampleName:o,activeOneOf:{[e]:0},requestValues:t,request:{expandedAll:void 0},response:{expandedAll:void 0}}}const r=a({}),c=s(e=>a(t=>t(r)?.[e]||l(e),(t,o,m)=>{const n=t(r),p=n[e]||l(e);o(r,{...n,[e]:u(p,m)})}));export{r as allOperations,l as getDefaultOperationStore,c as operationStore};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/openapi-docs",
-  "version": "3.11.0",
+  "version": "3.12.0-next.1",
   "description": "Redocly OpenAPI Docs",
   "type": "module",
   "main": "lib/index.js",
@@ -14,7 +14,7 @@
     "npm": ">=10.0.0"
   },
   "peerDependencies": {
-    "@redocly/theme": ">=0.55.0-next.0",
+    "@redocly/theme": ">=0.56.0-next.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "styled-components": "^4.1.1 || ^5.3.11 || ^6.0.0"
@@ -36,8 +36,8 @@
     "url-template": "^2.0.8",
     "util": "~0.12.5",
     "web-vitals": "3.3.1",
-    "@redocly/replay": "0.14.0",
-    "@redocly/config": "0.26.2"
+    "@redocly/config": "0.26.2",
+    "@redocly/replay": "0.15.0-next.0"
   },
   "devDependencies": {
     "@jest/globals": "29.5.0",
@@ -74,7 +74,7 @@
     "typescript": "5.6.2",
     "url": "~0.11.0",
     "vite": "^6.3.5",
-    "@redocly/theme": "0.55.0"
+    "@redocly/theme": "0.56.0-next.0"
   },
   "scripts": {
     "start": "npm run copy-highlight-hook && vite",