@redocly/openapi-docs 3.11.0-rc.2 → 3.12.0-next.0

package/lib/components/Schema/OneOfSchema.js

@@ -1,11 +1,10 @@
-"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 t,{schema:{oneOf:o},schema:n,oneOfLevel:r=1}=e,i=__rest(e,["schema","schema","oneOfLevel"]);const s=(0,hooks_1.useTranslate)(),a=(0,jotai_1.useAtomValue)((0,operation_1.operationStore)(n.operationPointer)),c=(0,useOneOfLocationIdx_1.useOneOfLocationIdx)(o,r),_=-1===c?0:c,l=o[void 0!==(null===(t=a.activeOneOf)||void 0===t?void 0:t[n.pointer])?a.activeOneOf[n.pointer]:_];if(!l)return null;const m=o.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:_}),l.deprecated&&(0,jsx_runtime_1.jsx)(common_1.StyledBadge,{deprecated:!0,children:s("openapi.badges.deprecated","Deprecated")}),l.description&&(0,jsx_runtime_1.jsx)(StyledDescription,{source:l.description}),(0,jsx_runtime_1.jsx)(ConstraintsView_1.ConstraintsView,{constraints:l.constraints}),(0,jsx_runtime_1.jsx)(Schema_1.Schema,Object.assign({},i,{schema:l,oneOfLevel:r+1}))]})}exports.OneOfSchema=(0,react_1.memo)(OneOfSchemaComponent);const StyledDescription=(0,styled_components_1.default)(Markdown_1.Markdown)`
+import{jsxs as c,jsx as n}from"react/jsx-runtime";import{memo as S}from"react";import{useAtom as g}from"jotai";import{StyledBadge as y,SelectionTitle as I}from"../common/index.js";import{Markdown as j}from"../Markdown/index.js";import{ConstraintsView as C}from"../common/ConstraintsView.js";import{Schema as T}from"./Schema.js";import{operationStore as b}from"../../jotai/operation.js";import{SchemaSelection as w}from"../common/SchemaSelection/index.js";import{useOneOfLocationIdx as P}from"./useOneOfLocationIdx.js";import{useTranslate as z}from"../../hooks/index.js";import{styled as d}from"../../styled-components.js";function D({schema:{oneOf:i},schema:e,onChange:m,oneOfLevel:r=1,...f}){const l=z(),[a,O]=g(b(e.operationPointer)),p=P(i,r),s=p===-1?0:p,x=a.activeOneOf?.[e.pointer]!==void 0?a.activeOneOf[e.pointer]:s,o=i[x];if(!o)return null;const u=i.map((t,v)=>({label:t.title||t.typePrefix+t.displayType,value:v})),h=t=>{m?.({pointer:e.pointer,index:t}),O({activeExampleName:e.oneOf?.[t]?.title,activeOneOf:{[e.pointer]:t},requestValues:{body:null}})};return c(V,{children:[c(I,{children:[e.oneOfType,":"]}),n(w,{options:u,onChange:h,pointer:e.operationPointer,schema:e,defaultOneOfIdx:s}),o.deprecated&&n(y,{deprecated:!0,children:l("openapi.badges.deprecated","Deprecated")}),o.description&&n(L,{source:o.description}),n(C,{constraints:o.constraints}),n(T,{...f,schema:o,oneOfLevel:r+1})]})}const J=S(D),L=d(j)`
   margin-top: var(--spacing-xs);
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
-`,Wrapper=styled_components_1.default.div`
+`,V=d.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   width: 100%;
-`;
-//# sourceMappingURL=OneOfSchema.js.map
+`;export{J as OneOfSchema};

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

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

package/lib/components/Schema/RecursiveSchema.js

@@ -1,2 +1 @@
-"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
+import{jsx as t,jsxs as r}from"react/jsx-runtime";import{memo as s}from"react";import{RecursiveLabel as o,TypeName as n,TypeTitle as c}from"../common/index.js";import{useTranslate as m}from"../../hooks/index.js";function p({schema:e}){const i=m();return r("div",{children:[t(n,{children:e.displayType}),e.title&&r(c,{children:[" ",e.title," "]}),r(o,{children:[" ",i("openapi.recursive","Recursive")," "]})]})}const v=s(p);export{v as RecursiveSchema};

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

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

package/lib/components/Schema/Schema.js

