@redocly/openapi-docs 3.0.0 → 3.0.2

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

@@ -0,0 +1,43 @@
+import type { ReactElement } from 'react';
+import type { SchemaOptions } from '../Schema';
+import type { FieldModel } from '../../models';
+export interface EnumValuesProps {
+    values?: string[] | {
+        [name: string]: string;
+    };
+    type: string | string[];
+}
+export interface SimpleEnumsProps {
+    enums: string[];
+    toggle: () => void;
+    showToggleButton: boolean;
+    toggleButtonText: string;
+    type: string | string[];
+}
+export type DescriptionEnumProp = Array<{
+    value: string;
+    description: string;
+}>;
+export interface DescriptionEnumsProps {
+    enums: DescriptionEnumProp;
+    toggle: () => void;
+    showToggleButton: boolean;
+    toggleButtonText: string;
+    type: string | string[];
+}
+export interface ExtensionsProps {
+    extensions: {
+        [k: string]: string | Record<string, unknown>;
+    };
+}
+export interface FieldProps extends SchemaOptions {
+    isFirst?: boolean;
+    isLast?: boolean;
+    field: FieldModel;
+    expandByDefault?: boolean;
+    renderDiscriminatorSwitch?: () => ReactElement;
+    deepLink?: string;
+    fieldParentsName?: string[];
+    disableDeepLinks?: boolean;
+    oneOfLevel?: number;
+}

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

@@ -1,7 +1,4 @@
-import React from 'react';
-import type { PropsWithChildren } from 'react';
-import type { ProvidersProps, AppProviderProps, StoreProviderProps } from './types';
-import type { RecoilRootProps } from '@redocly/recoil';
-export declare const ThemeProviders: ({ options, children, customOptions, }: ProvidersProps) => JSX.Element;
-export declare const AppProvider: ({ definitions, options, definitionUrl, definition, activeSampleLanguage, children, }: PropsWithChildren<AppProviderProps>) => JSX.Element | null;
-export declare const StoreProvider: React.MemoExoticComponent<({ children, options: rawOptions, definitionUrl, definition, activeSampleLanguage, portalOptions, }: RecoilRootProps & StoreProviderProps) => JSX.Element>;
+import type { PropsWithChildren, ReactElement } from 'react';
+import type { AppProviderProps, StoreProviderProps } from './types';
+export declare const AppProvider: ({ options, definitionUrl, definition, activeSampleLanguage, children, }: PropsWithChildren<AppProviderProps>) => ReactElement | null;
+export declare const StoreProvider: import("react").MemoExoticComponent<({ children, options: rawOptions, definitionUrl, definition, withState, }: PropsWithChildren<StoreProviderProps>) => import("react/jsx-runtime").JSX.Element>;

