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

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

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

package/lib/components/PropertyDetails/FieldDetail.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
 export interface FieldDetailProps {
     value?: any;
     label: string;
     raw?: boolean;
+    type?: 'default' | 'example' | 'other';
 }
 export declare const FieldDetail: import("react").NamedExoticComponent<FieldDetailProps>;

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

package/lib/components/PropertyDetails/FieldDetails.d.ts

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

package/lib/components/PropertyDetails/FieldDetails.js

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldDetails=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),common_1=require("../common"),ExternalDocumentation_1=require("../ExternalDocumentation"),Markdown_1=require("../Markdown"),FieldDetail_1=require("./FieldDetail"),Extensions_1=require("./Extensions"),EnumValues_1=require("./EnumValues"),Examples_1=require("./Examples"),store_1=require("../../jotai/store"),SchemaTypeInfo_1=require("./SchemaTypeInfo"),LinkToField_1=require("../common/LinkToField"),Pattern_1=require("./Pattern"),RenderHook_1=require("../RenderHook");function FieldDetailsComponent({field:e,renderDiscriminatorSwitch:t,deepLink:i,fieldParentsName:n=[]}){var r;const{hidePropertiesPrefix:a,hideSchemaTitles:s}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),{schema:o,description:l,example:m,deprecated:_,examples:c,kind:u,required:d,name:p}=e,x="header"===e.in,j=(0,react_1.useMemo)((()=>{if(void 0!==m||void 0!==c){if(void 0!==c)return(0,jsx_runtime_1.jsx)(Examples_1.Examples,{field:e});{const t=!!e.in;return(0,jsx_runtime_1.jsx)(FieldDetail_1.FieldDetail,{label:"Example:",value:(0,Examples_1.getSerializedValue)(e,e.example),raw:t})}}return null}),[m,c,e]),h=(0,RenderHook_1.getAccessModeLabelText)(e.schema);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(Row,{children:[p&&(0,jsx_runtime_1.jsxs)(Name,{children:[i&&(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:i}),!a&&n.map((e=>e+".")),(0,jsx_runtime_1.jsx)(SchemaName,{className:"schema-name",children:p})]}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:o.typePrefix+o.displayType}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:o.displayFormat&&`(${o.displayFormat})`}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:o.contentEncoding}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:o.title&&!s?`(${o.title})`:""}),null===(r=o.constraints)||void 0===r?void 0:r.map((e=>(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:e},e))),_&&(0,jsx_runtime_1.jsx)(common_1.StyledBadge,{deprecated:!0,children:"Deprecated"}),(0,jsx_runtime_1.jsx)(Pattern_1.Pattern,{pattern:o.pattern}),"additionalProperties"===u&&(0,jsx_runtime_1.jsx)(common_1.Tag,{children:"additional property"}),"patternProperties"===u&&(0,jsx_runtime_1.jsx)(common_1.Tag,{children:"pattern property"}),h&&(0,jsx_runtime_1.jsx)(common_1.AccessLabel,{children:h}),d&&(0,jsx_runtime_1.jsx)(common_1.RequiredLabel,{children:"required"}),o.isCircular&&(0,jsx_runtime_1.jsx)(common_1.RecursiveLabel,{children:"Recursive"})]}),(0,jsx_runtime_1.jsx)(StyledDescription,{source:l}),(0,jsx_runtime_1.jsx)(FieldDetail_1.FieldDetail,{raw:x,label:"Default",value:o.default}),(0,jsx_runtime_1.jsx)(EnumValues_1.EnumValues,{type:o.type,values:o["x-enumDescriptions"]||o.enum}),j,(0,jsx_runtime_1.jsx)(Extensions_1.Extensions,{extensions:Object.assign(Object.assign({},e.extensions),o.extensions)}),o.externalDocs&&(0,jsx_runtime_1.jsx)(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:o.externalDocs,compact:!0}),null==t?void 0:t(),(0,jsx_runtime_1.jsx)(FieldDetail_1.FieldDetail,{label:"Value",value:e.const||void 0})]})}exports.FieldDetails=(0,react_1.memo)(FieldDetailsComponent);const Row=styled_components_1.default.div`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldDetails=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),common_1=require("../common"),ExternalDocumentation_1=require("../ExternalDocumentation"),Markdown_1=require("../Markdown"),FieldDetail_1=require("./FieldDetail"),Extensions_1=require("./Extensions"),EnumValues_1=require("./EnumValues"),Examples_1=require("./Examples"),store_1=require("../../jotai/store"),SchemaTypeInfo_1=require("./SchemaTypeInfo"),LinkToField_1=require("../common/LinkToField"),Pattern_1=require("./Pattern"),RenderHook_1=require("../RenderHook"),hooks_1=require("../../hooks");function FieldDetailsComponent({field:e,renderDiscriminatorSwitch:t,deepLink:i,fieldParentsName:r=[]}){var n;const a=(0,hooks_1.useTranslate)(),{hidePropertiesPrefix:o,hideSchemaTitles:s}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),{schema:l,description:m,example:p,deprecated:_,examples:c,kind:d,required:u,name:x}=e,h="header"===e.in,j=(0,react_1.useMemo)((()=>{if(void 0!==p||void 0!==c){if(void 0!==c)return(0,jsx_runtime_1.jsx)(Examples_1.Examples,{field:e});{const t=!!e.in;return(0,jsx_runtime_1.jsx)(FieldDetail_1.FieldDetail,{label:`${a("openapi.example","Example")}:`,value:(0,Examples_1.getSerializedValue)(e,e.example),raw:t})}}return null}),[p,c,e,a]),f=(0,RenderHook_1.getAccessModeLabelText)(e.schema);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(Row,{children:[x&&(0,jsx_runtime_1.jsxs)(Name,{children:[i&&(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:i}),!o&&r.map((e=>e+".​")),(0,jsx_runtime_1.jsx)(SchemaName,{className:"schema-name",children:x})]}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:l.typePrefix+l.displayType}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:l.displayFormat&&`(${l.displayFormat})`}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:l.contentEncoding}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:l.title&&!s?`(${l.title})`:""}),null===(n=l.constraints)||void 0===n?void 0:n.map((e=>(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:e},e))),_&&(0,jsx_runtime_1.jsx)(common_1.StyledBadge,{deprecated:!0,children:a("openapi.badges.deprecated","Deprecated")}),(0,jsx_runtime_1.jsx)(Pattern_1.Pattern,{pattern:l.pattern}),"additionalProperties"===d&&(0,jsx_runtime_1.jsx)(common_1.Tag,{children:a("openapi.additionalProperties","additional property")}),"patternProperties"===d&&(0,jsx_runtime_1.jsx)(common_1.Tag,{children:a("openapi.patternProperties","pattern property")}),f&&(0,jsx_runtime_1.jsx)(common_1.AccessLabel,{children:f}),u&&(0,jsx_runtime_1.jsx)(common_1.RequiredLabel,{children:a("openapi.required","required")}),l.isCircular&&(0,jsx_runtime_1.jsx)(common_1.RecursiveLabel,{children:a("openapi.recursive","Recursive")})]}),(0,jsx_runtime_1.jsx)(StyledDescription,{source:m}),(0,jsx_runtime_1.jsx)(FieldDetail_1.FieldDetail,{raw:h,type:"default",label:a("openapi.default","Default"),value:l.default}),(0,jsx_runtime_1.jsx)(EnumValues_1.EnumValues,{type:l.type,values:l["x-enumDescriptions"]||l.enum}),j,(0,jsx_runtime_1.jsx)(Extensions_1.Extensions,{extensions:Object.assign(Object.assign({},e.extensions),l.extensions)}),l.externalDocs&&(0,jsx_runtime_1.jsx)(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:l.externalDocs,compact:!0}),null==t?void 0:t(),(0,jsx_runtime_1.jsx)(FieldDetail_1.FieldDetail,{label:a("openapi.value","Value"),value:e.const||void 0})]})}exports.FieldDetails=(0,react_1.memo)(FieldDetailsComponent);const Row=styled_components_1.default.div`
   display: flex;
   align-items: center;
   gap: calc(var(--spacing-xxs) / 4) var(--spacing-xxs);
@@ -19,8 +19,9 @@
   font-size: var(--font-size-base);
   color: var(--text-color-description);
   max-width: 100%;
-  display: flex;
-  flex-wrap: wrap;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  white-space: pre-wrap;
 
   :hover {
     ${theme_1.LinkIcon} {

package/lib/components/PropertyDetails/Pattern.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Pattern=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),common_1=require("../common"),MAX_PATTERN_LENGTH=45;function Pattern({pattern:e}){const[t,r]=(0,react_1.useState)(!1);if(!e)return null;return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(common_1.Tag,{children:t||e.length<MAX_PATTERN_LENGTH?e:`${e.slice(0,MAX_PATTERN_LENGTH)}...`}),e.length>MAX_PATTERN_LENGTH&&(0,jsx_runtime_1.jsx)(common_1.ToggleButton,{onClick:()=>{r(!t)},children:t?"Hide pattern":"Show pattern"})]})}exports.Pattern=Pattern;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Pattern=Pattern;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),common_1=require("../common"),hooks_1=require("../../hooks"),MAX_PATTERN_LENGTH=45;function Pattern({pattern:e}){const t=(0,hooks_1.useTranslate)(),[r,n]=(0,react_1.useState)(!1);if(!e)return null;return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(common_1.Tag,{children:r||e.length<MAX_PATTERN_LENGTH?e:`${e.slice(0,MAX_PATTERN_LENGTH)}...`}),e.length>MAX_PATTERN_LENGTH&&(0,jsx_runtime_1.jsx)(common_1.ToggleButton,{onClick:()=>{n(!r)},children:r?t("openapi.hidePattern","Hide pattern"):t("openapi.showPattern","Show pattern")})]})}
 //# sourceMappingURL=Pattern.js.map