@@ -1,6 +1,5 @@
-"use strict";var __rest=this&&this.__rest||function(e,r){var t={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&r.indexOf(i)<0&&(t[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(i=Object.getOwnPropertySymbols(e);n<i.length;n++)r.indexOf(i[n])<0&&Object.prototype.propertyIsEnumerable.call(e,i[n])&&(t[i[n]]=e[i[n]])}return t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Schema=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),react_router_dom_1=require("react-router-dom"),styled_components_1=__importDefault(require("styled-components")),ArraySchema_1=require("./ArraySchema"),ObjectSchema_1=require("./ObjectSchema"),OneOfSchema_1=require("./OneOfSchema"),RecursiveSchema_1=require("./RecursiveSchema"),operation_1=require("../../jotai/operation"),PropertyDetails_1=require("../PropertyDetails"),utils_1=require("../../utils");function SchemaComponent(e){var r,{schema:t,onDiscriminatorChange:i}=e,n=__rest(e,["schema","onDiscriminatorChange"]);const{activeOneOf:a}=(0,jotai_1.useAtomValue)((0,operation_1.operationStore)((null==t?void 0:t.operationPointer)||"")),o=(0,react_router_dom_1.useLocation)();if(!t)return null;const{type:s,oneOf:c,discriminatorProp:u,isCircular:m}=t;if(m)return(0,jsx_runtime_1.jsx)(RecursiveSchema_1.RecursiveSchema,{schema:t});if(void 0!==u){if(!c||!c.length)return console.warn(`Looks like you are using discriminator wrong: you don't have any definition inherited from the ${t.title}`),null;const e=c.findIndex(((e,r)=>(0,utils_1.pathIncludesLink)(o,`d=${r}`))),r=-1===e?0:e,s=c[void 0!==a[t.pointer]?a[t.pointer]:r];return(null==s?void 0:s.isCircular)?(0,jsx_runtime_1.jsx)(RecursiveSchema_1.RecursiveSchema,{schema:s}):(0,jsx_runtime_1.jsx)(ObjectSchema_1.ObjectSchema,Object.assign({},n,{schema:s,discriminator:{fieldName:u,parentSchema:t,activeOneOfIdx:r,onChange:i}}))}if(void 0!==c&&c.length>1)return(0,jsx_runtime_1.jsx)(OneOfSchema_1.OneOfSchema,Object.assign({},n,{schema:t}));const _=Array.isArray(s)?s:[s];if(_.includes("object")){if(null===(r=t.fields)||void 0===r?void 0:r.length)return(0,jsx_runtime_1.jsx)(ObjectSchema_1.ObjectSchema,Object.assign({},n,{schema:t}))}else if(_.includes("array"))return(0,jsx_runtime_1.jsx)(ArraySchema_1.ArraySchema,Object.assign({},n,{schema:t}));const l={schema:t,name:"",description:t.description,required:!1,deprecated:!1};return(0,jsx_runtime_1.jsx)(Wrapper,{children:(0,jsx_runtime_1.jsx)(PropertyDetails_1.FieldDetails,{field:l,fieldParentsName:n.fieldParentsName})})}exports.Schema=(0,react_1.memo)(SchemaComponent);const Wrapper=styled_components_1.default.div`
+import{jsx as r}from"react/jsx-runtime";import{memo as S}from"react";import{useAtomValue as g}from"jotai";import{useLocation as I}from"react-router-dom";import{ArraySchema as b}from"./ArraySchema.js";import{ObjectSchema as p}from"./ObjectSchema.js";import{OneOfSchema as C}from"./OneOfSchema.js";import{RecursiveSchema as s}from"./RecursiveSchema.js";import{operationStore as j}from"../../jotai/operation.js";import{FieldDetails as A}from"../PropertyDetails/index.js";import{pathIncludesLink as P}from"../../utils/index.js";import{styled as k}from"../../styled-components.js";function w({schema:e,onDiscriminatorChange:u,onOneOfChange:n,...o}){const{activeOneOf:d}=g(j(e?.operationPointer||"")),h=I();if(!e)return null;const{type:t,oneOf:i,discriminatorProp:f,isCircular:O}=e;if(O)return r(s,{schema:e});if(f!==void 0){if(!i||!i.length)return console.warn(`Looks like you are using discriminator wrong: you don't have any definition inherited from the ${e.title}`),null;const m=i.findIndex((N,v)=>P(h,`d=${v}`)),l=m===-1?0:m,y=d[e.pointer]!==void 0?d[e.pointer]:l,a=i[y];return a?.isCircular?r(s,{schema:a}):r(p,{...o,schema:a,discriminator:{fieldName:f,parentSchema:e,activeOneOfIdx:l,onChange:u},onOneOfChange:n})}if(i!==void 0&&i.length>1)return r(C,{...o,schema:e,onChange:n});const c=Array.isArray(t)?t:[t];if(c.includes("object")){if(e.fields?.length)return r(p,{...o,schema:e,onOneOfChange:n})}else if(c.includes("array"))return r(b,{...o,schema:e,onOneOfChange:n});const x={schema:e,name:"",description:e.description,required:!1,deprecated:!1};return r(L,{children:r(A,{field:x,fieldParentsName:o.fieldParentsName})})}const H=S(w),L=k.div`
   width: 100%;
   padding: var(--spacing-xxs) 0;
   border-bottom: 1px solid var(--border-color-primary);
-`;
-//# sourceMappingURL=Schema.js.map
+`;export{H as Schema};

package/lib/components/Schema/SubSchema.js

@@ -1,2 +1 @@
-"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"),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,isNestedArray:i=!1,isArray:a="",propertyLength:n="",children:s,operationPointer:u}){var p;const d=(0,hooks_1.useTranslate)(),l=(0,react_router_dom_1.useLocation)(),_=(0,utils_1.pathIncludesLink)(l,r),c=(0,helpers_1.extractTypeFromDeepLink)(r),x=(0,index_1.useAtomValue)((0,operation_1.operationStore)(u||"")),m=`${d("openapi.actions.show","Show")} ${1===Number(n)?"":n} ${a&&"array "}${1!==n?"properties":"property"}`;return(0,jsx_runtime_1.jsx)(ViewNested_1.ViewNested,{expandByDefault:e||_,level:t,isNestedArray:i,expandable:o,expandText:m,children:s,expandedAll:null===(p=x[c])||void 0===p?void 0:p.expandedAll})}exports.SubSchema=(0,react_1.memo)(SubSchemaComponent);
-//# sourceMappingURL=SubSchema.js.map
+import{jsx as u}from"react/jsx-runtime";import{memo as S}from"react";import{useLocation as y}from"react-router-dom";import{useAtomValue as b}from"jotai/index";import{pathIncludesLink as h}from"../../utils/index.js";import{operationStore as A}from"../../jotai/operation.js";import{extractTypeFromDeepLink as T}from"./helpers.js";import{ViewNested as $}from"../ViewNested/index.js";import{useTranslate as w}from"../../hooks/index.js";function N({expandByDefault:t,deepLink:e,level:r,expandable:a=!1,isNestedArray:n=!1,isArray:m="",propertyLength:o="",children:p,operationPointer:s}){const i=w(),c=y(),l=h(c,e),f=T(e),x=b(A(s||"")),d=`${i("openapi.actions.show","Show")} ${Number(o)===1?"":o} ${m&&"array "}${o!==1?"properties":"property"}`;return u($,{expandByDefault:t||l,level:r,isNestedArray:n,expandable:a,expandText:d,children:p,expandedAll:x[f]?.expandedAll})}const L=S(N);export{L as SubSchema};

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

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