package/lib/components/RedoclyOpenAPIDocs/Providers.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,i,r){void 0===r&&(r=i);var n=Object.getOwnPropertyDescriptor(t,i);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[i]}}),Object.defineProperty(e,r,n)}:function(e,t,i,r){void 0===r&&(r=i),e[r]=t[i]}),__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 i in e)"default"!==i&&Object.prototype.hasOwnProperty.call(e,i)&&__createBinding(t,e,i);return __setModuleDefault(t,e),t},__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=exports.ThemeProviders=void 0;const styled_components_1=require("styled-components"),react_1=__importStar(require("react")),markdoc_1=require("@markdoc/markdoc"),theme_1=require("@redocly/theme"),recoil_1=require("@redocly/recoil"),nexus_1=__importDefault(require("../../recoil/nexus")),services_1=require("../../services"),utils_1=require("./utils"),utils_2=require("../../utils"),Loading_1=require("../Loading"),constants_1=require("../../constants"),SecurityRequirement_1=require("../SecurityRequirement"),SchemaDefinition_1=require("../SchemaDefinition"),pluggable_1=require("../pluggable"),app_1=require("../../recoil/app"),store_1=require("../../recoil/store"),operation_1=require("../../recoil/operation"),ThemeProviders=({options:e,children:t,customOptions:i={}})=>{const r=Object.assign(Object.assign({},e),i),n=(0,react_1.useMemo)((()=>({mediaQueries:r.mediaQueries,showAtBreakpoint:r.showAtBreakpoint})),[r.mediaQueries,r.showAtBreakpoint]);return react_1.default.createElement(styled_components_1.ThemeProvider,{theme:n},t)};exports.ThemeProviders=ThemeProviders;const AppProvider=({definitions:e,options:t,definitionUrl:i,definition:r,activeSampleLanguage:n,children:o})=>{const[,a]=(0,react_1.useState)(),[s,l]=(0,react_1.useState)(!0),[u,c]=(0,react_1.useState)(null);(0,react_1.useEffect)((()=>{!function(){__awaiter(this,void 0,void 0,(function*(){l(!0);try{c(e?yield(0,utils_1.loadMany)(e):yield(0,utils_1.loadSingle)(r,i,t))}catch(e){a((()=>{throw e}))}}))}()}),[e,r,i,t]);const d=(0,react_1.useMemo)((()=>{var e,r,o;if(u)return(null===(e=null==t?void 0:t.hooks)||void 0===e?void 0:e.onInit)&&(null===(o=null===(r=t.hooks)||void 0===r?void 0:r.onInit)||void 0===o||o.call(r,{store:{definition:u,options:t,definitionUrl:i,activeSampleLanguage:n}})),{definition:u,options:t,definitionUrl:i,activeSampleLanguage:n}}),(0,utils_1.useDeepCompareMemoize)([u,t,i]));return(0,react_1.useEffect)((()=>{d&&l(!1)}),[d]),d?s?(0,utils_2.argValueToBoolean)(null==t?void 0:t.hideLoading,!1)?null:react_1.default.createElement(Loading_1.Loading,{color:"--loading-spinner-color"}):react_1.default.isValidElement(o)?react_1.default.cloneElement(o,{store:d}):null:null};exports.AppProvider=AppProvider;const DEFAULT_OPTIONS={ignoreNamedSchemas:["java.io.ObjectStreamField"],breakpoints:constants_1.defaultTheme.breakpoints,showAtBreakpoint:constants_1.defaultTheme.showAtBreakpoint,allowedMdComponents:{tags:{securityDefinitions:{render:"SecurityDefinitions",attributes:{htmlWrap:{type:String,default:!0}}},redocResponse:{render:"RedocResponse",attributes:{pointer:{type:String},hideSamples:{type:Boolean},htmlWrap:{type:String,default:!1}}},pullRight:{render:"PullRight",attributes:{htmlWrap:{type:String,default:!1}}},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:{SecurityDefinitions:SecurityRequirement_1.SecurityDefs,SchemaDefinition:SchemaDefinition_1.SchemaDefinition,RedocResponse:pluggable_1.RedocResponse,PullRight:pluggable_1.PullRight,Heading:theme_1.Heading}}};exports.StoreProvider=(0,react_1.memo)((({children:e,options:t,definitionUrl:i,definition:r,activeSampleLanguage:n,portalOptions:o})=>{const a=react_1.default.useRef(),s=react_1.default.useCallback((()=>{var e;const n=(0,services_1.normalizeOptions)(Object.assign({},t),DEFAULT_OPTIONS),o=isVersioned(r)?(null===(e=r.versions)||void 0===e?void 0:e.map((({spec:e,id:t,title:i,url:r},o)=>{if(e){const a=t||`Definition_${o}`;return{id:a,title:i||`Definition_${o}`,url:r,parser:new services_1.OpenAPIParser(e,void 0,Object.assign(Object.assign({},n),{versionId:a}))}}})).filter(Boolean))||[]:[{url:i,parser:new services_1.OpenAPIParser(r,i,n)}];return{options:n,versions:o}}),[r,i,t]);return(0,react_1.useEffect)((()=>{a.current&&setTimeout((()=>{a.current(store_1.globalStore,s())}),0)}),[s,r]),react_1.default.createElement(recoil_1.RecoilRoot,{initializeState:({set:e})=>{a.current=e;const t=s(),i=t.options,r=JSON.parse((0,utils_2.fromLocalStorage)("appLocalStore")||"{}"),l=JSON.parse((0,utils_2.fromSessionStorage)("appSessionStore")||"{}");if(e(app_1.appSessionStore,{showRightPanelToggle:l.showRightPanelToggle||i.showRightPanelToggle,activeVersionIdx:0}),e(app_1.appLocalStore,{layout:r.layout||i.layout,activeSampleLanguage:n||r.activeSampleLanguage||i.defaultSampleLanguage}),e(store_1.globalStore,t),e(app_1.appStore,{isSidebarOpened:!1,tryItOperation:void 0,isLoading:!1,activeMimeName:(null==o?void 0:o.defaultMimeType)||"",menuNextLinks:[]}),null==o?void 0:o.operation){const{pointer:t,activeExampleName:i,activeServer:r}=o.operation;e((0,operation_1.operationStore)(t),{activeExampleName:i,activeOneOf:0,activeServer:r,requestValues:{}})}},key:(null==o?void 0:o.definitionId)||"openapi"},react_1.default.createElement(nexus_1.default,null),e)}));const isVersioned=e=>"versions"in e;
+"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]})}));
 //# sourceMappingURL=Providers.js.map

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

@@ -1,4 +1,4 @@
-import type { PropsWithChildren } from 'react';
+import type { PropsWithChildren, ReactElement } from 'react';
 import type { RedoclyOpenAPIDocsProps, RedoclyOpenAPIDocsStandaloneProps } from './types';
-export declare function RedoclyOpenAPIDocs({ onLoaded, children, store, }: PropsWithChildren<Partial<RedoclyOpenAPIDocsProps>>): JSX.Element | null;
-export declare function RedoclyOpenAPIDocsStandalone({ definition, definitionUrl, options, activeItemId, activeSampleLanguage, activeDeepLink, }: RedoclyOpenAPIDocsStandaloneProps): JSX.Element;
+export declare function RedoclyOpenAPIDocs({ onLoaded, children, store, withCommonStyles, }: PropsWithChildren<Partial<RedoclyOpenAPIDocsProps>>): import("react/jsx-runtime").JSX.Element | null;
+export declare function RedoclyOpenAPIDocsStandalone({ definition, definitionUrl, options, activeItemId, activeSampleLanguage, activeDeepLink, }: RedoclyOpenAPIDocsStandaloneProps): ReactElement;

package/lib/components/RedoclyOpenAPIDocs/RedoclyOpenAPIDocs.js

@@ -1,2 +1,2 @@
-"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};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RedoclyOpenAPIDocsStandalone=exports.RedoclyOpenAPIDocs=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),recoil_1=require("@redocly/recoil"),Search_1=require("../Search"),Providers_1=require("./Providers"),Overlay_1=require("../Overlay"),VersionSwitcher_1=require("../VersionSwitcher"),styled_1=require("./styled"),StickySidebar_1=require("../StickySidebar"),ErrorBoundary_1=require("../ErrorBoundary"),SideMenu_1=require("../SideMenu"),ContentItems_1=require("../ContentItems"),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:t,children:r,options:o,versions:n,layout:i,showRightPanelToggle:a,activeVersionIdx:l,onChangeActiveVersion:c,collapsedSidebar:d,parser:s})=>{var u,_,f,p,m;const h=(0,recoil_1.useStoreRef)();globalThis.__redoclyPostSsrCleanUp=()=>{if(!h.current)return;const e=h.current;(0,recoil_1.releaseStore)(e)};const v=(0,react_1.useRef)(null),{isValid:y,licenseInfo:S}=(0,useLicense_1.useLicense)(e);(0,theme_1.useMount)((()=>{null==t||t()}));const{disableSidebar:b,whiteLabel:E,hideLogo:g,hideFab:P,scrollYOffset:O}=o||{},{flatItems:I,contentItems:R}=(0,hooks_1.useContentItems)({parser:s,options:o}),L=null===(_=null===(u=s.definition)||void 0===u?void 0:u.info)||void 0===_?void 0:_["x-logo"];return react_1.default.createElement(Providers_1.ThemeProviders,{options:o},react_1.default.createElement(theme_1.GlobalStyle,null),react_1.default.createElement(styled_1.RedocWrapStyled,{className:"redoc-wrap",ref:v},!y&&react_1.default.createElement(Overlay_1.Overlay,{licenseInfo:S}),react_1.default.createElement(styled_1.CssFixes,{whiteLabel:E,showRightPanelToggle:a,layout:i}),!b&&react_1.default.createElement(StickySidebar_1.StickyResponsiveSidebar,{hideFab:P,scrollYOffset:O,className:"menu-content",collapsedSidebar:!d},!g&&react_1.default.createElement(theme_1.SidebarLogo,{imageUrl:null==L?void 0:L.url,href:(null==L?void 0:L.href)||(null===(m=null===(p=null===(f=s.definition)||void 0===f?void 0:f.info)||void 0===p?void 0:p.contact)||void 0===m?void 0:m.url),altText:null==L?void 0:L.altText,backgroundColor:null==L?void 0:L.backgroundColor}),n.length>1&&react_1.default.createElement(VersionSwitcher_1.VersionSwitcher,{versions:n,activeVersionIdx:l,onChange:c}),react_1.default.createElement(Search_1.Search,{contentItems:R,flatItems:I,options:o}),react_1.default.createElement(SideMenu_1.SideMenu,{items:y?R:[]})),react_1.default.createElement(styled_1.ApiContentWrap,{className:"api-content",id:"api-content",layout:i===theme_1.LayoutVariant.THREE_PANEL&&a?theme_1.LayoutVariant.THREE_PANEL:theme_1.LayoutVariant.STACKED,collapsedSidebar:d},a&&i!==theme_1.LayoutVariant.STACKED&&react_1.default.createElement(styled_1.BackgroundStub,null),react_1.default.createElement(ContentItems_1.ContentItems,{root:!0,items:y?R:[]}),r),a&&i!==theme_1.LayoutVariant.STACKED&&react_1.default.createElement(styled_1.BackgroundStubFix,null)))}));function RedoclyOpenAPIDocs({onLoaded:e,children:t,store:r}){var o,n,i;return(null==r?void 0:r.definition)?react_1.default.createElement(Providers_1.StoreProvider,Object.assign({},r),react_1.default.createElement(RedoclyOpenAPIDocsComponent,{onLoaded:e,basePath:null===(o=r.options)||void 0===o?void 0:o.routingBasePath,licenseKey:null===(n=r.options)||void 0===n?void 0:n.licenseKey,enableRouter:null===(i=r.options)||void 0===i?void 0:i.enableRouter,portalOptions:null==r?void 0:r.portalOptions},t)):null}function RedoclyOpenAPIDocsStandalone({definition:e,definitionUrl:t,options:r={},activeItemId:o,activeSampleLanguage:n,activeDeepLink:i}){const a=react_1.default.createElement(Providers_1.AppProvider,{definition:e,definitionUrl:t,options:r,activeItemId:o,activeSampleLanguage:n,activeDeepLink:i},react_1.default.createElement(RedoclyOpenAPIDocs,null));return r.disableErrorBoundary?a:react_1.default.createElement(ErrorBoundary_1.ErrorBoundary,null,a)}exports.RedoclyOpenAPIDocs=RedoclyOpenAPIDocs,exports.RedoclyOpenAPIDocsStandalone=RedoclyOpenAPIDocsStandalone;
+"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;
 //# sourceMappingURL=RedoclyOpenAPIDocs.js.map

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

@@ -1,4 +1,4 @@
 export { RedoclyOpenAPIDocs, RedoclyOpenAPIDocsStandalone } from './RedoclyOpenAPIDocs';
-export { ThemeProviders, AppProvider, StoreProvider } from './Providers';
+export { AppProvider, StoreProvider } from './Providers';
 export * from './types';
-export { fixSpec, loadMany, loadSingle, loadAndBundleSpecOrMd, loadSpecs, useDeepCompareMemoize, getMarkdownHeaderId, } from './utils';
+export { fixSpec, loadSingle, loadAndBundleSpecOrMd, useDeepCompareMemoize, getMarkdownHeaderId, } from './utils';

package/lib/components/RedoclyOpenAPIDocs/index.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,o){void 0===o&&(o=t);var n=Object.getOwnPropertyDescriptor(r,t);n&&!("get"in n?!r.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,o,n)}:function(e,r,t,o){void 0===o&&(o=t),e[o]=r[t]}),__exportStar=this&&this.__exportStar||function(e,r){for(var t in e)"default"===t||Object.prototype.hasOwnProperty.call(r,t)||__createBinding(r,e,t)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.getMarkdownHeaderId=exports.useDeepCompareMemoize=exports.loadSpecs=exports.loadAndBundleSpecOrMd=exports.loadSingle=exports.loadMany=exports.fixSpec=exports.StoreProvider=exports.AppProvider=exports.ThemeProviders=exports.RedoclyOpenAPIDocsStandalone=exports.RedoclyOpenAPIDocs=void 0;var RedoclyOpenAPIDocs_1=require("./RedoclyOpenAPIDocs");Object.defineProperty(exports,"RedoclyOpenAPIDocs",{enumerable:!0,get:function(){return RedoclyOpenAPIDocs_1.RedoclyOpenAPIDocs}}),Object.defineProperty(exports,"RedoclyOpenAPIDocsStandalone",{enumerable:!0,get:function(){return RedoclyOpenAPIDocs_1.RedoclyOpenAPIDocsStandalone}});var Providers_1=require("./Providers");Object.defineProperty(exports,"ThemeProviders",{enumerable:!0,get:function(){return Providers_1.ThemeProviders}}),Object.defineProperty(exports,"AppProvider",{enumerable:!0,get:function(){return Providers_1.AppProvider}}),Object.defineProperty(exports,"StoreProvider",{enumerable:!0,get:function(){return Providers_1.StoreProvider}}),__exportStar(require("./types"),exports);var utils_1=require("./utils");Object.defineProperty(exports,"fixSpec",{enumerable:!0,get:function(){return utils_1.fixSpec}}),Object.defineProperty(exports,"loadMany",{enumerable:!0,get:function(){return utils_1.loadMany}}),Object.defineProperty(exports,"loadSingle",{enumerable:!0,get:function(){return utils_1.loadSingle}}),Object.defineProperty(exports,"loadAndBundleSpecOrMd",{enumerable:!0,get:function(){return utils_1.loadAndBundleSpecOrMd}}),Object.defineProperty(exports,"loadSpecs",{enumerable:!0,get:function(){return utils_1.loadSpecs}}),Object.defineProperty(exports,"useDeepCompareMemoize",{enumerable:!0,get:function(){return utils_1.useDeepCompareMemoize}}),Object.defineProperty(exports,"getMarkdownHeaderId",{enumerable:!0,get:function(){return utils_1.getMarkdownHeaderId}});
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,t,o){void 0===o&&(o=t);var n=Object.getOwnPropertyDescriptor(r,t);n&&!("get"in n?!r.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(e,o,n)}:function(e,r,t,o){void 0===o&&(o=t),e[o]=r[t]}),__exportStar=this&&this.__exportStar||function(e,r){for(var t in e)"default"===t||Object.prototype.hasOwnProperty.call(r,t)||__createBinding(r,e,t)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.getMarkdownHeaderId=exports.useDeepCompareMemoize=exports.loadAndBundleSpecOrMd=exports.loadSingle=exports.fixSpec=exports.StoreProvider=exports.AppProvider=exports.RedoclyOpenAPIDocsStandalone=exports.RedoclyOpenAPIDocs=void 0;var RedoclyOpenAPIDocs_1=require("./RedoclyOpenAPIDocs");Object.defineProperty(exports,"RedoclyOpenAPIDocs",{enumerable:!0,get:function(){return RedoclyOpenAPIDocs_1.RedoclyOpenAPIDocs}}),Object.defineProperty(exports,"RedoclyOpenAPIDocsStandalone",{enumerable:!0,get:function(){return RedoclyOpenAPIDocs_1.RedoclyOpenAPIDocsStandalone}});var Providers_1=require("./Providers");Object.defineProperty(exports,"AppProvider",{enumerable:!0,get:function(){return Providers_1.AppProvider}}),Object.defineProperty(exports,"StoreProvider",{enumerable:!0,get:function(){return Providers_1.StoreProvider}}),__exportStar(require("./types"),exports);var utils_1=require("./utils");Object.defineProperty(exports,"fixSpec",{enumerable:!0,get:function(){return utils_1.fixSpec}}),Object.defineProperty(exports,"loadSingle",{enumerable:!0,get:function(){return utils_1.loadSingle}}),Object.defineProperty(exports,"loadAndBundleSpecOrMd",{enumerable:!0,get:function(){return utils_1.loadAndBundleSpecOrMd}}),Object.defineProperty(exports,"useDeepCompareMemoize",{enumerable:!0,get:function(){return utils_1.useDeepCompareMemoize}}),Object.defineProperty(exports,"getMarkdownHeaderId",{enumerable:!0,get:function(){return utils_1.getMarkdownHeaderId}});
 //# sourceMappingURL=index.js.map

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

@@ -1,13 +1,5 @@
-import { LayoutVariant } from '@redocly/theme';
 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 ApiContentWrap: import("styled-components").StyledComponent<"div", any, {
-    layout?: LayoutVariant | undefined;
-    collapsedSidebar?: boolean | undefined;
-}, never>;
-export declare const BackgroundStub: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BackgroundStubFix: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const RedocWrapStyled: 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,7 +1,8 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,i){void 0===i&&(i=a);var o=Object.getOwnPropertyDescriptor(t,a);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,i,o)}: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.RedocWrapStyled=exports.BackgroundStubFix=exports.BackgroundStub=exports.ApiContentWrap=exports.RedocWrap=void 0;const theme_1=require("@redocly/theme"),styled_components_1=__importStar(require("styled-components")),panels_1=require("../common/panels"),MiddlePanelWrapper_1=require("../Panel/MiddlePanelWrapper");exports.RedocWrap=styled_components_1.default.div`
+"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`
   display: flex;
   position: relative;
   text-align: left;