package/lib/components/PropertyDetails/PlusCircleIcon.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.CircleIcon=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components"));function CircleIcon({sign:e,className:r,color:o}){return(0,jsx_runtime_1.jsx)(StyledCircleIcon,{className:r,color:o,children:e})}exports.CircleIcon=CircleIcon;const StyledCircleIcon=styled_components_1.default.span`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CircleIcon=CircleIcon;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components"));function CircleIcon({sign:e,className:r,color:o}){return(0,jsx_runtime_1.jsx)(StyledCircleIcon,{className:r,color:o,children:e})}const StyledCircleIcon=styled_components_1.default.span`
   background-color: var(--bg-color);
   border-radius: 50%;
   border: 1px solid ${({color:e})=>e||"var(--border-color-primary)"};

package/lib/components/PropertyDetails/PropertyDetails.d.ts

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

package/lib/components/PropertyDetails/SchemaTypeInfo.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.SchemaTypeInfo=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components"));function SchemaTypeInfo({type:e,className:t}){return e?(0,jsx_runtime_1.jsx)(FieldLabel,{className:t,children:e}):null}exports.SchemaTypeInfo=SchemaTypeInfo;const FieldLabel=styled_components_1.default.em`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SchemaTypeInfo=SchemaTypeInfo;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components"));function SchemaTypeInfo({type:e,className:t}){return e?(0,jsx_runtime_1.jsx)(FieldLabel,{className:t,children:e}):null}const FieldLabel=styled_components_1.default.em`
   vertical-align: middle;
   color: var(--schema-type-text-color);
   font-size: var(--font-size-base);

package/lib/components/PropertyDetails/SimpleEnums.d.ts

@@ -1,4 +1,4 @@
 import type { ReactElement } from 'react';
 import type { SimpleEnumsProps } from './types';
-export declare function SimpleEnumsComponent({ enums, type, toggle, showToggleButton, toggleButtonText, }: SimpleEnumsProps): ReactElement;
+export declare function SimpleEnumsComponent({ enums, type, toggle, showToggleButton, toggleButtonText, translate, }: SimpleEnumsProps): ReactElement;
 export declare const SimpleEnums: import("react").NamedExoticComponent<SimpleEnumsProps>;