package/lib/components/Schema/helpers.js

@@ -1,2 +1 @@
-"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
+import{isUndefined as o}from"@redocly/theme";const i=e=>{if(!e)return"";const t=e.match(/t=(request|response)/);return t?t[1]:""},u=4;function f({schemasExpansionLevel:e,level:t,required:n}){const r=Number(t)-1;return o(e)?!!n&&u>=r:e>=r}export{i as extractTypeFromDeepLink,f as getExpandByDefault};

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

@@ -1,5 +1,5 @@
-export { Schema } from './Schema';
-export { ObjectSchema } from './ObjectSchema';
-export { OneOfSchema } from './OneOfSchema';
-export { ArraySchema } from './ArraySchema';
-export type { SchemaOptions } from './types';
+export { Schema } from './Schema.js';
+export { ObjectSchema } from './ObjectSchema.js';
+export { OneOfSchema } from './OneOfSchema.js';
+export { ArraySchema } from './ArraySchema.js';
+export type { SchemaOptions, OneOfChangeParams } from './types.js';

package/lib/components/Schema/index.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ArraySchema=exports.OneOfSchema=exports.ObjectSchema=exports.Schema=void 0;var Schema_1=require("./Schema");Object.defineProperty(exports,"Schema",{enumerable:!0,get:function(){return Schema_1.Schema}});var ObjectSchema_1=require("./ObjectSchema");Object.defineProperty(exports,"ObjectSchema",{enumerable:!0,get:function(){return ObjectSchema_1.ObjectSchema}});var OneOfSchema_1=require("./OneOfSchema");Object.defineProperty(exports,"OneOfSchema",{enumerable:!0,get:function(){return OneOfSchema_1.OneOfSchema}});var ArraySchema_1=require("./ArraySchema");Object.defineProperty(exports,"ArraySchema",{enumerable:!0,get:function(){return ArraySchema_1.ArraySchema}});
-//# sourceMappingURL=index.js.map
+import{Schema as m}from"./Schema.js";import{ObjectSchema as a}from"./ObjectSchema.js";import{OneOfSchema as f}from"./OneOfSchema.js";import{ArraySchema as h}from"./ArraySchema.js";export{h as ArraySchema,a as ObjectSchema,f as OneOfSchema,m as Schema};

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