+  background-color: var(--bg-color);
   tap-highlight-color: rgba(0, 0, 0, 0);
   text-size-adjust: 100%;
   text-rendering: var(--text-rendering, auto) !important;
@@ -10,142 +11,41 @@
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
   font-weight: var(--font-weight-regular);
-  color: var(--text-base);
+  color: var(--text-color-primary);
   -webkit-font-text-smoothing: var(--text-smoothing);
 
   * {
     box-sizing: border-box;
     -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   }
-`,exports.ApiContentWrap=styled_components_1.default.div`
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  margin: 0 auto;
-  width: 100%;
-
-  ${({layout:e=theme_1.LayoutVariant.THREE_PANEL,theme:t,collapsedSidebar:a})=>styled_components_1.css`
-      max-width: ${e===theme_1.LayoutVariant.THREE_PANEL?"100%":""};
-
-      ${t.mediaQueries.small} {
-        width: ${a?"var(--layout-${layout}-small-max-width)":"calc(100% - var(--sidebar-width))"};
-        max-width: var(--layout-${e}-small-max-width);
-      }
-
-      ${t.mediaQueries.medium} {
-        max-width: var(--layout-${e}-medium-max-width);
-      }
-
-      ${t.mediaQueries.large} {
-        max-width: var(--layout-${e}-large-max-width);
-      }
-
-      ${t.mediaQueries.print} {
-        width: 100%;
-        padding: 0;
-      }
-    `};
-`,exports.BackgroundStub=styled_components_1.default.div`
-  position: absolute;
-  display: none;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  left: 0;
-  background: var(--panel-samples-block-background-color);
-
-  ${({theme:e})=>styled_components_1.css`
-    ${e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
-      display: initial;
-      left: calc(100% - var(--panel-samples-width));
-    }
-
-    ${e.mediaQueries.print} {
-      display: none;
-    }
-  `}
-`;const getBackgroundStubFixWidth=e=>styled_components_1.css`
-  width: calc(
-    (
-        100% - min(100% - var(--sidebar-width) - var(--layout-controls-width), var(${e})) -
-          var(--sidebar-width) + var(--layout-controls-width)
-      ) / 2 - 4px /* -4px fix overlap for panels */
-  );
-`;exports.BackgroundStubFix=styled_components_1.default.div`
-  position: absolute;
-  display: none;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  background: var(--panel-samples-block-background-color);
-  width: 0;
-
-  ${({theme:e})=>styled_components_1.css`
-    ${e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
-      display: initial;
-      ${getBackgroundStubFixWidth("--layout-three-panel-medium-max-width")};
-    }
-
-    ${e.mediaQueries.large} {
-      ${getBackgroundStubFixWidth("--layout-three-panel-large-max-width")};
-    }
-
-    ${e.mediaQueries.print} {
-      display: none;
-    }
-  `}
-`,exports.RedocWrapStyled=(0,styled_components_1.default)(exports.RedocWrap)`
-  background-color: var(--background-color);
 `;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`