package/lib/components/PropertyDetails/SimpleEnums.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.SimpleEnums=exports.SimpleEnumsComponent=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),common_1=require("../common");function SimpleEnumsComponent({enums:e,type:t,toggle:n,showToggleButton:o,toggleButtonText:m}){return(0,jsx_runtime_1.jsxs)(Row,{children:[(0,jsx_runtime_1.jsxs)(common_1.FieldLabel,{children:["array"===t?"Items":""," ",1===e.length?"Value":"Enum"]}),e.map(((e,t)=>(0,jsx_runtime_1.jsx)(common_1.Tag,{children:JSON.stringify(e)},e+t))),o?(0,jsx_runtime_1.jsx)(common_1.ToggleButton,{onClick:n,children:m}):null]})}exports.SimpleEnumsComponent=SimpleEnumsComponent,exports.SimpleEnums=(0,react_1.memo)(SimpleEnumsComponent);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.SimpleEnums=void 0,exports.SimpleEnumsComponent=SimpleEnumsComponent;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),common_1=require("../common");function SimpleEnumsComponent({enums:e,type:n,toggle:t,showToggleButton:o,toggleButtonText:m,translate:s}){return(0,jsx_runtime_1.jsxs)(Row,{children:[(0,jsx_runtime_1.jsxs)(common_1.FieldLabel,{children:["array"===n?s("openapi.items","Items"):""," ",1===e.length?s("openapi.value","Value"):s("openapi.enum","Enum")]}),e.map(((e,n)=>(0,jsx_runtime_1.jsx)(common_1.Tag,{children:JSON.stringify(e)},e+n))),o?(0,jsx_runtime_1.jsx)(common_1.ToggleButton,{onClick:t,children:m}):null]})}exports.SimpleEnums=(0,react_1.memo)(SimpleEnumsComponent);const Row=styled_components_1.default.div`
   display: flex;
   flex-wrap: wrap;
   align-items: center;

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

@@ -1,13 +1,4 @@
-/// <reference types="react" />
-export declare const DescriptionEnumsBlock: import("styled-components").StyledComponent<"main", any, {
-    className?: string | undefined;
-    compact?: boolean | undefined;
-    inline?: boolean | undefined;
-    base?: boolean | undefined;
-    ref?: ((node: HTMLDivElement) => void) | undefined;
-} & {
-    children?: import("react").ReactNode;
-}, never>;
+export declare const DescriptionEnumsBlock: import("styled-components").StyledComponent<"main", any, import("@redocly/theme").MarkdownProps, never>;
 export declare const TypeWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ExampleDescription: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ExampleSummary: import("styled-components").StyledComponent<"label", any, {}, never>;

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

@@ -1,3 +1,4 @@
+import type { TFunction } from '@redocly/theme';
 import type { ReactElement } from 'react';
 import type { SchemaOptions } from '../Schema';
 import type { FieldModel } from '../../models';
@@ -13,6 +14,7 @@ export interface SimpleEnumsProps {
     showToggleButton: boolean;
     toggleButtonText: string;
     type: string | string[];
+    translate: TFunction;
 }
 export type DescriptionEnumProp = Array<{
     value: string;
@@ -24,6 +26,7 @@ export interface DescriptionEnumsProps {
     showToggleButton: boolean;
     toggleButtonText: string;
     type: string | string[];
+    translate: TFunction;
 }
 export interface ExtensionsProps {
     extensions: {

package/lib/components/RedoclyOpenAPIDocs/Providers.js

@@ -1,2 +1,2 @@
-"use strict";var __awaiter=this&&this.__awaiter||function(e,t,i,r){return new(i||(i=Promise))((function(n,o){function a(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StoreProvider=exports.AppProvider=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),markdoc_1=require("@markdoc/markdoc"),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),services_1=require("../../services"),utils_1=require("./utils"),utils_2=require("../../utils"),SchemaDefinition_1=require("../SchemaDefinition"),app_1=require("../../jotai/app"),nexus_1=__importDefault(require("../../jotai/nexus")),object_1=require("../../utils/object"),operation_1=require("../../models/operation"),operation_2=require("../../jotai/operation"),environments_1=require("../../utils/environments"),store_1=require("../../jotai/store"),AppProvider=({options:e,definitionUrl:t,definition:i,activeSampleLanguage:r,children:n})=>{const[,o]=(0,react_1.useState)(),[a,s]=(0,react_1.useState)(!0),[l,u]=(0,react_1.useState)(null);(0,react_1.useEffect)((()=>{!function(){__awaiter(this,void 0,void 0,(function*(){s(!0);try{u(yield(0,utils_1.loadSingle)(i,t,e))}catch(e){o((()=>{throw e}))}}))}()}),[i,t,e]);const c=(0,react_1.useMemo)((()=>{var i,n,o;if(l)return(null===(i=null==e?void 0:e.unstable_hooks)||void 0===i?void 0:i.onInit)&&(null===(o=null===(n=e.unstable_hooks)||void 0===n?void 0:n.onInit)||void 0===o||o.call(n,{store:{definition:l,options:e,definitionUrl:t,activeSampleLanguage:r}})),{definition:l,options:e,definitionUrl:t,activeSampleLanguage:r}}),(0,utils_1.useDeepCompareMemoize)([l,e,t]));return(0,react_1.useEffect)((()=>{c&&s(!1)}),[c]),c?a?(0,utils_2.argValueToBoolean)(null==e?void 0:e.hideLoading,!1)?null:(0,jsx_runtime_1.jsx)(theme_1.Loading,{color:"--loading-spinner-color"}):(0,react_1.isValidElement)(n)?(0,react_1.cloneElement)(n,{store:c}):null:null};exports.AppProvider=AppProvider;const DEFAULT_OPTIONS={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(e,t){const i=e.transformAttributes(t),r=e.transformChildren(t),n="string"==typeof i.id?i.id:(0,utils_1.getMarkdownHeaderId)(r);return new markdoc_1.Tag("Heading",Object.assign(Object.assign({},i),{id:n,level:e.attributes.level}),r)}}},components:{SchemaDefinition:SchemaDefinition_1.SchemaDefinition,Heading:theme_1.markdoc.components.Heading}}};exports.StoreProvider=(0,react_1.memo)((({children:e,options:t,definitionUrl:i,definition:r,withState:n})=>{const o=(0,react_1.useCallback)((()=>{const e=(0,services_1.normalizeOptions)(t,DEFAULT_OPTIONS);return{options:e,parser:new services_1.OpenAPIParser(r,i,e)}}),[r,i,t]),a=(0,react_1.useMemo)((()=>{var e;const t=(0,jotai_1.createStore)(),i=o();t.set(store_1.globalStoreAtom,i);const r=(0,utils_2.normalizeServers)(i.parser.definitionUrl,(0,operation_1.mergeInMockServer)((null===(e=i.parser.definition)||void 0===e?void 0:e.servers)||[],i.options.mockServer)),a=Object.fromEntries(r.map((e=>[(0,environments_1.getServerEnvName)(e),Object.assign({server:e.url},(0,object_1.mapObject)(e.variables||{},(e=>e.default||"")))])));return t.sub(app_1.appStore,(()=>{})),t.set(app_1.environmentAtom,{environments:a}),n&&t.set(app_1.appStoreOverrideAtom,{environment:n.environment,environments:n.environments,activeMimeName:n.activeMimeName}),(null==n?void 0:n.operation)&&t.set((0,operation_2.operationStore)(n.operation.pointer),(0,operation_2.getDefaultOperationStore)(n.operation.pointer,n.operation.state.requestValues)),t}),[o,n]);return(0,react_1.useEffect)((()=>{(null==n?void 0:n.layout)&&a.set(app_1.layoutAtom,null==n?void 0:n.layout)}),[a,null==n?void 0:n.layout]),(0,jsx_runtime_1.jsxs)(jotai_1.Provider,{store:a,children:[(0,jsx_runtime_1.jsx)(nexus_1.default,{}),e]})}));
+"use strict";var __awaiter=this&&this.__awaiter||function(e,t,i,r){return new(i||(i=Promise))((function(o,n){function a(e){try{l(r.next(e))}catch(e){n(e)}}function s(e){try{l(r.throw(e))}catch(e){n(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(a,s)}l((r=r.apply(e,t||[])).next())}))},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StoreProvider=exports.AppProvider=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),markdoc_1=require("@markdoc/markdoc"),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),services_1=require("../../services"),utils_1=require("./utils"),utils_2=require("../../utils"),SchemaDefinition_1=require("../SchemaDefinition"),app_1=require("../../jotai/app"),nexus_1=__importDefault(require("../../jotai/nexus")),object_1=require("../../utils/object"),operation_1=require("../../models/operation"),operation_2=require("../../jotai/operation"),environments_1=require("../../utils/environments"),store_1=require("../../jotai/store"),AppProvider=({options:e,definitionUrl:t,definition:i,activeSampleLanguage:r,children:o})=>{const[,n]=(0,react_1.useState)(),[a,s]=(0,react_1.useState)(!0),[l,u]=(0,react_1.useState)(null);(0,react_1.useEffect)((()=>{!function(){__awaiter(this,void 0,void 0,(function*(){s(!0);try{u(yield(0,utils_1.loadSingle)(i,t,e))}catch(e){n((()=>{throw e}))}}))}()}),[i,t,e]);const c=(0,react_1.useMemo)((()=>{var i,o,n;if(l)return(null===(i=null==e?void 0:e.unstable_hooks)||void 0===i?void 0:i.onInit)&&(null===(n=null===(o=e.unstable_hooks)||void 0===o?void 0:o.onInit)||void 0===n||n.call(o,{store:{definition:l,options:e,definitionUrl:t,activeSampleLanguage:r}})),{definition:l,options:e,definitionUrl:t,activeSampleLanguage:r}}),(0,utils_1.useDeepCompareMemoize)([l,e,t]));return(0,react_1.useEffect)((()=>{c&&s(!1)}),[c]),c?a?(0,utils_2.argValueToBoolean)(null==e?void 0:e.hideLoading,!1)?null:(0,jsx_runtime_1.jsx)(theme_1.Loading,{color:"--loading-spinner-color"}):(0,react_1.isValidElement)(o)?(0,react_1.cloneElement)(o,{store:c}):null:null};exports.AppProvider=AppProvider;const DEFAULT_OPTIONS={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(e,t){const i=e.transformAttributes(t),r=e.transformChildren(t),o="string"==typeof i.id?i.id:(0,utils_1.getMarkdownHeaderId)(r);return new markdoc_1.Tag("Heading",Object.assign(Object.assign({},i),{id:o,level:e.attributes.level}),r)}}},components:{SchemaDefinition:SchemaDefinition_1.SchemaDefinition,Heading:theme_1.markdoc.components.Heading}}};exports.StoreProvider=(0,react_1.memo)((({children:e,options:t,definitionUrl:i,definition:r,withState:o})=>{const n=(0,react_1.useCallback)((()=>{const e=(0,services_1.normalizeOptions)(t,DEFAULT_OPTIONS);return{options:e,parser:new services_1.OpenAPIParser(r,i,e)}}),[r,i,t]),a=(0,react_1.useMemo)((()=>{var e,t;const i=(0,jotai_1.createStore)(),r=n();i.set(store_1.globalStoreAtom,r);const a=(0,utils_2.normalizeServers)(r.parser.definitionUrl,(0,operation_1.mergeInMockServer)((null===(e=r.parser.definition)||void 0===e?void 0:e.servers)||[],r.options.mockServer)),s=Object.fromEntries(a.map((e=>[(0,environments_1.getServerEnvName)(e),Object.assign({server:e.url},(0,object_1.mapObject)(e.variables||{},(e=>e.default||"")))])));return i.sub(app_1.appStore,(()=>{})),i.set(app_1.layoutAtom,(null===(t=r.options)||void 0===t?void 0:t.layout)||theme_1.LayoutVariant.THREE_PANEL),i.set(app_1.environmentAtom,{environments:s}),o&&i.set(app_1.appStoreOverrideAtom,{environment:o.environment,environments:o.environments,activeMimeName:o.activeMimeName}),(null==o?void 0:o.operation)&&i.set((0,operation_2.operationStore)(o.operation.pointer),(0,operation_2.getDefaultOperationStore)(o.operation.pointer,o.operation.state.requestValues)),i}),[n,o]);return(0,react_1.useEffect)((()=>{(null==o?void 0:o.layout)&&a.set(app_1.layoutAtom,null==o?void 0:o.layout)}),[a,null==o?void 0:o.layout]),(0,jsx_runtime_1.jsxs)(jotai_1.Provider,{store:a,children:[(0,jsx_runtime_1.jsx)(nexus_1.default,{}),e]})}));
 //# sourceMappingURL=Providers.js.map

package/lib/components/RedoclyOpenAPIDocs/RedoclyOpenAPIDocs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedoclyOpenAPIDocsStandalone=exports.RedoclyOpenAPIDocs=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),UnsupportedFeatureScreen_1=require("../UnsupportedFeatureScreen"),Providers_1=require("./Providers"),Overlay_1=require("../Overlay"),styled_1=require("./styled"),StickySidebar_1=require("../StickySidebar"),SideMenu_1=require("../SideMenu"),Content_1=require("../Content"),hooks_1=require("../../hooks"),withRouter_1=require("../../hoc/withRouter"),withStore_1=require("../../hoc/withStore"),utils_1=require("../../utils"),useLicense_1=require("../../hooks/useLicense"),RedoclyOpenAPIDocsComponent=(0,utils_1.compose)(withRouter_1.withRouter,withStore_1.withStore,react_1.memo)((({licenseKey:e,onLoaded:o,children:t,options:i,layout:n,collapsedSidebar:r,parser:s,withCommonStyles:l})=>{var d,u,a,c,_;const m=(0,react_1.useRef)(null),{isValid:p,licenseInfo:h}=(0,useLicense_1.useLicense)(e);(0,hooks_1.useUppercase2LowercaseRedirect)(),(0,theme_1.useMount)((()=>{null==o||o()}));const{hideSidebar:v,scrollYOffset:x}=i||{},{contentItems:y}=(0,hooks_1.useContentItems)({parser:s,options:i}),S=null===(u=null===(d=s.definition)||void 0===d?void 0:d.info)||void 0===u?void 0:u["x-logo"];return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[l&&(0,jsx_runtime_1.jsx)(theme_1.GlobalStyle,{}),(0,jsx_runtime_1.jsxs)(styled_1.RedocWrap,{className:"redoc-wrap",ref:m,children:[(0,jsx_runtime_1.jsx)(UnsupportedFeatureScreen_1.UnsupportedFeatureScreen,{}),!p&&(0,jsx_runtime_1.jsx)(Overlay_1.Overlay,{licenseInfo:h}),(0,jsx_runtime_1.jsx)(styled_1.CssFixes,{layout:n}),!v&&(0,jsx_runtime_1.jsxs)(StickySidebar_1.StickyResponsiveSidebar,{scrollYOffset:x,className:"menu-content",collapsedSidebar:!r,children:[(0,jsx_runtime_1.jsx)(theme_1.SidebarLogo,{imageUrl:null==S?void 0:S.url,href:(null==S?void 0:S.href)||(null===(_=null===(c=null===(a=s.definition)||void 0===a?void 0:a.info)||void 0===c?void 0:c.contact)||void 0===_?void 0:_.url),altText:null==S?void 0:S.altText,backgroundColor:null==S?void 0:S.backgroundColor}),(0,jsx_runtime_1.jsx)(SideMenu_1.SideMenu,{items:p?y:[]})]}),(0,jsx_runtime_1.jsxs)(theme_1.ThreePanelLayout,{className:"api-content",id:"api-content",layout:n===theme_1.LayoutVariant.THREE_PANEL?theme_1.LayoutVariant.THREE_PANEL:theme_1.LayoutVariant.STACKED,collapsedSidebar:r,children:[(0,jsx_runtime_1.jsx)(Content_1.Content,{items:p?y:[],routingBasePath:i.routingBasePath}),t]})]})]})}));function RedoclyOpenAPIDocs({onLoaded:e,children:o,store:t,withCommonStyles:i}){var n,r,s;return(null==t?void 0:t.definition)?(0,jsx_runtime_1.jsx)(Providers_1.StoreProvider,Object.assign({},t,{children:(0,jsx_runtime_1.jsx)(RedoclyOpenAPIDocsComponent,{onLoaded:e,basePath:null===(n=t.options)||void 0===n?void 0:n.routingBasePath,licenseKey:null===(r=t.options)||void 0===r?void 0:r.licenseKey,disableRouter:null===(s=t.options)||void 0===s?void 0:s.disableRouter,withCommonStyles:i,children:o})})):null}function RedoclyOpenAPIDocsStandalone({definition:e,definitionUrl:o,options:t={},activeItemId:i,activeSampleLanguage:n,activeDeepLink:r}){return(0,jsx_runtime_1.jsx)(Providers_1.AppProvider,{definition:e,definitionUrl:o,options:t,activeItemId:i,activeSampleLanguage:n,activeDeepLink:r,children:(0,jsx_runtime_1.jsx)(RedoclyOpenAPIDocs,{withCommonStyles:!0})})}exports.RedoclyOpenAPIDocs=RedoclyOpenAPIDocs,exports.RedoclyOpenAPIDocsStandalone=RedoclyOpenAPIDocsStandalone;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedoclyOpenAPIDocs=RedoclyOpenAPIDocs,exports.RedoclyOpenAPIDocsStandalone=RedoclyOpenAPIDocsStandalone;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),Providers_1=require("./Providers"),Overlay_1=require("../Overlay"),styled_1=require("./styled"),StickySidebar_1=require("../StickySidebar"),SideMenu_1=require("../SideMenu"),Content_1=require("../Content"),hooks_1=require("../../hooks"),withRouter_1=require("../../hoc/withRouter"),withStore_1=require("../../hoc/withStore"),utils_1=require("../../utils"),useLicense_1=require("../../hooks/useLicense"),RedoclyOpenAPIDocsComponent=(0,utils_1.compose)(withRouter_1.withRouter,withStore_1.withStore,react_1.memo)((({licenseKey:e,onLoaded:i,children:o,options:t,layout:n,collapsedSidebar:r,parser:s,withCommonStyles:l})=>{var d,a,u,c,_;const m=(0,react_1.useRef)(null),{isValid:h,licenseInfo:p}=(0,useLicense_1.useLicense)(e);(0,hooks_1.useUppercase2LowercaseRedirect)(),(0,theme_1.useMount)((()=>{null==i||i()}));const{hideSidebar:v,scrollYOffset:y}=t||{},{contentItems:x}=(0,hooks_1.useContentItems)({parser:s,options:t}),S=null===(a=null===(d=s.definition)||void 0===d?void 0:d.info)||void 0===a?void 0:a["x-logo"];return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[l&&(0,jsx_runtime_1.jsx)(theme_1.GlobalStyle,{}),(0,jsx_runtime_1.jsxs)(styled_1.RedocWrap,{className:"redoc-wrap",ref:m,children:[!h&&(0,jsx_runtime_1.jsx)(Overlay_1.Overlay,{licenseInfo:p}),!v&&(0,jsx_runtime_1.jsxs)(StickySidebar_1.StickyResponsiveSidebar,{scrollYOffset:y,className:"menu-content",collapsedSidebar:!r,children:[(0,jsx_runtime_1.jsx)(theme_1.SidebarLogo,{imageUrl:null==S?void 0:S.url,href:(null==S?void 0:S.href)||(null===(_=null===(c=null===(u=s.definition)||void 0===u?void 0:u.info)||void 0===c?void 0:c.contact)||void 0===_?void 0:_.url),altText:null==S?void 0:S.altText,backgroundColor:null==S?void 0:S.backgroundColor}),(0,jsx_runtime_1.jsx)(SideMenu_1.SideMenu,{items:h?x:[]})]}),(0,jsx_runtime_1.jsxs)(theme_1.ThreePanelLayout,{className:"api-content",id:"api-content",layout:n===theme_1.LayoutVariant.THREE_PANEL?theme_1.LayoutVariant.THREE_PANEL:theme_1.LayoutVariant.STACKED,collapsedSidebar:r,children:[(0,jsx_runtime_1.jsx)(Content_1.Content,{items:h?x:[],routingBasePath:t.routingBasePath}),o]})]})]})}));function RedoclyOpenAPIDocs({onLoaded:e,children:i,store:o,withCommonStyles:t}){var n,r,s;return(null==o?void 0:o.definition)?(0,jsx_runtime_1.jsx)(Providers_1.StoreProvider,Object.assign({},o,{children:(0,jsx_runtime_1.jsx)(RedoclyOpenAPIDocsComponent,{onLoaded:e,basePath:null===(n=o.options)||void 0===n?void 0:n.routingBasePath,licenseKey:null===(r=o.options)||void 0===r?void 0:r.licenseKey,disableRouter:null===(s=o.options)||void 0===s?void 0:s.disableRouter,withCommonStyles:t,children:i})})):null}function RedoclyOpenAPIDocsStandalone({definition:e,definitionUrl:i,options:o={},activeItemId:t,activeSampleLanguage:n,activeDeepLink:r}){return(0,jsx_runtime_1.jsx)(Providers_1.AppProvider,{definition:e,definitionUrl:i,options:o,activeItemId:t,activeSampleLanguage:n,activeDeepLink:r,children:(0,jsx_runtime_1.jsx)(RedoclyOpenAPIDocs,{withCommonStyles:!0})})}
 //# sourceMappingURL=RedoclyOpenAPIDocs.js.map

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

@@ -1,5 +1 @@
-import type { FlattenSimpleInterpolation } from 'styled-components';
-import type { CssFixesProps } from './types';
 export declare const RedocWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const getMarginFixesByName: (variableName: string) => FlattenSimpleInterpolation;
-export declare const CssFixes: import("styled-components").GlobalStyleComponent<CssFixesProps, import("styled-components").DefaultTheme>;

package/lib/components/RedoclyOpenAPIDocs/styled.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,i){void 0===i&&(i=a);var r=Object.getOwnPropertyDescriptor(t,a);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,i,r)}:function(e,t,a,i){void 0===i&&(i=a),e[i]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CssFixes=exports.getMarginFixesByName=exports.RedocWrap=void 0;const theme_1=require("@redocly/theme"),styled_components_1=__importStar(require("styled-components")),common_1=require("../common");exports.RedocWrap=styled_components_1.default.div`
+"use strict";var __importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedocWrap=void 0;const styled_components_1=__importDefault(require("styled-components"));exports.RedocWrap=styled_components_1.default.div`
   display: flex;
   position: relative;
   text-align: left;
@@ -18,34 +18,5 @@
     box-sizing: border-box;
     -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   }
-`;const getMarginFixesByName=e=>styled_components_1.css`
-  margin: 0 max(calc((100% - var(--panel-samples-width) - var(${e})) / 2), 0);
-`;exports.getMarginFixesByName=getMarginFixesByName,exports.CssFixes=styled_components_1.createGlobalStyle`
-  ${common_1.SamplesPanel} {
-    ${({layout:e})=>{if(e===theme_1.LayoutVariant.STACKED)return styled_components_1.css`
-          width: 100%;
-          padding-left: var(--panel-gap-horizontal);
-        `}}
-  }
-
-  ${common_1.SamplesMiddlePanel} {
-    ${({layout:e})=>e===theme_1.LayoutVariant.THREE_PANEL?styled_components_1.css`
-          margin: 0;
-          @media screen and (min-width: ${theme_1.breakpoints.small}) {
-            ${(0,exports.getMarginFixesByName)("--layout-panel-schemas-small-max-width")};
-          }
-          @media screen and (min-width: ${theme_1.breakpoints.medium}) {
-            max-width: var(--layout-panel-schemas-medium-max-width);
-            ${(0,exports.getMarginFixesByName)("--layout-panel-schemas-medium-max-width")};
-          }
-          @media screen and (min-width: ${theme_1.breakpoints.large}) {
-            max-width: var(--layout-panel-schemas-large-max-width);
-            ${(0,exports.getMarginFixesByName)("--layout-panel-schemas-large-max-width")};
-          }
-        `:e===theme_1.LayoutVariant.STACKED?styled_components_1.css`
-          width: 100%;
-          padding-right: var(--panel-gap-horizontal);
-        `:void 0};
-  }
 `;
 //# sourceMappingURL=styled.js.map

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