@@ -1,4 +1,4 @@
-import type { ExampleModel, OperationModel, SchemaModel } from '../../models';
+import type { ExampleModel, OperationModel, SchemaModel } from '../../models/index.js';
 export interface SchemaOptions {
     showTitle?: boolean;
     skipReadOnly?: boolean;
@@ -13,6 +13,7 @@ export interface SchemaProps extends SchemaOptions {
     schema: SchemaModel;
     parentType?: string[] | string;
     onDiscriminatorChange?: (idx: number) => void;
+    onOneOfChange?: (params: OneOfChangeParams) => void;
     fieldParentsName?: string[];
     expandable?: boolean;
     deepLink?: string;
@@ -35,4 +36,9 @@ export interface ObjectSchemaProps extends Omit<SchemaProps, 'onDiscriminatorCha
     slug?: string;
     oneOfLevel?: number;
     shouldCloseArray?: boolean;
+    onOneOfChange?: (params: OneOfChangeParams) => void;
+}
+export interface OneOfChangeParams {
+    pointer: string;
+    index: number;
 }

package/lib/components/Schema/types.js

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

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

@@ -1,2 +1,2 @@
-import type { SchemaModel } from '../../models';
+import type { SchemaModel } from '../../models/index.js';
 export declare function useOneOfLocationIdx(oneOf: SchemaModel[], level: number): number;

package/lib/components/Schema/useOneOfLocationIdx.js

@@ -1,2 +1 @@
-"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
+import{useLocation as s}from"react-router-dom";import{useMemo as r}from"react";const i=/(?=oneof=)/g;function m(o,n){const t=s();return r(()=>o.findIndex((c,e)=>t.hash.split(i)[n]?.includes(`oneof=${e}`)),[n,t.hash,o])}export{m as useOneOfLocationIdx};

package/lib/components/SchemaDefinition/SchemaDefinition.js

@@ -1,4 +1,3 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SchemaDefinition=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),use_write_atom_1=require("../../jotai/use-write-atom"),common_1=require("../common"),models_1=require("../../models"),PayloadSamples_1=require("../PayloadSamples"),Schema_1=require("../Schema"),Markdown_1=require("../Markdown"),app_1=require("../../jotai/app"),store_1=require("../../jotai/store"),operation_1=require("../../jotai/operation"),getMediaTypeInfo=(e,o)=>{if(!e)return{};const t={schema:{$ref:e}};return o&&(t.examples={example:{$ref:o}}),t};function SchemaDefinitionComponent({schemaRef:e,exampleRef:o,showReadOnly:t=!0,showWriteOnly:i=!1}){var a,r,n;const s=(0,jotai_1.useAtomValue)(app_1.layoutAtom),{parser:m,options:l}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),c=(0,use_write_atom_1.useWriteAtom)(),_=(0,react_1.useMemo)((()=>(0,models_1.getMediaType)(m,"json",!1,getMediaTypeInfo(e,o),l,{operation:{pointer:"SchemaDefinitionComponent"}})),[o,l,m,e]),[u,p]=(0,jotai_1.useAtom)((0,operation_1.operationStore)(null===(a=_.operation)||void 0===a?void 0:a.pointer)),d=(0,react_1.useCallback)((e=>{var o,t;if(!_.schema)return;const i=_.schema,a=i.oneOf;if(a&&(null==_?void 0:_.examples)&&Object.keys(null==_?void 0:_.examples).includes(e)){const r=a.findIndex((o=>o.title===e));-1!==r&&i&&c((0,operation_1.operationStore)(i.operationPointer),{activeExampleName:null===(t=null===(o=i.oneOf)||void 0===o?void 0:o[r])||void 0===t?void 0:t.title,activeOneOf:{[i.pointer]:r}})}u.activeExampleName!==e&&p({activeExampleName:e})}),[null==_?void 0:_.examples,_.schema,u.activeExampleName,p,c]),x=s===theme_1.LayoutVariant.STACKED;return(0,jsx_runtime_1.jsx)(common_1.Section,{children:(0,jsx_runtime_1.jsxs)(common_1.Row,{layout:s,children:[(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{isStacked:x,children:[(null===(r=_.schema)||void 0===r?void 0:r.description)&&(0,jsx_runtime_1.jsx)(Description,{children:(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:null===(n=_.schema)||void 0===n?void 0:n.description})}),(0,jsx_runtime_1.jsx)(Schema_1.Schema,{skipWriteOnly:!i,skipReadOnly:!t,schema:_.schema,level:1})]}),(0,jsx_runtime_1.jsx)(common_1.SamplesPanel,{isStacked:x,children:(0,jsx_runtime_1.jsx)(common_1.CodeBlockPanel,{className:"panel-response-samples",children:(0,jsx_runtime_1.jsx)(PayloadSamples_1.MediaTypeSamples,{mediaType:_,onChange:d})})})]})})}exports.SchemaDefinition=(0,react_1.memo)(SchemaDefinitionComponent);const Description=styled_components_1.default.div`
+import{jsx as o,jsxs as S}from"react/jsx-runtime";import{memo as g,useCallback as A,useMemo as C}from"react";import{LayoutVariant as j}from"@redocly/theme";import{useAtom as k,useAtomValue as x}from"jotai";import{useWriteAtom as T}from"../../jotai/use-write-atom.js";import{SamplesMiddlePanel as D,SamplesPanel as E,Row as N,Section as b,CodeBlockPanel as P}from"../common/index.js";import{getMediaType as w}from"../../models/index.js";import{MediaTypeSamples as I}from"../PayloadSamples/index.js";import{Schema as V}from"../Schema/index.js";import{Markdown as W}from"../Markdown/index.js";import{layoutAtom as _}from"../../jotai/app.js";import{globalStoreAtom as $}from"../../jotai/store.js";import{operationStore as O}from"../../jotai/operation.js";import{styled as B}from"../../styled-components.js";const K=(t,i)=>{if(!t)return{};const n={schema:{$ref:t}};return i&&(n.examples={example:{$ref:i}}),n};function L({schemaRef:t,exampleRef:i,showReadOnly:n=!0,showWriteOnly:v=!1}){const s=x(_),{parser:c,options:p}=x($),l=T(),e=C(()=>w(c,"json",!1,K(t,i),p,{operation:{pointer:"SchemaDefinitionComponent"}}),[i,p,c,t]),[f,d]=k(O(e.operation?.pointer)),y=A(r=>{if(!e.schema)return;const a=e.schema,u=a.oneOf;if(u&&e?.examples&&Object.keys(e?.examples).includes(r)){const m=u.findIndex(M=>M.title===r);m!==-1&&a&&l(O(a.operationPointer),{activeExampleName:a.oneOf?.[m]?.title,activeOneOf:{[a.pointer]:m}})}f.activeExampleName!==r&&d({activeExampleName:r})},[e?.examples,e.schema,f.activeExampleName,d,l]),h=s===j.STACKED;return o(b,{children:S(N,{layout:s,children:[S(D,{isStacked:h,children:[e.schema?.description&&o(q,{children:o(W,{source:e.schema?.description})}),o(V,{skipWriteOnly:!v,skipReadOnly:!n,schema:e.schema,level:1})]}),o(E,{isStacked:h,children:o(P,{className:"panel-response-samples",children:o(I,{mediaType:e,onChange:y})})})]})})}const ie=g(L),q=B.div`
   margin-bottom: var(--spacing-vertical);
-`;
-//# sourceMappingURL=SchemaDefinition.js.map
+`;export{ie as SchemaDefinition};

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

@@ -1 +1 @@
-export { SchemaDefinition } from './SchemaDefinition';
+export { SchemaDefinition } from './SchemaDefinition.js';

package/lib/components/SchemaDefinition/index.js

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

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

@@ -1,17 +1,10 @@
-import { LayoutVariant } from '@redocly/theme';
 import type { ReactElement } from 'react';
-import type { ContentItemModel } from '../../models';
+import type { ContentItemModel } from '../../models/index.js';
 interface SectionContentProps {
     items: ContentItemModel[];
     hideFooterAndHeader?: boolean;
 }
 export declare function SectionContent({ items, hideFooterAndHeader, }: SectionContentProps): ReactElement | null;
-export declare const SectionContainer: import("styled-components").StyledComponent<"div", any, {
-    layout?: LayoutVariant;
-}, never>;
-export declare const RightPanelContainer: import("styled-components").StyledComponent<"div", any, {
-    isStacked: boolean;
-} & {
-    isStacked: boolean;
-}, never>;
+export declare const SectionContainer: any;
+export declare const RightPanelContainer: any;
 export {};

package/lib/components/SectionContent/SectionContent.js