-  div[data-section-id]::after {
-    content: " ";
-    display: block;
-    height: 0;
-    clear: both;
-    visibility: hidden;
-  }
-
-  ${panels_1.SamplesPanel} {
+  ${common_1.SamplesPanel} {
     ${({layout:e})=>{if(e===theme_1.LayoutVariant.STACKED)return styled_components_1.css`
           width: 100%;
-          padding-left: var(--spacing-horizontal);
-        `}}
-    ${({showRightPanelToggle:e})=>{if(!e)return styled_components_1.css`
-          ${({theme:e})=>e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
-            display: none;
-          }
-        `}}
-  }
-
-  ${exports.BackgroundStub}, ${exports.BackgroundStubFix} {
-    ${({showRightPanelToggle:e,layout:t})=>{if(!e&&t===theme_1.LayoutVariant.STACKED)return styled_components_1.css`
-          ${({theme:e})=>e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
-            display: none;
-          }
+          padding-left: var(--panel-gap-horizontal);
         `}}
   }
 
-  ${panels_1.SamplesMiddlePanel}, ${MiddlePanelWrapper_1.MiddlePanelWrapper} {
-    ${({showRightPanelToggle:e,layout:t})=>e&&t===theme_1.LayoutVariant.THREE_PANEL?styled_components_1.css`
+  ${common_1.SamplesMiddlePanel} {
+    ${({layout:e})=>e===theme_1.LayoutVariant.THREE_PANEL?styled_components_1.css`
           margin: 0;
-          ${({theme:e})=>e.mediaQueries.small} {
+          @media screen and (min-width: ${theme_1.breakpoints.small}) {
             ${(0,exports.getMarginFixesByName)("--layout-panel-schemas-small-max-width")};
           }
-          ${({theme:e})=>e.mediaQueries.medium} {
+          @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")};
           }
-          ${({theme:e})=>e.mediaQueries.large} {
+          @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")};
           }
-        `:t!==theme_1.LayoutVariant.STACKED&&e?void 0:styled_components_1.css`
+        `:e===theme_1.LayoutVariant.STACKED?styled_components_1.css`
           width: 100%;
-          padding-right: var(--spacing-horizontal);
-        `};
+          padding-right: var(--panel-gap-horizontal);
+        `:void 0};
   }
 `;
 //# sourceMappingURL=styled.js.map

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

@@ -1,49 +1,34 @@
-/// <reference types="react" />
 import type { LayoutVariant } from '@redocly/theme';
-import type { CodeSampleConfig, Options, RawOptions, SpecVersions } from '../../services';
-import type { MediaQueries } from '../../utils';
+import type { CodeSampleConfig } from '../../services';
+import type { RedocConfig } from '@redocly/config';
 import type { OpenAPIDefinition } from '../../types';
 import type { RoutingProps, StoreProps } from '../../hoc/types';
-import type { OperationModel } from '../../models';
-export interface ResolvedTheme {
-    mediaQueries: Omit<MediaQueries, 'print'>;
-    showAtBreakpoint: {
-        sidebar: keyof Omit<MediaQueries, 'print'>;
-        samplesPanel: keyof Omit<MediaQueries, 'print'>;
-    };
-}
+import type { OperationStore } from '../../jotai/operation';
 export interface RedoclyOpenAPIDocsProps extends RoutingProps, StoreProps {
     onLoaded?: () => void;
     store?: StoreProviderProps;
     licenseKey?: string;
+    withCommonStyles?: boolean;
 }
 export interface StoreProviderProps {
-    options?: RawOptions;
-    definition: OpenAPIDefinition | SpecVersions;
+    options?: RedocConfig;
+    definition: OpenAPIDefinition;
     definitionUrl?: string;
-    activeSampleLanguage?: string;
-    portalOptions?: {
-        defaultMimeType?: string;
-        operation?: OperationModel;
+    withState?: {
+        environment?: string;
+        activeMimeName?: string;
+        environments?: Record<string, Record<string, string>>;
         layout?: LayoutVariant;
-        showRightPanelToggle?: boolean;
-        definitionId?: string;
+        operation?: {
+            pointer: string;
+            state: Partial<OperationStore>;
+        };
     };
 }
-export interface ProvidersProps {
-    options: Options;
-    children: React.ReactNode;
-    customOptions?: Partial<Options>;
-}
-export interface RedoclyOpenAPIDocsMultiStandaloneProps {
-    definitions: SpecVersions;
-    options?: RawOptions;
-}
 export interface AppProviderProps {
     definitionUrl?: string;
     definition?: GenericObject;
-    definitions?: SpecVersions;
-    options?: RawOptions;
+    options?: RedocConfig;
     activeItemId?: string;
     activeSampleLanguage?: CodeSampleConfig['lang'] | string;
     activeDeepLink?: string;
@@ -54,13 +39,11 @@ export interface AppProviderProps {
 export interface RedoclyOpenAPIDocsStandaloneProps {
     definition?: GenericObject;
     definitionUrl?: string;
-    options?: RawOptions;
+    options?: RedocConfig;
     activeItemId?: string;
     activeSampleLanguage?: CodeSampleConfig['lang'];
     activeDeepLink?: string;
 }
 export interface CssFixesProps {
-    whiteLabel: boolean;
-    showRightPanelToggle: boolean;
     layout: LayoutVariant;
 }

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

@@ -1,10 +1,8 @@
 import type { DependencyList } from 'react';
 import type { OpenAPIDefinition } from '../../types';
-import type { RawOptions, SpecVersions } from '../../services';
+import type { RedocConfig } from '@redocly/config';
 export declare function fixSpec(resolvedSpec: OpenAPIDefinition): void;
-export declare function loadMany(specs: any): Promise<any>;
-export declare function loadSingle(spec: any, specUrl: any, options?: RawOptions): Promise<OpenAPIDefinition>;
+export declare function loadSingle(spec: any, specUrl: any, options?: RedocConfig): Promise<OpenAPIDefinition>;
 export declare function loadAndBundleSpecOrMd(url: string, title?: string): Promise<OpenAPIDefinition>;
-export declare function loadSpecs({ versions }: SpecVersions): Promise<void>;
 export declare function useDeepCompareMemoize(value: DependencyList): Array<number>;
-export declare function getMarkdownHeaderId(children: any): any;
+export declare function getMarkdownHeaderId(children: any): string | undefined;

package/lib/components/RedoclyOpenAPIDocs/utils.js

@@ -1,2 +1,2 @@
-"use strict";var __awaiter=this&&this.__awaiter||function(e,n,t,o){return new(t||(t=Promise))((function(r,i){function d(e){try{s(o.next(e))}catch(e){i(e)}}function a(e){try{s(o.throw(e))}catch(e){i(e)}}function s(e){var n;e.done?r(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(d,a)}s((o=o.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.loadSpecs=exports.loadAndBundleSpecOrMd=exports.loadSingle=exports.loadMany=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 loadMany(e){return __awaiter(this,void 0,void 0,(function*(){return yield loadSpecs(e||{}),e}))}function loadSingle(e,n,t){return __awaiter(this,void 0,void 0,(function*(){let o;if(null==t?void 0:t.skipBundleAndConvert){if(!e)throw new Error('spec must be specified when using "skipBundleAndConvert"');o=e}else o=yield(0,loadAndBundleSpec_1.loadAndBundleDefinition)(e||n);const r=null==t?void 0:t.unstable_externalDescription;if(r)try{const e=yield fetch(r);o.info.description=yield e.text()}catch(e){console.warn(`Failed to load external description from ${r}: ${e.message}`)}try{fixSpec(o)}catch(e){}return o}))}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 loadSpecs({versions:e}){return __awaiter(this,void 0,void 0,(function*(){if(Array.isArray(e))for(const n of e)n.url&&(n.spec=yield loadAndBundleSpecOrMd(n.url))}))}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.loadMany=loadMany,exports.loadSingle=loadSingle,exports.loadAndBundleSpecOrMd=loadAndBundleSpecOrMd,exports.loadSpecs=loadSpecs,exports.useDeepCompareMemoize=useDeepCompareMemoize,exports.getMarkdownHeaderId=getMarkdownHeaderId;
+"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;
 //# sourceMappingURL=utils.js.map

package/lib/components/RenderHook/RenderHook.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import type { ReactElement } from 'react';
 import type { HookConfig } from '../../services';
 import type { SchemaModel } from '../../models';
 export declare function RenderHook<T>(props: {
     Hook?: HookConfig<T>;
     props: T;
-}): JSX.Element | null;
-export declare function getAccessModeLabelText(schema: SchemaModel, showAccessMode: boolean): string | null;
+}): ReactElement | null;
+export declare function getAccessModeLabelText(schema: SchemaModel): string | null;

package/lib/components/RenderHook/RenderHook.js

@@ -1,2 +1,2 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.getAccessModeLabelText=exports.RenderHook=void 0;const react_1=__importDefault(require("react"));function RenderHook(e){if(!e.Hook)return null;const t=e.Hook(e.props),o=t&&t.html;return o?react_1.default.createElement("span",{dangerouslySetInnerHTML:{__html:o}}):t}function getAccessModeLabelText(e,t){return t&&(e.readOnly?"read-only":e.writeOnly&&"write-only")||null}exports.RenderHook=RenderHook,exports.getAccessModeLabelText=getAccessModeLabelText;
+"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;
 //# sourceMappingURL=RenderHook.js.map

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { OpenAPIDefinition } from '../../types';
+import type { OperationModel } from '../../models';
+export type ReplayProps = {
+    operation: OperationModel;
+    corsProxyUrl?: string;
+    fullOpenApi?: OpenAPIDefinition;
+};
+declare function EmbeddedReplayComponent({ operation, corsProxyUrl, fullOpenApi }: ReplayProps): import("react/jsx-runtime").JSX.Element;
+export declare const EmbeddedReplay: import("react").MemoExoticComponent<typeof EmbeddedReplayComponent>;
+export {};

package/lib/components/Replay/EmbeddedReplay.js

@@ -0,0 +1,11 @@
+"use strict";var __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"),replay_1=require("@redocly/replay"),utils_1=require("./utils"),store_1=require("../../jotai/store"),operation_1=require("../../jotai/operation"),app_1=require("../../jotai/app");function EmbeddedReplayComponent({operation:e,corsProxyUrl:r,fullOpenApi:t}){const{routingBasePath:o,mockServer:a}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),i=(0,jotai_1.useAtomValue)((0,operation_1.operationStore)(e.pointer)),n=(0,jotai_1.useAtomValue)(app_1.appStore),p=(0,jotai_1.useAtomValue)(app_1.environmentsAtom),[s,l]=(0,react_1.useState)(!1);return(0,react_1.useEffect)((()=>{l(!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:"Loading..."}),children:(0,jsx_runtime_1.jsx)(replay_1.EmbeddedReplay,{value:(0,utils_1.convertOperationToReplayValue)(e,t,i,n),environment:n.environment,predefinedEnvValues:p,corsProxyUrl:r,operationUrl:o+e.href,mockServer:a})}):(0,jsx_runtime_1.jsx)(LoadingWrapper,{children:"Loading..."})})}exports.EmbeddedReplay=(0,react_1.memo)(EmbeddedReplayComponent);const LoadingWrapper=styled_components_1.default.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 100px;
+`,CompactWrapper=styled_components_1.default.div`
+  border: 1px solid var(--border-color-primary);
+  border-radius: var(--border-radius-lg);
+  padding: 0;
+`;
+//# sourceMappingURL=EmbeddedReplay.js.map

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { OperationModel } from '../../models';
+import type { OpenAPIDefinition } from '../../types';
+type ReplayProps = {
+    operation: OperationModel;
+    corsProxyUrl?: string;
+    fullOpenApi?: OpenAPIDefinition;
+};
+export declare const Replay: import("react").NamedExoticComponent<ReplayProps>;
+export {};

package/lib/components/Replay/Replay.js

@@ -0,0 +1,14 @@
+"use strict";var __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"),replay_1=require("@redocly/replay"),store_1=require("../../jotai/store"),replay_2=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 o,a;const n=(0,react_1.useRef)(null),{routingBasePath:i,mockServer:s,oAuth2RedirectURI:_}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),{parser:l}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),[u,p]=(0,react_1.useState)(!1),[c,m]=(0,jotai_1.useAtom)(replay_2.replayStateAtom),[,d]=(0,jotai_1.useAtom)(app_1.unsupportedFeatureScreenAtom),j=(0,jotai_1.useSetAtom)((0,operation_1.operationStore)(e.pointer)),[A,v]=(0,jotai_1.useAtom)(app_1.activeMimeNameAtom),[[,x],y]=(0,jotai_1.useAtom)(app_1.environmentAtom);(0,theme_1.useFocusTrap)(n);const h=(0,react_1.useCallback)((({requestValues:e,activeExampleName:t,activeMimeName:r,environment:o,environments:a})=>{j((r=>Object.assign(Object.assign({},r),{requestValues:e,activeExampleName:t}))),v(r||A),y({environment:o,environments:a})}),[j,v,A,y]),f=()=>{(0,utils_1.isMobile)({tablet:!0})?d(!0):(c!==constants_1.LOADING_STATE.LOADING&&p(!u),c===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:f,variant:"primary",iconPosition:"left",icon:c===constants_1.LOADING_STATE.LOADING?(0,jsx_runtime_1.jsx)(theme_1.CircleDashIcon,{}):(0,jsx_runtime_1.jsx)(theme_1.RocketIcon,{}),children:c===constants_1.LOADING_STATE.LOADING?"Loading...":"Try it"}),u&&(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:n,children:(0,jsx_runtime_1.jsx)(replay_1.ReplayOverlay,{value:(0,utils_2.convertOperationToReplayValue)(e,r),onRequestChange:h,onClose:f,corsProxyUrl:t,operationUrl:i+e.href,onLoad:()=>m(constants_1.LOADING_STATE.LOADED),mockServer:s,environment:x,apiId:null===(a=null===(o=null==l?void 0:l.definition.info)||void 0===o?void 0:o["x-metadata"])||void 0===a?void 0:a.apiId,oAuth2RedirectURI:_})})})})]})}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;
+  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/index.d.ts

@@ -0,0 +1,2 @@
+export { Replay } from './Replay';
+export { EmbeddedReplay } from './EmbeddedReplay';

package/lib/components/Replay/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.EmbeddedReplay=exports.Replay=void 0;var Replay_1=require("./Replay");Object.defineProperty(exports,"Replay",{enumerable:!0,get:function(){return Replay_1.Replay}});var EmbeddedReplay_1=require("./EmbeddedReplay");Object.defineProperty(exports,"EmbeddedReplay",{enumerable:!0,get:function(){return EmbeddedReplay_1.EmbeddedReplay}});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,14 @@
+import type { OperationModel, SecurityRequirement } from '../../models';
+import type { OpenAPIDefinition } from '../../types';
+import type { OperationStore } from '../../jotai/operation';
+import type { AppStore } from '../../jotai/app';
+export declare function convertOperationToReplayValue(operation: OperationModel, fullOpenApi?: OpenAPIDefinition, operationState?: OperationStore, appState?: AppStore): {
+    name: string;
+    method: string;
+    parameters: any[];
+    body: any;
+    path: string;
+    servers: import("../../types").OpenAPIServer[];
+    security: any[] | undefined;
+};
+export declare function convertRequestSecurity(security?: SecurityRequirement[]): any[] | undefined;

package/lib/components/Replay/utils.js

@@ -0,0 +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.flatMap((({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;
+//# sourceMappingURL=utils.js.map

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

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

package/lib/components/Request/RequestDetails.js

@@ -0,0 +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`
+  width: 100%;
+`;exports.RequestDetails=(0,react_1.memo)(RequestDetailsComponent);
+//# sourceMappingURL=RequestDetails.js.map

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

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

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { MediaContentModel } from '../../models';
+interface BodyContentProps {
+    content: MediaContentModel;
+    description?: string | GenericObject;
+    required?: boolean;
+    deepLink?: string;
+}
+export declare const Body: import("react").NamedExoticComponent<BodyContentProps>;
+export {};

package/lib/components/RequestParameters/Body.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Body=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),BodyContent_1=require("../common/BodyContent");function BodyComponent({content:e,description:t,required:n,deepLink:o}){return(0,jsx_runtime_1.jsx)(BodyContent_1.BodyContent,{content:e,required:n,description:t,skipReadOnly:e.isRequestType,skipWriteOnly:!e.isRequestType,deepLink:o})}exports.Body=(0,react_1.memo)(BodyComponent);
+//# sourceMappingURL=Body.js.map