@@ -44,6 +44,3 @@ export interface RedoclyOpenAPIDocsStandaloneProps {
     activeSampleLanguage?: CodeSampleConfig['lang'];
     activeDeepLink?: string;
 }
-export interface CssFixesProps {
-    layout: LayoutVariant;
-}

package/lib/components/RedoclyOpenAPIDocs/utils.js

@@ -1,2 +1,2 @@
-"use strict";var __awaiter=this&&this.__awaiter||function(e,n,t,r){return new(t||(t=Promise))((function(o,i){function d(e){try{a(r.next(e))}catch(e){i(e)}}function u(e){try{a(r.throw(e))}catch(e){i(e)}}function a(e){var n;e.done?o(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(d,u)}a((r=r.apply(e,n||[])).next())}))},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.getMarkdownHeaderId=exports.useDeepCompareMemoize=exports.loadAndBundleSpecOrMd=exports.loadSingle=exports.fixSpec=void 0;const react_1=require("react"),fast_deep_equal_1=__importDefault(require("fast-deep-equal")),loadAndBundleSpec_1=require("../../utils/loadAndBundleSpec"),string_1=require("../../utils/string");function fixSpec(e){const n=e.components&&e.components.securitySchemes||{};for(const e of Object.keys(n)){const t=n[e];t["x-type"]&&(t.type=t["x-type"]),t["x-scheme"]&&(t.scheme=t["x-scheme"])}}function loadSingle(e,n,t){return __awaiter(this,void 0,void 0,(function*(){let r;if(null==t?void 0:t.skipBundle){if(!e)throw new Error('spec must be specified when using "skipBundleAndConvert"');r=e}else r=yield(0,loadAndBundleSpec_1.loadAndBundleDefinition)(e||n);try{fixSpec(r)}catch(e){}return r}))}function loadAndBundleSpecOrMd(e,n){return e.endsWith(".md")?(0,loadAndBundleSpec_1.loadAndBundleDefinition)({openapi:"3.0.0",info:{title:n||"",version:"1.0",description:{$ref:e}},paths:{}}):(0,loadAndBundleSpec_1.loadAndBundleDefinition)(e)}function useDeepCompareMemoize(e){const n=(0,react_1.useRef)(),t=(0,react_1.useRef)(0);return(0,fast_deep_equal_1.default)(e,n.current)||(n.current=e,t.current+=1),[t.current]}function getMarkdownHeaderId(e){return"string"==typeof e[0]?`section/${(0,string_1.safeSlugify)(e[0])}`:e.children?getMarkdownHeaderId(e[0]):void 0}exports.fixSpec=fixSpec,exports.loadSingle=loadSingle,exports.loadAndBundleSpecOrMd=loadAndBundleSpecOrMd,exports.useDeepCompareMemoize=useDeepCompareMemoize,exports.getMarkdownHeaderId=getMarkdownHeaderId;
+"use strict";var __awaiter=this&&this.__awaiter||function(e,n,t,r){return new(t||(t=Promise))((function(i,o){function d(e){try{c(r.next(e))}catch(e){o(e)}}function u(e){try{c(r.throw(e))}catch(e){o(e)}}function c(e){var n;e.done?i(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(d,u)}c((r=r.apply(e,n||[])).next())}))},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.fixSpec=fixSpec,exports.loadSingle=loadSingle,exports.loadAndBundleSpecOrMd=loadAndBundleSpecOrMd,exports.useDeepCompareMemoize=useDeepCompareMemoize,exports.getMarkdownHeaderId=getMarkdownHeaderId;const react_1=require("react"),fast_deep_equal_1=__importDefault(require("fast-deep-equal")),loadAndBundleSpec_1=require("../../utils/loadAndBundleSpec"),string_1=require("../../utils/string");function fixSpec(e){const n=e.components&&e.components.securitySchemes||{};for(const e of Object.keys(n)){const t=n[e];t["x-type"]&&(t.type=t["x-type"]),t["x-scheme"]&&(t.scheme=t["x-scheme"])}}function loadSingle(e,n,t){return __awaiter(this,void 0,void 0,(function*(){let r;if(null==t?void 0:t.skipBundle){if(!e)throw new Error('spec must be specified when using "skipBundleAndConvert"');r=e}else r=yield(0,loadAndBundleSpec_1.loadAndBundleDefinition)(e||n);try{fixSpec(r)}catch(e){}return r}))}function loadAndBundleSpecOrMd(e,n){return e.endsWith(".md")?(0,loadAndBundleSpec_1.loadAndBundleDefinition)({openapi:"3.0.0",info:{title:n||"",version:"1.0",description:{$ref:e}},paths:{}}):(0,loadAndBundleSpec_1.loadAndBundleDefinition)(e)}function useDeepCompareMemoize(e){const n=(0,react_1.useRef)(),t=(0,react_1.useRef)(0);return(0,fast_deep_equal_1.default)(e,n.current)||(n.current=e,t.current+=1),[t.current]}function getMarkdownHeaderId(e){return"string"==typeof e[0]?`section/${(0,string_1.safeSlugify)(e[0])}`:e.children?getMarkdownHeaderId(e[0]):void 0}
 //# sourceMappingURL=utils.js.map

package/lib/components/RenderHook/RenderHook.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getAccessModeLabelText=exports.RenderHook=void 0;const jsx_runtime_1=require("react/jsx-runtime");function RenderHook(e){if(!e.Hook)return null;const t=e.Hook(e.props),o=t&&t.html;return o?(0,jsx_runtime_1.jsx)("span",{dangerouslySetInnerHTML:{__html:o}}):t}function getAccessModeLabelText(e){return(e.readOnly?"read-only":e.writeOnly&&"write-only")||null}exports.RenderHook=RenderHook,exports.getAccessModeLabelText=getAccessModeLabelText;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RenderHook=RenderHook,exports.getAccessModeLabelText=getAccessModeLabelText;const jsx_runtime_1=require("react/jsx-runtime");function RenderHook(e){if(!e.Hook)return null;const t=e.Hook(e.props),r=t&&t.html;return r?(0,jsx_runtime_1.jsx)("span",{dangerouslySetInnerHTML:{__html:r}}):t}function getAccessModeLabelText(e){return(e.readOnly?"read-only":e.writeOnly&&"write-only")||null}
 //# sourceMappingURL=RenderHook.js.map

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { OpenAPIDefinition } from '../../types';
 import type { OperationModel } from '../../models';
 export type ReplayProps = {

package/lib/components/Replay/EmbeddedReplay.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=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,o,i)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=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},__awaiter=this&&this.__awaiter||function(e,t,r,o){return new(r||(r=Promise))((function(i,n){function a(e){try{l(o.next(e))}catch(e){n(e)}}function u(e){try{l(o.throw(e))}catch(e){n(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(a,u)}l((o=o.apply(e,t||[])).next())}))},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.EmbeddedReplay=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"),utils_1=require("./utils"),store_1=require("../../jotai/store"),operation_1=require("../../jotai/operation"),app_1=require("../../jotai/app"),EmbeddedReplayOrig=(0,react_1.lazy)((()=>__awaiter(void 0,void 0,void 0,(function*(){return Promise.resolve().then((()=>__importStar(require("@redocly/replay")))).then((e=>({default:e.EmbeddedReplay})))}))));function EmbeddedReplayComponent({operation:e,corsProxyUrl:t,fullOpenApi:r}){const{routingBasePath:o,mockServer:i}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),n=(0,jotai_1.useAtomValue)((0,operation_1.operationStore)(e.pointer)),a=(0,jotai_1.useAtomValue)(app_1.appStore),u=(0,jotai_1.useAtomValue)(app_1.environmentsAtom),[l,s]=(0,react_1.useState)(!1);return(0,react_1.useEffect)((()=>{s(!0)}),[]),(0,jsx_runtime_1.jsx)(CompactWrapper,{children:l?(0,jsx_runtime_1.jsx)(react_1.Suspense,{fallback:(0,jsx_runtime_1.jsx)(LoadingWrapper,{children:"Loading..."}),children:(0,jsx_runtime_1.jsx)(EmbeddedReplayOrig,{value:(0,utils_1.convertOperationToReplayValue)(e,r,n,a),environment:a.environment,predefinedEnvValues:u,corsProxyUrl:t,operationUrl:o+e.href,mockServer:i,disableCollectionsTab:!0})}):(0,jsx_runtime_1.jsx)(LoadingWrapper,{children:"Loading..."})})}exports.EmbeddedReplay=(0,react_1.memo)(EmbeddedReplayComponent);const LoadingWrapper=styled_components_1.default.div`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=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,o,i)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=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},__awaiter=this&&this.__awaiter||function(e,t,r,o){return new(r||(r=Promise))((function(i,n){function a(e){try{l(o.next(e))}catch(e){n(e)}}function u(e){try{l(o.throw(e))}catch(e){n(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(a,u)}l((o=o.apply(e,t||[])).next())}))},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.EmbeddedReplay=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"),utils_1=require("./utils"),store_1=require("../../jotai/store"),operation_1=require("../../jotai/operation"),app_1=require("../../jotai/app"),hooks_1=require("../../hooks"),EmbeddedReplayOrig=(0,react_1.lazy)((()=>__awaiter(void 0,void 0,void 0,(function*(){return Promise.resolve().then((()=>__importStar(require("@redocly/replay")))).then((e=>({default:e.EmbeddedReplay})))}))));function EmbeddedReplayComponent({operation:e,corsProxyUrl:t,fullOpenApi:r}){const o=(0,hooks_1.useTranslate)(),{routingBasePath:i,mockServer:n}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),a=(0,jotai_1.useAtomValue)((0,operation_1.operationStore)(e.pointer)),u=(0,jotai_1.useAtomValue)(app_1.appStore),l=(0,jotai_1.useAtomValue)(app_1.environmentsAtom),[s,d]=(0,react_1.useState)(!1);return(0,react_1.useEffect)((()=>{d(!0)}),[]),(0,jsx_runtime_1.jsx)(CompactWrapper,{children:s?(0,jsx_runtime_1.jsx)(react_1.Suspense,{fallback:(0,jsx_runtime_1.jsx)(LoadingWrapper,{children:o("openapi.loading","Loading...")}),children:(0,jsx_runtime_1.jsx)(EmbeddedReplayOrig,{value:(0,utils_1.convertOperationToReplayValue)(e,r,a,u),environment:u.environment,predefinedEnvValues:l,corsProxyUrl:t,operationUrl:i+e.href,mockServer:n,disableCollectionsTab:!0})}):(0,jsx_runtime_1.jsx)(LoadingWrapper,{children:o("openapi.loading","Loading...")})})}exports.EmbeddedReplay=(0,react_1.memo)(EmbeddedReplayComponent);const LoadingWrapper=styled_components_1.default.div`
   display: flex;
   justify-content: center;
   align-items: center;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { OperationModel } from '../../models';
 import type { OpenAPIDefinition } from '../../types';
 type ReplayProps = {

package/lib/components/Replay/Replay.js

@@ -1,14 +1,7 @@
-"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},__awaiter=this&&this.__awaiter||function(e,t,r,n){return new(r||(r=Promise))((function(o,i){function a(e){try{u(n.next(e))}catch(e){i(e)}}function s(e){try{u(n.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(a,s)}u((n=n.apply(e,t||[])).next())}))},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Replay=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),ReplayOverlay=(0,react_1.lazy)((()=>__awaiter(void 0,void 0,void 0,(function*(){return Promise.resolve().then((()=>__importStar(require("@redocly/replay")))).then((e=>({default:e.ReplayOverlay})))})))),store_1=require("../../jotai/store"),replay_1=require("../../jotai/replay"),operation_1=require("../../jotai/operation"),constants_1=require("../../constants"),app_1=require("../../jotai/app"),utils_1=require("../../utils"),utils_2=require("./utils");function ReplayComponent({operation:e,corsProxyUrl:t,fullOpenApi:r}){var n,o;const i=(0,react_1.useRef)(null),{routingBasePath:a,mockServer:s,oAuth2RedirectURI:u}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),{parser:l}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),[_,c]=(0,react_1.useState)(!1),[p,m]=(0,jotai_1.useAtom)(replay_1.replayStateAtom),[,d]=(0,jotai_1.useAtom)(app_1.unsupportedFeatureScreenAtom),v=(0,jotai_1.useSetAtom)((0,operation_1.operationStore)(e.pointer)),[f,h]=(0,jotai_1.useAtom)(app_1.activeMimeNameAtom),[[,j],y]=(0,jotai_1.useAtom)(app_1.environmentAtom);(0,theme_1.useFocusTrap)(i),(0,theme_1.useModalScrollLock)(_);const x=(0,react_1.useCallback)((({requestValues:e,activeExampleName:t,activeMimeName:r,environment:n,environments:o,activeSecuritySchemeIds:i})=>{v((r=>Object.assign(Object.assign({},r),{requestValues:e,activeExampleName:t,activeSecuritySchemeIds:i}))),h(r||f),y({environment:n,environments:o})}),[v,h,f,y]),A=()=>{(0,utils_1.isMobile)({tablet:!0})?d(!0):(p!==constants_1.LOADING_STATE.LOADING&&c(!_),p===constants_1.LOADING_STATE.NOT_LOADED&&m(constants_1.LOADING_STATE.LOADING))};return(0,jsx_runtime_1.jsxs)(Wrapper,{children:[(0,jsx_runtime_1.jsx)("span",{children:"Experience it firsthand in the API Explorer!"}),(0,jsx_runtime_1.jsx)(theme_1.Button,{onClick:A,variant:"primary",iconPosition:"left",icon:p===constants_1.LOADING_STATE.LOADING?(0,jsx_runtime_1.jsx)(theme_1.CircleDashIcon,{}):(0,jsx_runtime_1.jsx)(theme_1.RocketIcon,{}),children:p===constants_1.LOADING_STATE.LOADING?"Loading...":"Try it"}),_&&(0,jsx_runtime_1.jsx)(react_1.Suspense,{children:(0,jsx_runtime_1.jsx)(theme_1.Portal,{mountId:"api-content",children:(0,jsx_runtime_1.jsx)("div",{ref:i,children:(0,jsx_runtime_1.jsx)(ReplayOverlay,{value:(0,utils_2.convertOperationToReplayValue)(e,r),onRequestChange:x,onClose:A,corsProxyUrl:t,operationUrl:a+e.href,onLoad:()=>m(constants_1.LOADING_STATE.LOADED),mockServer:s,environment:j,apiId:null===(o=null===(n=null==l?void 0:l.definition.info)||void 0===n?void 0:n["x-metadata"])||void 0===o?void 0:o.apiId,oAuth2RedirectURI:u,definitionUrl:null==l?void 0:l.definitionUrl,disableCollectionsTab:!0})})})})]})}exports.Replay=(0,react_1.memo)(ReplayComponent);const Wrapper=styled_components_1.default.div`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,n)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=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},__awaiter=this&&this.__awaiter||function(e,t,r,o){return new(r||(r=Promise))((function(n,i){function a(e){try{u(o.next(e))}catch(e){i(e)}}function s(e){try{u(o.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?n(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(a,s)}u((o=o.apply(e,t||[])).next())}))},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Replay=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),ReplayOverlay=(0,react_1.lazy)((()=>__awaiter(void 0,void 0,void 0,(function*(){return Promise.resolve().then((()=>__importStar(require("@redocly/replay")))).then((e=>({default:e.ReplayOverlay})))})))),store_1=require("../../jotai/store"),replay_1=require("../../jotai/replay"),operation_1=require("../../jotai/operation"),constants_1=require("../../constants"),app_1=require("../../jotai/app"),utils_1=require("./utils"),hooks_1=require("../../hooks");function ReplayComponent({operation:e,corsProxyUrl:t,fullOpenApi:r}){var o,n;const i=(0,hooks_1.useTranslate)(),a=(0,react_1.useRef)(null),{routingBasePath:s,mockServer:u,oAuth2RedirectURI:l}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),{parser:_}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),[c,p]=(0,react_1.useState)(!1),[m,d]=(0,jotai_1.useAtom)(replay_1.replayStateAtom),v=(0,jotai_1.useSetAtom)((0,operation_1.operationStore)(e.pointer)),[f,h]=(0,jotai_1.useAtom)(app_1.activeMimeNameAtom),[[,j],y]=(0,jotai_1.useAtom)(app_1.environmentAtom);(0,theme_1.useFocusTrap)(a),(0,theme_1.useModalScrollLock)(c);const A=(0,react_1.useCallback)((({requestValues:e,activeExampleName:t,activeMimeName:r,environment:o,environments:n,activeSecuritySchemeIds:i})=>{v((r=>Object.assign(Object.assign({},r),{requestValues:e,activeExampleName:t,activeSecuritySchemeIds:i}))),h(r||f),y({environment:o,environments:n})}),[v,h,f,y]),x=()=>{m!==constants_1.LOADING_STATE.LOADING&&p(!c),m===constants_1.LOADING_STATE.NOT_LOADED&&d(constants_1.LOADING_STATE.LOADING)};return(0,jsx_runtime_1.jsxs)(Wrapper,{children:[(0,jsx_runtime_1.jsx)(theme_1.Button,{onClick:x,variant:"primary",iconPosition:"left",icon:m===constants_1.LOADING_STATE.LOADING?(0,jsx_runtime_1.jsx)(theme_1.CircleDashIcon,{}):(0,jsx_runtime_1.jsx)(theme_1.RocketIcon,{}),children:m===constants_1.LOADING_STATE.LOADING?i("openapi.loading","Loading..."):i("openapi.tryIt","Try it")}),c&&(0,jsx_runtime_1.jsx)(react_1.Suspense,{children:(0,jsx_runtime_1.jsx)(theme_1.Portal,{mountId:"api-content",children:(0,jsx_runtime_1.jsx)("div",{ref:a,children:(0,jsx_runtime_1.jsx)(ReplayOverlay,{value:(0,utils_1.convertOperationToReplayValue)(e,r),onRequestChange:A,onClose:x,corsProxyUrl:t,operationUrl:s+e.href,onLoad:()=>d(constants_1.LOADING_STATE.LOADED),mockServer:u,environment:j,apiId:null===(n=null===(o=null==_?void 0:_.definition.info)||void 0===o?void 0:o["x-metadata"])||void 0===n?void 0:n.apiId,oAuth2RedirectURI:l,definitionUrl:null==_?void 0:_.definitionUrl,disableCollectionsTab:!0})})})})]})}exports.Replay=(0,react_1.memo)(ReplayComponent);const Wrapper=styled_components_1.default.div`
   display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: 10px;
+  justify-content: flex-end;
   border-top: var(--panel-border);
   padding: var(--spacing-base) var(--spacing-md) var(--spacing-md);
-
-  & > span {
-    font-weight: var(--font-weight-regular);
-    color: var(--text-color-primary);
-  }
 `;
 //# sourceMappingURL=Replay.js.map