@@ -1,14 +1,13 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RightPanelContainer=exports.SectionContainer=void 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")),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"),Items_1=require("../ContentItems/Items"),ContentItem_1=require("../ContentItem");function SectionContent({items:e,hideFooterAndHeader:t}){const{unstable_hooks:{MiddlePanelHeader:n},routingBasePath:r}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),i=(0,jotai_1.useAtomValue)(app_1.layoutAtom),o=i===theme_1.LayoutVariant.STACKED,a=(0,react_1.useMemo)((()=>t?null:(0,jsx_runtime_1.jsx)(MiddlePanelWrapper,{isStacked:o,children:(0,jsx_runtime_1.jsx)(PageFooter_1.PageFooter,{})})),[t,o]),s=(0,react_1.useMemo)((()=>t||!theme_1.OpenApiHeader&&!n?null:(0,jsx_runtime_1.jsx)(MiddlePanelWrapper,{isStacked:o,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,o]);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:i,children:[(0,jsx_runtime_1.jsx)(exports.SectionContainer,{layout:i,children:e.filter((({type:e})=>"section"===e)).map((e=>(0,jsx_runtime_1.jsx)(ContentItem_1.ContentItem,{item:e,routingBasePath:r,children:(0,jsx_runtime_1.jsx)(Items_1.Items,{items:e.items,routingBasePath:r})},e.id)))}),(0,jsx_runtime_1.jsx)(exports.RightPanelContainer,{isStacked:o,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,children:(0,jsx_runtime_1.jsx)(Items_1.Items,{items:e.items,routingBasePath:r})},e.id))),a]})}const MiddlePanelWrapper=(0,styled_components_1.default)(common_1.SamplesMiddlePanel)`
+import{jsx as t,jsxs as m,Fragment as x}from"react/jsx-runtime";import{useMemo as p}from"react";import{breakpoints as k,LayoutVariant as d,OpenApiHeader as c}from"@redocly/theme";import{useAtomValue as u}from"jotai";import{PageFooter as v}from"../PageFooter/index.js";import{globalOptionsAtom as b}from"../../jotai/store.js";import{RenderHook as y}from"../RenderHook/index.js";import{RightPanel as C}from"../RightPanel/index.js";import{layoutAtom as w}from"../../jotai/app.js";import{Row as B,SamplesMiddlePanel as j,SamplesPanel as M}from"../common/index.js";import{Items as f}from"../ContentItems/Items.js";import{ContentItem as g}from"../ContentItem/index.js";import{styled as s}from"../../styled-components.js";function q({items:r,hideFooterAndHeader:o}){const{unstable_hooks:{MiddlePanelHeader:a},routingBasePath:i}=u(b),l=u(w),n=l===d.STACKED,P=p(()=>o?null:t(h,{isStacked:n,children:t(v,{})}),[o,n]),S=p(()=>o||!c&&!a?null:t(h,{isStacked:n,children:a?t(y,{Hook:a,props:void 0}):t(c,{})}),[a,o,n]);return r.length===0?null:m(x,{children:[S,m(B,{layout:l,children:[t(R,{layout:l,children:r.filter(({type:e})=>e==="section").map(e=>t(g,{item:e,routingBasePath:i,children:t(f,{items:e.items,routingBasePath:i})},e.id))}),t(_,{isStacked:n,tabIndex:0,children:t(C,{item:r[0]})})]}),r.filter(({type:e})=>e!=="section").map(e=>t(g,{item:e,routingBasePath:i,children:t(f,{items:e.items,routingBasePath:i})},e.id)),P]})}const h=s(j)`
   align-self: flex-start;
   padding-top: var(--panel-gap-vertical);
   padding-bottom: var(--panel-gap-vertical);
-`;exports.SectionContainer=styled_components_1.default.div`
+`,R=s.div`
   width: 100%;
 
-  @media screen and (min-width: ${theme_1.breakpoints.large}) {
-    width: ${({layout:e})=>e===theme_1.LayoutVariant.STACKED?"100%":"calc(100% - var(--panel-samples-width))"};
+  @media screen and (min-width: ${k.large}) {
+    width: ${({layout:r})=>r===d.STACKED?"100%":"calc(100% - var(--panel-samples-width))"};
   }
-`,exports.RightPanelContainer=(0,styled_components_1.default)(common_1.SamplesPanel)`
+`,_=s(M)`
   margin: var(--spacing-base) 0;
-`;
-//# sourceMappingURL=SectionContent.js.map
+`;export{_ as RightPanelContainer,R as SectionContainer,q as SectionContent};

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

@@ -1 +1 @@
-export { SectionContent, SectionContainer, RightPanelContainer } from './SectionContent';
+export { SectionContent, SectionContainer, RightPanelContainer } from './SectionContent.js';

package/lib/components/SectionContent/index.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RightPanelContainer=exports.SectionContainer=exports.SectionContent=void 0;var SectionContent_1=require("./SectionContent");Object.defineProperty(exports,"SectionContent",{enumerable:!0,get:function(){return SectionContent_1.SectionContent}}),Object.defineProperty(exports,"SectionContainer",{enumerable:!0,get:function(){return SectionContent_1.SectionContainer}}),Object.defineProperty(exports,"RightPanelContainer",{enumerable:!0,get:function(){return SectionContent_1.RightPanelContainer}});
-//# sourceMappingURL=index.js.map
+import{SectionContent as e,SectionContainer as o,RightPanelContainer as i}from"./SectionContent.js";export{i as RightPanelContainer,o as SectionContainer,e as SectionContent};

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

@@ -1,5 +1,5 @@
 import { LayoutVariant } from '@redocly/theme';
-import type { GroupModel } from '../../models';
+import type { GroupModel } from '../../models/index.js';
 export interface SectionItemProps {
     item: GroupModel;
     layout: LayoutVariant;

package/lib/components/SectionItem/SectionItem.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SectionItem=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),common_1=require("../common"),Markdown_1=require("../Markdown"),ExternalDocumentation_1=require("../ExternalDocumentation");function SectionItemComponent({item:e,layout:t}){const{externalDocs:n,ast:r,description:o}=e,i=t===theme_1.LayoutVariant.STACKED,m=!e.parent||"tag"!==e.parent.type;return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{ast:r,source:o,htmlWrap:e=>(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{compact:!0,fullWidth:m,isStacked:i,children:e})}),n&&(0,jsx_runtime_1.jsx)(common_1.Row,{children:(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{compact:!0,fullWidth:m,isStacked:i,children:(0,jsx_runtime_1.jsx)(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:n})})})]})}exports.SectionItem=(0,react_1.memo)(SectionItemComponent);
-//# sourceMappingURL=SectionItem.js.map
+import{jsx as t,Fragment as l,jsxs as p}from"react/jsx-runtime";import{memo as d}from"react";import{LayoutVariant as u}from"@redocly/theme";import{SamplesMiddlePanel as a,Row as f}from"../common/index.js";import{Markdown as h}from"../Markdown/index.js";import{ExternalDocumentation as x}from"../ExternalDocumentation/index.js";function S({item:o,layout:s}){const{externalDocs:r,ast:c,description:i}=o,e=s===u.STACKED,n=!o.parent||o.parent.type!=="tag";return p(l,{children:[t(h,{ast:c,source:i,htmlWrap:m=>t(a,{compact:!0,fullWidth:n,isStacked:e,children:m})}),r&&t(f,{children:t(a,{compact:!0,fullWidth:n,isStacked:e,children:t(x,{externalDocs:r})})})]})}const _=d(S);export{_ as SectionItem};

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