package/lib/components/Replay/utils.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.convertRequestSecurity=exports.convertOperationToReplayValue=void 0;const theme_1=require("@redocly/theme");function convertOperationToReplayValue(e,n,t,r){var i,o;const a=(null==r?void 0:r.activeMimeName)||"application/json";return{name:e.name,method:e.httpVerb,parameters:convertParameters(e.parameters,null==t?void 0:t.requestValues),body:convertRequestBody(e.requestBody,n,(null===(i=null==t?void 0:t.requestValues)||void 0===i?void 0:i.body)?{[a]:null===(o=null==t?void 0:t.requestValues)||void 0===o?void 0:o.body}:void 0),path:e.path,servers:e.servers,security:convertRequestSecurity(e.security)}}function convertParameters(e,n){const t=new Set,r=e.map((e=>{var r;return t.add(e.in+":"+e.name),{name:e.name,in:e.in,required:e.required,description:e.description,example:(null===(r=null==n?void 0:n[String(e.in)])||void 0===r?void 0:r[e.name])||e.example,schema:e.schema}}));for(const[e,i]of Object.entries(n||{}))for(const[n,o]of Object.entries(i||{}))t.has(e+":"+n)||r.push({name:n,in:e,required:!1,description:"",example:String(o),schema:void 0});return r}function getInputType({type:e,format:n,enum:t}){return"string"!==e||"binary"!==n&&"base64"!==n?"object"===e?"multiline":t.length>0?"select":"text":"file"}function getFieldExamples(e,n){var t,r,i,o,a;const l=(null===(t=e[0])||void 0===t?void 0:t.example)||(null===(r=e[0])||void 0===r?void 0:r.examples);if(l)return l;if(null===(i=e.schema)||void 0===i?void 0:i.example)return e.schema.example;const u=(null===(o=null==n?void 0:n.default)||void 0===o?void 0:o.value)||(null===(a=null==n?void 0:n.default)||void 0===a?void 0:a.rawValue);return(null==u?void 0:u[e.name])?(0,theme_1.isPrimitive)(null==u?void 0:u[e.name])?String(null==u?void 0:u[e.name]):JSON.stringify(null==u?void 0:u[e.name]):""}function convertRequestBody(e,n,t){var r;if(!e||!(null===(r=e.content)||void 0===r?void 0:r.mediaTypes)){if(!t)return;return{mediaTypes:Object.fromEntries(Object.entries(t).map((([e,n])=>[e,{name:e,examples:{default:{value:n}},schema:{},parameters:[]}])))}}return{required:e.required,mediaTypes:e.content.mediaTypes.reduce(((e,r)=>{var i,o;const a=r.schema,l=(null==t?void 0:t[r.name])?{default:{value:null==t?void 0:t[r.name],rawValue:null==t?void 0:t[r.name],mime:r.name}}:r.examples||r.formExamples;return e[r.name]={name:r.name,examples:l,schema:getBodySchema(null===(i=r.schema)||void 0===i?void 0:i.rawSchema,n),parameters:null===(o=null==a?void 0:a.fields)||void 0===o?void 0:o.map((e=>({inputType:getInputType(e.schema),name:e.name,example:getFieldExamples(e,l)})))},e}),{})}}function getBodySchema(e,n){if(e&&n)return Object.assign(Object.assign({},e),{components:(null==n?void 0:n.components)||{}})}function convertRequestSecurity(e){if(e)return e.map((({schemes:e})=>e.map((e=>({id:e.id,type:e.type,in:e.in,openIdConnectUrl:e.openIdConnectUrl,scopes:e.scopes,scheme:e.scheme,name:e.name,flows:e.flows})))))}exports.convertOperationToReplayValue=convertOperationToReplayValue,exports.convertRequestSecurity=convertRequestSecurity;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.convertOperationToReplayValue=convertOperationToReplayValue,exports.convertRequestSecurity=convertRequestSecurity;const theme_1=require("@redocly/theme");function convertOperationToReplayValue(e,n,t,i){var r,a;const o=(null==i?void 0:i.activeMimeName)||"application/json";return{name:e.name,method:e.httpVerb,parameters:convertParameters(e.parameters,null==t?void 0:t.requestValues),body:convertRequestBody(e.requestBody,n,(null===(r=null==t?void 0:t.requestValues)||void 0===r?void 0:r.body)?{[o]:null===(a=null==t?void 0:t.requestValues)||void 0===a?void 0:a.body}:void 0),path:e.path,servers:e.servers,security:convertRequestSecurity(e.security)}}function convertParameters(e,n){const t=new Set,i=e.map((e=>{var i;return t.add(e.in+":"+e.name),{name:e.name,in:e.in,required:e.required,description:e.description,example:(null===(i=null==n?void 0:n[String(e.in)])||void 0===i?void 0:i[e.name])||e.example,schema:e.schema}}));for(const[e,r]of Object.entries(n||{}))for(const[n,a]of Object.entries(r||{}))t.has(e+":"+n)||i.push({name:n,in:e,required:!1,description:"",example:String(a),schema:void 0});return i}function getInputType({type:e,format:n,enum:t}){return"string"!==e||"binary"!==n&&"base64"!==n?"object"===e?"multiline":t.length>0?"select":"text":"file"}function getFieldExamples(e,n){var t,i,r,a,o;const l=(null===(t=e[0])||void 0===t?void 0:t.example)||(null===(i=e[0])||void 0===i?void 0:i.examples);if(l)return l;if(null===(r=e.schema)||void 0===r?void 0:r.example)return e.schema.example;const u=(null===(a=null==n?void 0:n.default)||void 0===a?void 0:a.value)||(null===(o=null==n?void 0:n.default)||void 0===o?void 0:o.rawValue);return(null==u?void 0:u[e.name])?(0,theme_1.isPrimitive)(null==u?void 0:u[e.name])?String(null==u?void 0:u[e.name]):JSON.stringify(null==u?void 0:u[e.name]):""}function convertRequestBody(e,n,t){var i;if(!e||!(null===(i=e.content)||void 0===i?void 0:i.mediaTypes)){if(!t)return;return{mediaTypes:Object.fromEntries(Object.entries(t).map((([e,n])=>[e,{name:e,examples:{default:{value:n}},schema:{},parameters:[]}])))}}return{required:e.required,mediaTypes:e.content.mediaTypes.reduce(((e,i)=>{var r,a;const o=i.schema,l=(null==t?void 0:t[i.name])?{default:{value:null==t?void 0:t[i.name],rawValue:null==t?void 0:t[i.name],mime:i.name}}:i.examples||i.formExamples;return e[i.name]={name:i.name,examples:l,schema:getBodySchema(null===(r=i.schema)||void 0===r?void 0:r.rawSchema,n),parameters:null===(a=null==o?void 0:o.fields)||void 0===a?void 0:a.map((e=>({inputType:getInputType(e.schema),name:e.name,example:getFieldExamples(e,l)})))},e}),{})}}function getBodySchema(e,n){if(e&&n)return Object.assign(Object.assign({},e),{components:(null==n?void 0:n.components)||{}})}function convertRequestSecurity(e){if(e)return e.map((({schemes:e})=>e.map((e=>({id:e.id,type:e.type,in:e.in,openIdConnectUrl:e.openIdConnectUrl,scopes:e.scopes,scheme:e.scheme,name:e.name,flows:e.flows})))))}
 //# sourceMappingURL=utils.js.map

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

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

package/lib/components/Request/RequestDetails.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.RequestDetails=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),common_1=require("../common"),OperationItemTitle_1=require("../common/OperationItemTitle"),LinkToField_1=require("../common/LinkToField"),services_1=require("../../services"),Description_1=require("../OperationItem/Description"),Security_1=require("../Security"),ExpandAllButton_1=require("../ExpandAllButton"),RequestParameters_1=require("../RequestParameters");function RequestDetailsComponent({operation:{id:e,description:t,externalDocs:r,parameters:i,requestBody:s,pointer:n,security:o,extensions:u,callbackId:_},title:a}){return(0,ExpandAllButton_1.useUpdateExpandedFields)("request",i,null==s?void 0:s.content,n),(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(common_1.Row,{children:(0,jsx_runtime_1.jsxs)(HeadingWrapper,{children:[(0,jsx_runtime_1.jsxs)(OperationItemTitle_1.Title,{children:[e&&(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(e,"request")}),a||"Request",(0,jsx_runtime_1.jsx)(ExpandAllButton_1.ExpandAllButton,{operationPointer:n,type:"request"})]}),(0,jsx_runtime_1.jsx)(Description_1.Description,{description:t||r?t:void 0,externalDocs:r,extensions:u}),(0,jsx_runtime_1.jsx)(Security_1.Security,{securities:o})]})}),(0,jsx_runtime_1.jsx)(RequestParameters_1.RequestParameters,{parameters:i,body:s,operationId:e,callbackId:_})]})}const HeadingWrapper=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.RequestDetails=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),common_1=require("../common"),OperationItemTitle_1=require("../common/OperationItemTitle"),LinkToField_1=require("../common/LinkToField"),services_1=require("../../services"),Description_1=require("../OperationItem/Description"),Security_1=require("../Security"),ExpandAllButton_1=require("../ExpandAllButton"),RequestParameters_1=require("../RequestParameters");function RequestDetailsComponent({operation:{id:e,description:t,externalDocs:r,parameters:i,requestBody:s,pointer:n,security:o,extensions:u,callbackId:a},title:_,translate:l}){return(0,ExpandAllButton_1.useUpdateExpandedFields)("request",i,null==s?void 0:s.content,n),(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(common_1.Row,{children:(0,jsx_runtime_1.jsxs)(HeadingWrapper,{children:[(0,jsx_runtime_1.jsxs)(OperationItemTitle_1.Title,{children:[e&&(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(e,"request")}),_||(null==l?void 0:l("openapi.request","Request")),(0,jsx_runtime_1.jsx)(ExpandAllButton_1.ExpandAllButton,{operationPointer:n,type:"request"})]}),(0,jsx_runtime_1.jsx)(Description_1.Description,{description:t||r?t:void 0,externalDocs:r,extensions:u}),(0,jsx_runtime_1.jsx)(Security_1.Security,{securities:o})]})}),(0,jsx_runtime_1.jsx)(RequestParameters_1.RequestParameters,{parameters:i,body:s,operationId:e,callbackId:a})]})}const HeadingWrapper=styled_components_1.default.div`
   width: 100%;
 `;exports.RequestDetails=(0,react_1.memo)(RequestDetailsComponent);
 //# sourceMappingURL=RequestDetails.js.map

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { FieldModel } from '../../models';
 interface ParametersGroupProps {
     title: string;

package/lib/components/RequestParameters/RequestParameters.js

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

package/lib/components/RequestSamples/CodeSample.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { OperationModel } from '../../models';
 import type { Unstable_ExternalCodeSample } from '../../services';
 import type { ExampleSwitchOptions } from '../Samples';

package/lib/components/RequestSamples/RequestSamples.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { OperationModel } from '../../models';
 interface RequestSamplesProps {
     operation: OperationModel;

package/lib/components/RequestSamples/useCodeSamples.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useCodeSamples=void 0;const jotai_1=require("jotai"),services_1=require("../../services"),store_1=require("../../jotai/store"),operation_1=require("../../jotai/operation"),app_1=require("../../jotai/app");function useCodeSamples({payload:e,isWebhook:a,definitionSamples:t,pointer:o}){var s;const{parser:r,options:{codeSamples:n,generatedSamplesMaxDepth:i}}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),l=(0,jotai_1.useAtomValue)((0,operation_1.operationStore)(o)),{languages:p}=(0,jotai_1.useAtomValue)(app_1.languageAtom),[g]=(0,jotai_1.useAtomValue)(app_1.environmentAtom),u=new Map(null==p?void 0:p.map((({key:e,order:a})=>[e,a]))),m=t.filter((e=>u.has((0,app_1.getLangKey)(e)))),d=new Set(m.map(app_1.getLangKey));let c=[];if(!a){c=createCodeSamples((null===(s=n.languages)||void 0===s?void 0:s.filter((({lang:e,label:a})=>"Payload"!==e&&!d.has((0,app_1.getLangKey)({lang:e,label:a})))))||[],n,r.definition,i,l,g)}const _=[...m,...c];e&&u.has(e.lang.toLowerCase())&&_.push(Object.assign(Object.assign({},e),{order:u.get(e.lang.toLowerCase())}));const j=_.map((e=>{var a;const t=null!==(a=e.label)&&void 0!==a?a:e.lang;return Object.assign({key:(0,app_1.getLangKey)(e),title:t,order:"number"==typeof u.get(t.toLowerCase())?u.get(t.toLowerCase()):9999},e)})).sort(((e,a)=>e.order-a.order));return{samples:j}}function createCodeSamples(e,{skipOptionalParameters:a,withOAuth2Call:t},o,s,r,n){return e.map((({lang:e,label:i,options:l})=>({lang:e,label:i,get:i=>(0,services_1.getCodeSample)(Object.assign(Object.assign({},i),{lang:e,options:Object.assign(Object.assign({},l),{skipOptionalParameters:a,withOAuth2Call:t,spec:o,generatedPayloadSamplesMaxDepth:s,store:r}),environment:n}))})))}exports.useCodeSamples=useCodeSamples;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useCodeSamples=useCodeSamples;const jotai_1=require("jotai"),services_1=require("../../services"),store_1=require("../../jotai/store"),operation_1=require("../../jotai/operation"),app_1=require("../../jotai/app"),hooks_1=require("../../hooks");function useCodeSamples({payload:e,isWebhook:a,definitionSamples:t,pointer:o}){var s;const{parser:r,options:{codeSamples:n,generatedSamplesMaxDepth:l}}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),i=(0,jotai_1.useAtomValue)((0,operation_1.operationStore)(o)),{languages:p}=(0,jotai_1.useAtomValue)(app_1.languageAtom),[g]=(0,jotai_1.useAtomValue)(app_1.environmentAtom),u=(0,hooks_1.useTranslate)(),m=new Map(null==p?void 0:p.map((({key:e,order:a})=>[e,a]))),d=t.filter((e=>m.has((0,app_1.getLangKey)(e)))),c=new Set(d.map(app_1.getLangKey));let _=[];if(!a){_=createCodeSamples((null===(s=n.languages)||void 0===s?void 0:s.filter((({lang:e,label:a})=>"Payload"!==e&&!c.has((0,app_1.getLangKey)({lang:e,label:a})))))||[],n,r.definition,l,i,g,u)}const j=[...d,..._];e&&m.has(e.lang.toLowerCase())&&j.push(Object.assign(Object.assign({},e),{order:m.get(e.lang.toLowerCase())}));const b=j.map((e=>{var a;const t=null!==(a=e.label)&&void 0!==a?a:e.lang;return Object.assign({key:(0,app_1.getLangKey)(e),title:t,order:"number"==typeof m.get(t.toLowerCase())?m.get(t.toLowerCase()):9999},e)})).sort(((e,a)=>e.order-a.order));return{samples:b}}function createCodeSamples(e,{skipOptionalParameters:a,withOAuth2Call:t},o,s,r,n,l){return e.map((({lang:e,label:i,options:p})=>({lang:e,label:i,get:i=>(0,services_1.getCodeSample)(Object.assign(Object.assign({},i),{lang:e,options:Object.assign(Object.assign({},p),{skipOptionalParameters:a,withOAuth2Call:t,spec:o,generatedPayloadSamplesMaxDepth:s,store:r}),environment:n,translate:l}))})))}
 //# sourceMappingURL=useCodeSamples.js.map