@@ -1 +1 @@
-export { SectionItem } from './SectionItem';
+export { SectionItem } from './SectionItem.js';

package/lib/components/SectionItem/index.js

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

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=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`
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import{styled as s}from"../../styled-components.js";import{Tag as a}from"./styled.js";function d({label:i}){return e(n,{children:[r(a,{className:"tag-grey",children:i})," ",r("hr",{})]})}const n=s.div`
   font-size: var(--font-size-sm);
   width: 100%;
   display: flex;
@@ -11,5 +11,4 @@
     width: 100%;
     margin-left: var(--spacing-xs);
   }
-`;
-//# sourceMappingURL=Divider.js.map
+`;export{d as Divider};

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

@@ -1,5 +1,5 @@
 import type { PropsWithChildren } from 'react';
-import type { OpenAPISecurityScheme } from '../../types';
+import type { OpenAPISecurityScheme } from '../../types/index.js';
 export interface OAuthFlowProps {
     flow: OpenAPISecurityScheme['flows'][keyof OpenAPISecurityScheme['flows']];
 }

package/lib/components/Security/OAuthFlow.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OAuthFlow=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),SecuritySchemeItem_1=require("./SecuritySchemeItem"),styled_1=require("./styled"),hooks_1=require("../../hooks");function OAuthFlowComponent({flow:e}){const 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})]})}exports.OAuthFlow=(0,react_1.memo)(OAuthFlowComponent);
-//# sourceMappingURL=OAuthFlow.js.map
+import{jsx as e,Fragment as a,jsxs as n}from"react/jsx-runtime";import{memo as i}from"react";import{SecuritySchemeItem as o}from"./SecuritySchemeItem.js";import{StyledLink as l}from"./styled.js";import{useTranslate as m}from"../../hooks/index.js";function s({flow:r}){const t=m();return n(a,{children:[e(o,{label:`${t("openapi.authorizationUrl","Authorization URL")}:`,value:r?.authorizationUrl&&e(l,{target:"_blank",rel:"noopener noreferrer",href:r?.authorizationUrl,children:r?.authorizationUrl})}),e(o,{label:`${t("openapi.tokenUrl","Token URL")}:`,value:r?.tokenUrl}),e(o,{label:`${t("openapi.refreshUrl","Refresh URL")}:`,value:r?.refreshUrl})]})}const f=i(s);export{f as OAuthFlow};

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

@@ -1,13 +1,11 @@
 import type { PropsWithChildren } from 'react';