package/lib/components/ResponseSamples/Summary.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Summary=void 0;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),Summary=({tabs:e})=>(0,jsx_runtime_1.jsxs)(theme_1.PanelHeader,{isExpandable:!1,children:[(0,jsx_runtime_1.jsx)(theme_1.PanelHeaderTitle,{"data-testid":"title",children:"Response"}),e]});exports.Summary=Summary;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Summary=void 0;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),hooks_1=require("../../hooks"),Summary=({tabs:e})=>{const r=(0,hooks_1.useTranslate)();return(0,jsx_runtime_1.jsxs)(theme_1.PanelHeader,{isExpandable:!1,children:[(0,jsx_runtime_1.jsx)(theme_1.PanelHeaderTitle,{"data-testid":"title",children:r("openapi.response","Response")}),e]})};exports.Summary=Summary;
 //# sourceMappingURL=Summary.js.map

package/lib/components/Responses/OperationResponseList.js

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

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

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

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

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

package/lib/components/Responses/ResponseHeaders.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseHeaders=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_1=require("./styled"),PropertyDetails_1=require("../PropertyDetails"),LinkToField_1=require("../common/LinkToField");function ResponseHeadersComponent({headers:e,deepLink:r}){return void 0===e||0===e.length?null:(0,jsx_runtime_1.jsxs)(styled_1.StyledHeadersProperties,{children:[(0,jsx_runtime_1.jsxs)(styled_1.HeadersCaption,{children:[r&&(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:r}),"Headers"]}),e.map(((e,s)=>(0,jsx_runtime_1.jsx)(PropertyDetails_1.PropertyDetails,{isFirst:0===s,field:e,disableDeepLinks:!r},e.name)))]})}exports.ResponseHeaders=(0,react_1.memo)(ResponseHeadersComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseHeaders=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_1=require("./styled"),PropertyDetails_1=require("../PropertyDetails"),LinkToField_1=require("../common/LinkToField"),hooks_1=require("../../hooks");function ResponseHeadersComponent({headers:e,deepLink:s}){const r=(0,hooks_1.useTranslate)();return void 0===e||0===e.length?null:(0,jsx_runtime_1.jsxs)(styled_1.StyledHeadersProperties,{children:[(0,jsx_runtime_1.jsxs)(styled_1.HeadersCaption,{children:[s&&(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:s}),r("openapi.header","Headers")]}),e.map(((e,r)=>(0,jsx_runtime_1.jsx)(PropertyDetails_1.PropertyDetails,{isFirst:0===r,field:e,disableDeepLinks:!s},e.name)))]})}exports.ResponseHeaders=(0,react_1.memo)(ResponseHeadersComponent);
 //# sourceMappingURL=ResponseHeaders.js.map

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 export declare const HeadersCaption: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledHeadersProperties: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Row: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledTitle: import("styled-components").StyledComponent<"h4", any, {}, never>;
-export declare const StyledDescription: import("styled-components").StyledComponent<({ source, ast, htmlWrap, ...props }: import("../Markdown").MarkdownProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null, any, {}, never>;
+export declare const StyledDescription: import("styled-components").StyledComponent<({ source, ast, htmlWrap, ...props }: import("../Markdown").MarkdownProps) => import("react").ReactElement | null, any, {}, never>;

package/lib/components/RightPanel/RightPanel.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RightPanel=void 0;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),Download_1=require("../Download"),Overview_1=require("../Overview"),Language_1=require("../Language"),ServerList_1=require("../ServerList"),store_1=require("../../jotai/store"),utils_1=require("../../utils"),operation_1=require("../../models/operation"),app_1=require("../../jotai/app"),RightPanel=({item:{infoDefinition:e}})=>{const{options:{hideDownloadButtons:r,mockServer:i},parser:{definition:a,definitionUrl:n}}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),{languages:t,activeLanguage:s}=(0,jotai_1.useAtomValue)(app_1.languageAtom),o=(0,utils_1.normalizeServers)(n,(0,operation_1.mergeInMockServer)(a.servers||[],i));return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[!r&&(0,jsx_runtime_1.jsx)(theme_1.Panel,{className:"panel-download",header:"Download OpenAPI description",isExpandable:!1,children:(0,jsx_runtime_1.jsx)(Download_1.DownloadSpecification,{})}),((null==e?void 0:e.license)||(null==e?void 0:e.contact)||(null==e?void 0:e.termsOfService))&&(0,jsx_runtime_1.jsx)(theme_1.Panel,{className:"panel-overview",header:"Overview",isExpandable:!1,children:(0,jsx_runtime_1.jsx)(theme_1.Markdown,{children:(0,jsx_runtime_1.jsx)(Overview_1.Overview,{info:e})})}),!!(null==t?void 0:t.length)&&(0,jsx_runtime_1.jsx)(theme_1.Panel,{className:"panel-language-list",header:"Languages",isExpandable:!1,children:(0,jsx_runtime_1.jsx)(Language_1.LanguageList,{languages:t,activeLanguage:s})}),!!o.length&&(0,jsx_runtime_1.jsx)(theme_1.Panel,{className:"panel-servers-list",header:"Servers",isExpandable:!1,children:(0,jsx_runtime_1.jsx)(ServerList_1.ServerList,{servers:o,path:"/"})})]})};exports.RightPanel=RightPanel;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RightPanel=void 0;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),jotai_1=require("jotai"),Download_1=require("../Download"),Overview_1=require("../Overview"),Language_1=require("../Language"),ServerList_1=require("../ServerList"),store_1=require("../../jotai/store"),utils_1=require("../../utils"),operation_1=require("../../models/operation"),app_1=require("../../jotai/app"),hooks_1=require("../../hooks"),RightPanel=({item:{infoDefinition:e}})=>{const r=(0,hooks_1.useTranslate)(),{options:{hideDownloadButtons:i,mockServer:a},parser:{definition:n,definitionUrl:t}}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),{languages:s,activeLanguage:o}=(0,jotai_1.useAtomValue)(app_1.languageAtom),l=(0,utils_1.normalizeServers)(t,(0,operation_1.mergeInMockServer)(n.servers||[],a));return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[!i&&(0,jsx_runtime_1.jsx)(theme_1.Panel,{className:"panel-download",header:r("openapi.download.description.title","Download OpenAPI description"),isExpandable:!1,children:(0,jsx_runtime_1.jsx)(Download_1.DownloadSpecification,{})}),((null==e?void 0:e.license)||(null==e?void 0:e.contact)||(null==e?void 0:e.termsOfService))&&(0,jsx_runtime_1.jsx)(theme_1.Panel,{className:"panel-overview",header:r("openapi.info.title","Overview"),isExpandable:!1,children:(0,jsx_runtime_1.jsx)(theme_1.Markdown,{children:(0,jsx_runtime_1.jsx)(Overview_1.Overview,{info:e,translate:r})})}),!!(null==s?void 0:s.length)&&(0,jsx_runtime_1.jsx)(theme_1.Panel,{className:"panel-language-list",header:r("openapi.languages.title","Languages"),isExpandable:!1,children:(0,jsx_runtime_1.jsx)(Language_1.LanguageList,{languages:s,activeLanguage:o})}),!!l.length&&(0,jsx_runtime_1.jsx)(theme_1.Panel,{className:"panel-servers-list",header:r("openapi.servers.title","Servers"),isExpandable:!1,children:(0,jsx_runtime_1.jsx)(ServerList_1.ServerList,{servers:l,path:"/",translate:r})})]})};exports.RightPanel=RightPanel;
 //# sourceMappingURL=RightPanel.js.map

package/lib/components/Samples/use-example-key.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useExampleKey=void 0;const react_1=require("react"),jotai_1=require("jotai"),operation_1=require("../../jotai/operation");function useExampleKey({pointer:e}={},t){const[a,o]=(0,jotai_1.useAtom)((0,operation_1.operationStore)(e)),{activeExampleName:r}=a,[s,i]=(0,react_1.useState)(r&&t[r]?r:Object.keys(t)[0]);return(0,react_1.useEffect)((()=>{r&&t[r]&&(i(r),o((e=>Object.assign(Object.assign({},e),{activeExampleName:r}))))}),[r,t,o]),{exampleKey:t[s]?s:Object.keys(t)[0]}}exports.useExampleKey=useExampleKey;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useExampleKey=useExampleKey;const react_1=require("react"),jotai_1=require("jotai"),operation_1=require("../../jotai/operation");function useExampleKey({pointer:e}={},t){const[a,r]=(0,jotai_1.useAtom)((0,operation_1.operationStore)(e)),{activeExampleName:o}=a,[i,s]=(0,react_1.useState)(o&&t[o]?o:Object.keys(t)[0]);return(0,react_1.useEffect)((()=>{o&&t[o]&&(s(o),r((e=>Object.assign(Object.assign({},e),{activeExampleName:o}))))}),[o,t,r]),{exampleKey:t[i]?i:Object.keys(t)[0]}}
 //# sourceMappingURL=use-example-key.js.map

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { SchemaProps } from './types';
 export declare const ArrayClosingLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const ArraySchema: import("react").NamedExoticComponent<SchemaProps>;

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

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

package/lib/components/Schema/ObjectSchema.js

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

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

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