-import type { OpenAPISecurityScheme } from '../../types';
-import type { SecurityRequirement } from '../../models';
-export interface OAuthOptionalScopesProps {
-    flow: OpenAPISecurityScheme['flows'][keyof OpenAPISecurityScheme['flows']];
-}
-export interface OAuthRequiredScopesProps {
+import type { OpenAPISecurityScheme } from '../../types/index.js';
+import type { SecurityRequirement } from '../../models/index.js';
+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 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OAuthRequiredScopes=exports.OAuthOptionalScopes=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"),Markdown_1=require("../Markdown"),SecuritySchemeItem_1=require("./SecuritySchemeItem"),styled_1=require("./styled"),hooks_1=require("../../hooks"),helper_1=require("./helper");function OAuthOptionalScopesComponent({flow:e}){const t=Object.keys((null==e?void 0:e.scopes)||{}),r=(0,hooks_1.useTranslate)(),[s,o]=(0,react_1.useState)(!1);if(!t.length)return null;return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:(0,jsx_runtime_1.jsxs)(ScopeHeader,{onClick:()=>{o((e=>!e))},children:[r(s?"openapi.hideOptionalScopes":"openapi.showOptionalScopes",s?"Hide optional scopes":"Show optional scopes"),(0,jsx_runtime_1.jsx)(AnimatedChevronWrapper,{isOpen:s,children:(0,jsx_runtime_1.jsx)(theme_1.ChevronRightIcon,{size:"var(--font-size-base)",color:"var(--tree-content-color-default)"})})]}),value:" "}),(0,jsx_runtime_1.jsx)(ScopesListWrapper,{isOpen:s,children: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)))})]})}function OAuthRequiredScopesComponent({id:e,securities:t,flow:r}){const s=(0,helper_1.getRequiredScopes)(e,t),o=(0,hooks_1.useTranslate)();return s.length?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:o("openapi.requiredScopes","Required scopes"),value:" "}),(0,jsx_runtime_1.jsx)(Row,{children:s.map((e=>(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:(0,jsx_runtime_1.jsx)(StyledTag,{className:"tag-grey",children:e}),value:(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:(null==r?void 0:r.scopes[e])||""})},e)))})]}):null}const StyledTag=(0,styled_components_1.default)(styled_1.Tag)`
+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,29 +6,28 @@
   padding: 0 var(--spacing-xs);
   border: var(--tag-border-width) var(--tag-border-style) var(--tag-bg-color);
   border-radius: var(--tag-border-radius);
-`,ScopeHeader=styled_components_1.default.div`
+`,A=i.div`
   cursor: pointer;
   display: flex;
   gap: var(--spacing-xxs);
   align-items: center;
   user-select: none;
-`,Row=styled_components_1.default.div`
+`,R=i.div`
   display: flex;
   flex-wrap: wrap;
   gap: var(--spacing-xxs);
   word-break: normal;
-`,ScopesListWrapper=styled_components_1.default.div`
+`,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;
-`,AnimatedChevronWrapper=styled_components_1.default.span`
+`,C=i.span`
   display: inline-flex;
   align-items: center;
   justify-content: center;
   transform: ${e=>e.isOpen?"rotate(90deg)":"rotate(0deg)"};
   transition: transform 0.5s ease-in-out;
-`;exports.OAuthOptionalScopes=(0,react_1.memo)(OAuthOptionalScopesComponent),exports.OAuthRequiredScopes=(0,react_1.memo)(OAuthRequiredScopesComponent);
-//# sourceMappingURL=OAuthScopes.js.map
+`,B=S(y);export{B as OAuthScopes};

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

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import type { SecurityRequirement } from '../../models';
+import type { SecurityRequirement } from '../../models/index.js';
 interface SecurityProps {
     securities: SecurityRequirement[];
 }

package/lib/components/Security/Security.js

@@ -1,2 +1 @@
-"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
+import{jsx as t,Fragment as s,jsxs as i}from"react/jsx-runtime";import{useState as l}from"react";import{Portal as n,useModalScrollLock as a}from"@redocly/theme";import{SecurityButton as m}from"./SecurityButton.js";import{SecurityModal as u}from"./SecurityModal.js";function S({securities:o}){const[r,e]=l(!1);return a(r),o.length?i(s,{children:[t(m,{securities:o,onClick:()=>e(!0)}),r&&t(n,{mountId:"api-content",children:t(u,{securities:o,onClose:()=>e(!1)})})]}):null}export{S as Security};

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

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import type { SecurityRequirement } from '../../models';
+import type { SecurityRequirement } from '../../models/index.js';
 interface SecurityRequirementsProps {
     securities: SecurityRequirement[];
 }

package/lib/components/Security/SecurityButton.js

@@ -1,8 +1,8 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecurityButton=SecurityButton;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),react_1=require("react"),hooks_1=require("../../hooks");function SecurityButton({securities:e,onClick:t}){const r=(0,hooks_1.useTranslate)();return(0,jsx_runtime_1.jsx)(SecurityPanel,{header:()=>(0,jsx_runtime_1.jsxs)(SecurityHeader,{children:[(0,jsx_runtime_1.jsx)(theme_1.SecurityIcon,{}),(0,jsx_runtime_1.jsx)(Title,{children:"Security"}),(0,jsx_runtime_1.jsx)(ViewDetailsButton,{onClick:t,variant:"link",children:r("openapi.viewSecurityDetails","View details")})]}),isExpandable:!1,children:(0,jsx_runtime_1.jsx)(SecurityList,{children:e.map(((t,r)=>{const n=e.length>1&&t.schemes.length>1,i=t.schemes.map((({id:e},r)=>(0,jsx_runtime_1.jsxs)(react_1.Fragment,{children:[e,r<t.schemes.length-1&&(0,jsx_runtime_1.jsx)(Conjunction,{children:" and "})]},e)));return(0,jsx_runtime_1.jsxs)(react_1.Fragment,{children:[n?"(":"",i,n?")":"",r<e.length-1&&(0,jsx_runtime_1.jsx)(Conjunction,{children:" or "})]},r)}))})})}const SecurityPanel=(0,styled_components_1.default)(theme_1.Panel)`
+import{jsx as r,jsxs as n}from"react/jsx-runtime";import{SecurityIcon as v,Panel as f,Button as h}from"@redocly/theme";import{Fragment as c}from"react";import{useTranslate as g}from"../../hooks/index.js";import{styled as e}from"../../styled-components.js";function D({securities:a,onClick:p}){const t=g();return r(y,{header:()=>n(b,{children:[r(v,{}),r(w,{children:t("openapi.security","Security")}),r(x,{onClick:p,variant:"link",children:t("openapi.viewSecurityDetails","View details")})]}),isExpandable:!1,children:r(S,{children:a.map((o,i)=>{const s=a.length>1&&o.schemes.length>1,m=o.schemes.map(({id:l},u)=>n(c,{children:[l,u<o.schemes.length-1&&r(d,{children:" and "})]},l));return n(c,{children:[s?"(":"",m,s?")":"",i<a.length-1&&r(d,{children:" or "})]},i)})})})}const y=e(f)`
   margin-top: var(--spacing-base);
   border: var(--panel-border);
   border-radius: var(--panel-border-radius);
-`,SecurityHeader=styled_components_1.default.div`
+`,b=e.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -12,20 +12,19 @@
   background-color: var(--layer-color);
   border-bottom: var(--panel-border);
   border-radius: var(--panel-border-radius) var(--panel-border-radius) 0 0;
-`,ViewDetailsButton=(0,styled_components_1.default)(theme_1.Button)`
+`,x=e(h)`
   margin-left: auto;
   font-size: var(--font-size-sm);
-`,Title=styled_components_1.default.span`
+`,w=e.span`
   font-family: var(--font-family-base);
   font-weight: var(--font-weight-medium);
   color: var(--text-color-primary);
-`,SecurityList=styled_components_1.default.div`
+`,S=e.div`
   flex: 1;
   text-overflow: ellipsis;
   overflow: hidden;
   padding: var(--spacing-xs) var(--spacing-sm);
   color: var(--text-color-primary);
-`,Conjunction=styled_components_1.default.span`
+`,d=e.span`
   color: var(--text-color-description);
-`;
-//# sourceMappingURL=SecurityButton.js.map
+`;export{D as SecurityButton};

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

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import type { SecurityRequirement, ExtendedOpenAPISecurityScheme } from '../../models';
+import type { SecurityRequirement, ExtendedOpenAPISecurityScheme } from '../../models/index.js';
 export declare function SecurityFlow({ type, bearerFormat, name, flows, openIdConnectUrl, description, id, securities, in: apiKeyIn, }: Partial<ExtendedOpenAPISecurityScheme> & {
     securities: SecurityRequirement[];
 }): ReactElement | null;

package/lib/components/Security/SecurityFlow.js

@@ -1,17 +1,16 @@
-"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"),hooks_1=require("../../hooks"),OAuthScopes_1=require("./OAuthScopes");function SecurityFlow({type:e,bearerFormat:t,name:r,flows:i,openIdConnectUrl:s,description:n,id:o,securities:u,in:a}){const c=(0,hooks_1.useTranslate)();if(!e||!o)return null;const l={http:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:c("openapi.httpAuthorizationScheme","HTTP Authorization Scheme"),value:e}),(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:c("openapi.bearerFormat","Bearer Format"),value:t})]}),apiKey:(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:`${(0,utils_1.titleize)(a||"")} ${c("openapi.parameterName","parameter name")}:`,value:r}),oauth2:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(SecuritySchemeItem_1.SecuritySchemeItem,{label:c("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:c("openapi.connectUrl","Connect URL"),value:s&&(0,jsx_runtime_1.jsx)(styled_1.StyledLink,{target:"_blank",rel:"noopener noreferrer",href:s,children:s})})},m=i&&Object.keys(i).map((e=>(0,jsx_runtime_1.jsx)(OAuthScopes_1.OAuthRequiredScopes,{id:o,securities:u,flow:i[e]},e))),_=i&&Object.keys(i).map((e=>(0,jsx_runtime_1.jsx)(OAuthScopes_1.OAuthOptionalScopes,{flow:i[e]},e)));return(0,jsx_runtime_1.jsxs)(Wrapper,{children:[(0,jsx_runtime_1.jsx)(TitleSchema,{children:o}),(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:n}),(0,jsx_runtime_1.jsxs)(List,{children:[l[e]||null,m,_]})]})}const Wrapper=styled_components_1.default.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);
-`,List=styled_components_1.default.div`
+`,z=m.div`
   width: 100%;
   margin-top: var(--spacing-md);
-`,TitleSchema=styled_components_1.default.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);
-`;
-//# sourceMappingURL=SecurityFlow.js.map
+`;export{K as SecurityFlow};

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

@@ -1,5 +1,5 @@
 import type { ReactElement } from 'react';
-import type { SecurityRequirement } from '../../models';
+import type { SecurityRequirement } from '../../models/index.js';
 interface SecurityModalProps {
     securities: SecurityRequirement[];
     onClose: () => void;

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=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`
+import{jsx as e,jsxs as n}from"react/jsx-runtime";import{Fragment as h,useState as u,useRef as v}from"react";import{useOutsideClick as f,Typography as x,CloseIcon as b,SecurityIcon as y,Segmented as S,Button as w,useFocusTrap as z}from"@redocly/theme";import{SecurityFlow as j}from"./SecurityFlow.js";import{Divider as k}from"./Divider.js";import{useTranslate as C}from"../../hooks/index.js";import{styled as o}from"../../styled-components.js";function q({securities:i,onClose:s}){const d=C(),[l,p]=u(0),a=v(null),{schemes:c}=i[l]||{};f(a,s),z(a);const g=i.map(({schemes:t},r)=>({label:t.map(({id:m})=>m).join(" and "),value:r}));return e(F,{children:n(T,{ref:a,tabIndex:0,children:[e(I,{onClick:s,"data-testid":"close",variant:"ghost",icon:e(b,{})}),n(B,{children:[e(y,{size:"24px"}),d("openapi.security","Security")]}),e(S,{value:l,onChange:({value:t})=>p(t),options:g}),c.map((t,r)=>n(h,{children:[e(j,{...t,securities:i}),r!==c.length-1&&e(k,{label:"and"})]},t.id))]})})}const T=o.div`
   background: var(--bg-color);
   box-shadow: var(--bg-raised-shadow);
   border-radius: var(--border-radius-lg);
@@ -19,7 +19,7 @@
     font-size: var(--font-size-base);
     line-height: var(--line-height-base);
   }
-`,StyledBackground=styled_components_1.default.div`
+`,F=o.div`
   background: var(--bg-color-modal-overlay);
   position: fixed;
   width: 100vw;
@@ -28,11 +28,11 @@
   left: 0;
   top: 0;
   pointer-events: auto;
-`,Close=(0,styled_components_1.default)(theme_1.Button)`
+`,I=o(w)`
   position: absolute;
   right: var(--spacing-md);
   top: var(--spacing-md);
-`,Title=(0,styled_components_1.default)(theme_1.Typography)`
+`,B=o(x)`
   display: flex;
   align-items: center;
   font-size: var(--h4-font-size);
@@ -41,5 +41,4 @@
   svg {
     margin-right: var(--spacing-xs);
   }
-`;
-//# sourceMappingURL=SecurityModal.js.map
+`;export{q as SecurityModal};