@redocly/openapi-docs 0.74.2-pingfed.3 → 0.81.2-rc.2

package/lib-esm/components/PropertyDetails/Extensions.js

@@ -0,0 +1,4 @@
+import{jsxs as _jsxs,jsx as _jsx,Fragment as _Fragment}from"react/jsx-runtime";import{memo}from"react";import styled from"styled-components";import{useAtomValue}from"jotai";import{Markdown as MarkdownWrapper}from"@redocly/theme";import{ExtensionValue,FieldLabel}from"../common";import{globalOptionsAtom}from"../../jotai/store";const Container=styled(MarkdownWrapper)`
+  margin: 2px 0;
+`;function ExtensionsComponent({extensions:o}){const{showExtensions:e}=useAtomValue(globalOptionsAtom);return e?_jsx(_Fragment,{children:Object.keys(o).map((e=>_jsxs(Container,{children:[_jsxs(FieldLabel,{children:[e.substring(2),": "]})," ",_jsx(ExtensionValue,{children:"string"==typeof o[e]?o[e]:JSON.stringify(o[e])})]},e)))}):null}export const Extensions=memo(ExtensionsComponent);
+//# sourceMappingURL=Extensions.js.map

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

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

package/lib-esm/components/PropertyDetails/FieldDetail.js

@@ -0,0 +1,8 @@
+import{jsxs as _jsxs,jsx as _jsx}from"react/jsx-runtime";import{memo}from"react";import styled from"styled-components";import{ExampleValue,FieldLabel,DefaultValue,FieldValueLabel}from"../common";import{Markdown}from"../Markdown";function FieldDetailComponent({value:e,label:l,raw:a}){if(void 0===e)return null;const r=a?String(e):JSON.stringify(e);return _jsxs(Wrapper,{children:[_jsxs(FieldLabel,{children:[" ",l," "]}),"Default"===l?_jsx(DefaultValue,{children:r}):"Example:"===l?_jsx(ExampleValue,{children:_jsx(Markdown,{source:r})}):_jsx(FieldValueLabel,{children:r})]})}export const FieldDetail=memo(FieldDetailComponent);const Wrapper=styled.div`
+  margin-top: var(--spacing-xxs);
+  display: flex;
+  align-items: baseline;
+  gap: var(--spacing-xxs);
+  flex-wrap: wrap;
+`;
+//# sourceMappingURL=FieldDetail.js.map

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

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

package/lib-esm/components/PropertyDetails/FieldDetails.js

@@ -0,0 +1,43 @@
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{memo,useMemo}from"react";import{useAtomValue}from"jotai";import styled from"styled-components";import{LinkIcon}from"@redocly/theme";import{RecursiveLabel,Tag,AccessLabel,RequiredLabel}from"../common";import{ExternalDocumentation}from"../ExternalDocumentation";import{Markdown}from"../Markdown";import{FieldDetail}from"./FieldDetail";import{Extensions}from"./Extensions";import{EnumValues}from"./EnumValues";import{Examples,getSerializedValue}from"./Examples";import{globalOptionsAtom}from"../../jotai/store";import{SchemaTypeInfo}from"./SchemaTypeInfo";import{LinkToField}from"../common/LinkToField";import{Pattern}from"./Pattern";import{getAccessModeLabelText}from"../RenderHook";function FieldDetailsComponent({field:e,renderDiscriminatorSwitch:t,deepLink:a,fieldParentsName:o=[]}){var i;const{hidePropertiesPrefix:r,hideSchemaTitles:s}=useAtomValue(globalOptionsAtom),{schema:n,description:l,example:m,deprecated:c,examples:p,kind:d,required:x,name:f}=e,h="header"===e.in,u=useMemo((()=>{if(void 0!==m||void 0!==p){if(void 0!==p)return _jsx(Examples,{field:e});{const t=!!e.in;return _jsx(FieldDetail,{label:"Example:",value:getSerializedValue(e,e.example),raw:t})}}return null}),[m,p,e]),y=getAccessModeLabelText(e.schema);return _jsxs(_Fragment,{children:[_jsxs(Row,{children:[f&&_jsxs(Name,{children:[a&&_jsx(LinkToField,{to:a}),!r&&o.map((e=>e+".")),_jsx(SchemaName,{className:"schema-name",children:f})]}),_jsx(SchemaTypeInfo,{type:n.typePrefix+n.displayType}),_jsx(SchemaTypeInfo,{type:n.displayFormat&&`(${n.displayFormat})`}),_jsx(SchemaTypeInfo,{type:n.contentEncoding}),_jsx(SchemaTypeInfo,{type:n.title&&!s?`(${n.title})`:""}),null===(i=n.constraints)||void 0===i?void 0:i.map((e=>_jsx(SchemaTypeInfo,{type:e},e))),c&&_jsx(DeprecatedLabel,{children:"Deprecated"}),_jsx(Pattern,{pattern:n.pattern}),"additionalProperties"===d&&_jsx(Tag,{children:"additional property"}),"patternProperties"===d&&_jsx(Tag,{children:"pattern property"}),y&&_jsx(AccessLabel,{children:y}),x&&_jsx(RequiredLabel,{children:"required"}),n.isCircular&&_jsx(RecursiveLabel,{children:"Recursive"})]}),_jsx(StyledDescription,{source:l}),_jsx(FieldDetail,{raw:h,label:"Default",value:n.default}),_jsx(EnumValues,{type:n.type,values:n["x-enumDescriptions"]||n.enum}),u,_jsx(Extensions,{extensions:Object.assign(Object.assign({},e.extensions),n.extensions)}),n.externalDocs&&_jsx(ExternalDocumentation,{externalDocs:n.externalDocs,compact:!0}),null==t?void 0:t(),_jsx(FieldDetail,{label:"Value",value:e.const||void 0})]})}export const FieldDetails=memo(FieldDetailsComponent);const Row=styled.div`
+  display: flex;
+  align-items: center;
+  gap: calc(var(--spacing-xxs) / 4) var(--spacing-xxs);
+  flex-wrap: wrap;
+  margin-bottom: 2px;
+  position: relative;
+`,DeprecatedLabel=styled(Tag)`
+  color: var(--badge-deprecated-text-color);
+  background-color: var(--badge-deprecated-bg-color);
+  font-family: var(--font-family-base);
+`,StyledDescription=styled(Markdown)`
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+
+  article p:last-child {
+    margin-bottom: 0;
+  }
+`,Name=styled.span`
+  position: relative;
+  font-family: var(--font-family-monospaced);
+  line-height: var(--line-height-base);
+  font-size: var(--font-size-base);
+  color: var(--text-color-description);
+  max-width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+
+  :hover {
+    ${LinkIcon} {
+      opacity: 1;
+      visibility: visible;
+      background-color: var(--bg-color);
+    }
+  }
+`,SchemaName=styled.span`
+  font-family: var(--font-family-monospaced);
+  font-weight: var(--font-weight-semibold);
+  font-size: var(--schemas-property-name-font-size);
+  line-height: var(--schemas-property-name-line-height);
+  color: var(--text-color-primary);
+`;
+//# sourceMappingURL=FieldDetails.js.map

package/lib-esm/components/PropertyDetails/Pattern.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement } from 'react';
+interface PatternProps {
+    pattern?: string;
+}
+export declare function Pattern({ pattern }: PatternProps): ReactElement | null;
+export {};

package/lib-esm/components/PropertyDetails/Pattern.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{useState}from"react";import{Tag,ToggleButton}from"../common";const MAX_PATTERN_LENGTH=45;export function Pattern({pattern:t}){const[e,n]=useState(!1);if(!t)return null;return _jsxs(_Fragment,{children:[_jsx(Tag,{children:e||t.length<MAX_PATTERN_LENGTH?t:`${t.slice(0,MAX_PATTERN_LENGTH)}...`}),t.length>MAX_PATTERN_LENGTH&&_jsx(ToggleButton,{onClick:()=>{n(!e)},children:e?"Hide pattern":"Show pattern"})]})}
+//# sourceMappingURL=Pattern.js.map

package/lib-esm/components/PropertyDetails/PlusCircleIcon.d.ts

@@ -0,0 +1,7 @@
+interface CircleIconProps {
+    sign: string;
+    className?: string;
+    color?: string;
+}
+export declare function CircleIcon({ sign, className, color }: CircleIconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib-esm/components/PropertyDetails/PlusCircleIcon.js

@@ -0,0 +1,11 @@
+import{jsx as _jsx}from"react/jsx-runtime";import styled from"styled-components";export function CircleIcon({sign:o,className:r,color:e}){return _jsx(StyledCircleIcon,{className:r,color:e,children:o})}const StyledCircleIcon=styled.span`
+  background-color: var(--bg-color);
+  border-radius: 50%;
+  border: 1px solid ${({color:o})=>o||"var(--border-color-primary)"};
+  font-size: var(--font-size-lg);
+  line-height: var(--font-size-lg);
+  color: ${({color:o})=>o||"var(--text-color-secondary)"};
+  width: 20px;
+  height: 20px;
+`;
+//# sourceMappingURL=PlusCircleIcon.js.map

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

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

package/lib-esm/components/PropertyDetails/PropertyDetails.js

@@ -0,0 +1,17 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{memo}from"react";import styled from"styled-components";import{Schema}from"../Schema";import{FieldDetails}from"./FieldDetails";import{generateDeepLink}from"../common/LinkToField";function PropertyDetailsComponent({field:e,skipWriteOnly:i,skipReadOnly:r,level:s=1,showTitle:t,renderDiscriminatorSwitch:a,isFirst:o,fieldParentsName:n,disableDeepLinks:d}){const p=d?void 0:generateDeepLink(e),l=!e.schema.isPrimitive&&!e.schema.isCircular;return _jsxs(Wrapper,{isFist:o,expanded:l,className:"property",children:[_jsx(FieldDetails,{field:e,renderDiscriminatorSwitch:a,deepLink:p,fieldParentsName:n}),l&&_jsx(Schema,{schema:e.schema,skipReadOnly:r,skipWriteOnly:i,showTitle:t,expandable:!0,level:s+1,fieldParentsName:[...n||[],e.name],deepLink:p,required:e.required,disableDeepLinks:d})]})}export const PropertyDetails=memo(PropertyDetailsComponent);const Wrapper=styled.div`
+  padding: ${({isFist:e})=>`var(--schema-${e?"fist-":""}property-details-spacing)`} 0
+    ${({expanded:e})=>e?0:"var(--schema-property-details-spacing)"};
+  ${({expanded:e})=>!e&&"border-bottom: 1px solid var(--border-color-primary)"};
+
+  // This styles needs to override the dividers when array closing label is present
+  &:has(+ span.array-closing-label) {
+    border-bottom: none;
+    padding-bottom: calc(var(--schema-property-details-spacing) / 2);
+
+    .view-nested-wrapper {
+      border-bottom: none;
+      padding-bottom: 0;
+    }
+  }
+`;
+//# sourceMappingURL=PropertyDetails.js.map

package/lib-esm/components/PropertyDetails/SchemaTypeInfo.d.ts

@@ -0,0 +1,6 @@
+type SchemaTypeInfoProps = {
+    type?: string;
+    className?: string;
+};
+export declare function SchemaTypeInfo({ type, className }: SchemaTypeInfoProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/lib-esm/components/PropertyDetails/SchemaTypeInfo.js

@@ -0,0 +1,16 @@
+import{jsx as _jsx}from"react/jsx-runtime";import styled from"styled-components";export function SchemaTypeInfo({type:e,className:t}){return e?_jsx(FieldLabel,{className:t,children:e}):null}const FieldLabel=styled.em`
+  vertical-align: middle;
+  color: var(--schema-type-text-color);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  font-style: normal;
+
+  :after {
+    content: ',';
+  }
+
+  &:last-of-type:after {
+    content: '';
+  }
+`;
+//# sourceMappingURL=SchemaTypeInfo.js.map

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

@@ -0,0 +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 const SimpleEnums: import("react").NamedExoticComponent<SimpleEnumsProps>;

package/lib-esm/components/PropertyDetails/SimpleEnums.js

@@ -0,0 +1,8 @@
+import{jsxs as _jsxs,jsx as _jsx}from"react/jsx-runtime";import{memo}from"react";import styled from"styled-components";import{FieldLabel,Tag,ToggleButton}from"../common";export function SimpleEnumsComponent({enums:e,type:o,toggle:t,showToggleButton:n,toggleButtonText:s}){return _jsxs(Row,{children:[_jsxs(FieldLabel,{children:["array"===o?"Items":""," ",1===e.length?"Value":"Enum"]}),e.map(((e,o)=>_jsx(Tag,{children:JSON.stringify(e)},e+o))),n?_jsx(ToggleButton,{onClick:t,children:s}):null]})}export const SimpleEnums=memo(SimpleEnumsComponent);const Row=styled.div`
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--spacing-xxs);
+  margin-top: var(--spacing-xxs);
+`;
+//# sourceMappingURL=SimpleEnums.js.map

package/lib-esm/components/PropertyDetails/cycleColorsByLevel.d.ts

@@ -0,0 +1 @@
+export declare const cycleColorsByLevel: (level?: number) => string | undefined;

package/lib-esm/components/PropertyDetails/cycleColorsByLevel.js

@@ -0,0 +1,2 @@
+export const cycleColorsByLevel=C=>{if(void 0===C)return;const F=["#9D00FF","#615CEA","#147DF5","#08BFCC","#08CC7A","#81CC08","#E5BE00","#FF8700","#FF00B8"];return F[C%F.length]};
+//# sourceMappingURL=cycleColorsByLevel.js.map

package/lib-esm/components/PropertyDetails/index.d.ts

@@ -0,0 +1,3 @@
+export { PropertyDetails } from './PropertyDetails';
+export { FieldDetails } from './FieldDetails';
+export { Extensions } from './Extensions';

package/lib-esm/components/PropertyDetails/index.js

@@ -0,0 +1,2 @@
+export{PropertyDetails}from"./PropertyDetails";export{FieldDetails}from"./FieldDetails";export{Extensions}from"./Extensions";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,11 @@
+export declare const DescriptionEnumsBlock: import("styled-components").StyledComponent<"main", any, {
+    compact?: boolean | undefined;
+    inline?: boolean | undefined;
+    base?: boolean | undefined;
+}, 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>;
+export declare const ExampleWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ExamplesList: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FieldDescriptionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib-esm/components/PropertyDetails/styled.js

@@ -0,0 +1,23 @@
+import styled from"styled-components";import{Markdown as MarkdownWrapper}from"@redocly/theme";export const DescriptionEnumsBlock=styled(MarkdownWrapper)`
+  table.md {
+    margin: var(--spacing-xs) 0 0;
+  }
+`;export const TypeWrapper=styled.div`
+  line-height: 20px;
+`;export const ExampleDescription=styled.div``;export const ExampleSummary=styled.label`
+  display: block;
+  font-size: inherit;
+  margin-bottom: 0.2em;
+  font-weight: var(--font-weight-bold);
+`;export const ExampleWrap=styled.div`
+  margin-top: 1em;
+  font-size: var(--field-name-font-size);
+`;export const ExamplesList=styled.div`
+  padding-left: 1.5em;
+  margin-bottom: 1em;
+`;export const FieldDescriptionWrapper=styled.div`
+  p {
+    overflow-wrap: anywhere;
+  }
+`;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,42 @@
+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;
+}

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

@@ -1,6 +1,4 @@
-import React from 'react';
-import type { PropsWithChildren } from 'react';
-import type { ProvidersProps, AppProviderProps, StoreProviderProps } from './types';
-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, }: PropsWithChildren<StoreProviderProps>) => React.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-esm/components/RedoclyOpenAPIDocs/Providers.js

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,o,i){return new(o||(o=Promise))((function(n,r){function a(e){try{l(i.next(e))}catch(e){r(e)}}function s(e){try{l(i.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(a,s)}l((i=i.apply(e,t||[])).next())}))};import{ThemeProvider}from"styled-components";import React,{memo,useEffect,useMemo,useState}from"react";import{Tag}from"@markdoc/markdoc";import{Heading}from"@redocly/theme";import{createStore,Provider}from"jotai";import{normalizeOptions,OpenAPIParser}from"../../services";import{getMarkdownHeaderId,loadMany,loadSingle,useDeepCompareMemoize}from"./utils";import{argValueToBoolean,fromLocalStorage,fromSessionStorage}from"../../utils";import{Loading}from"../Loading";import{defaultTheme}from"../../constants";import{SecurityDefs}from"../SecurityRequirement";import{SchemaDefinition}from"../SchemaDefinition";import{PullRight,RedocResponse}from"../pluggable";import{appLocalStore,appSessionStore,appStore}from"../../jotai/app";import{globalStore}from"../../jotai/store";import{operationStore}from"../../jotai/operation";import JotaiNexus from"../../jotai/nexus";export const ThemeProviders=({options:e,children:t,customOptions:o={}})=>{const i=Object.assign(Object.assign({},e),o),n=useMemo((()=>({mediaQueries:i.mediaQueries,showAtBreakpoint:i.showAtBreakpoint})),[i.mediaQueries,i.showAtBreakpoint]);return React.createElement(ThemeProvider,{theme:n},t)};export const AppProvider=({definitions:e,options:t,definitionUrl:o,definition:i,activeSampleLanguage:n,children:r})=>{const[,a]=useState(),[s,l]=useState(!0),[c,p]=useState(null);useEffect((()=>{!function(){__awaiter(this,void 0,void 0,(function*(){l(!0);try{p(e?yield loadMany(e):yield loadSingle(i,o,t))}catch(e){a((()=>{throw e}))}}))}()}),[e,i,o,t]);const m=useMemo((()=>{var e,i,r;if(c)return(null===(e=null==t?void 0:t.hooks)||void 0===e?void 0:e.onInit)&&(null===(r=null===(i=t.hooks)||void 0===i?void 0:i.onInit)||void 0===r||r.call(i,{store:{definition:c,options:t,definitionUrl:o,activeSampleLanguage:n}})),{definition:c,options:t,definitionUrl:o,activeSampleLanguage:n}}),useDeepCompareMemoize([c,t,o]));return useEffect((()=>{m&&l(!1)}),[m]),m?s?argValueToBoolean(null==t?void 0:t.hideLoading,!1)?null:React.createElement(Loading,{color:"--loading-spinner-color"}):React.isValidElement(r)?React.cloneElement(r,{store:m}):null:null};const DEFAULT_OPTIONS={ignoreNamedSchemas:["java.io.ObjectStreamField"],breakpoints:defaultTheme.breakpoints,showAtBreakpoint:defaultTheme.showAtBreakpoint,markdocOptions:{tags:{securityDefinitions:{render:"SecurityDefinitions"},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 o=e.transformAttributes(t),i=e.transformChildren(t),n="string"==typeof o.id?o.id:getMarkdownHeaderId(i);return new Tag("Heading",Object.assign(Object.assign({},o),{id:n,level:e.attributes.level}),i)}}},components:{SecurityDefinitions:SecurityDefs,SchemaDefinition:SchemaDefinition,RedocResponse:RedocResponse,PullRight:PullRight,Heading:Heading}}};export const StoreProvider=memo((({children:e,options:t,definitionUrl:o,definition:i,activeSampleLanguage:n,portalOptions:r})=>{const a=React.useRef(),s=React.useCallback((()=>{var e;const n=normalizeOptions(Object.assign({},t),DEFAULT_OPTIONS),r=isVersioned(i)?(null===(e=i.versions)||void 0===e?void 0:e.map((({spec:e,id:t,title:o,url:i},r)=>{if(e){const a=t||`Definition_${r}`;return{id:a,title:o||`Definition_${r}`,url:i,parser:new OpenAPIParser(e,void 0,Object.assign(Object.assign({},n),{versionId:a}))}}})).filter(Boolean))||[]:[{url:o,parser:new OpenAPIParser(i,o,n)}];return{options:n,versions:r}}),[i,o,t]),l=useMemo((()=>{const e=createStore();a.current=e.set;const t=s(),o=t.options,i=JSON.parse(fromLocalStorage("appLocalStore")||"{}"),l=JSON.parse(fromSessionStorage("appSessionStore")||"{}");if(e.set(appSessionStore,(e=>Object.assign(Object.assign({},e),{showRightPanelToggle:l.showRightPanelToggle||o.showRightPanelToggle,activeVersionIdx:0}))),e.set(appLocalStore,(e=>Object.assign(Object.assign({},e),{layout:i.layout||o.layout,activeSampleLanguage:n||i.activeSampleLanguage||o.defaultSampleLanguage}))),e.set(globalStore,(e=>Object.assign(Object.assign({},e),t))),e.set(appStore,{isSidebarOpened:!1,activeMimeName:(null==r?void 0:r.defaultMimeType)||"",menuNextLinks:[]}),null==r?void 0:r.operation){const{pointer:t,activeExampleName:o,activeServer:i}=r.operation;e.set(operationStore(t),(e=>Object.assign(Object.assign({},e),{activeExampleName:o,activeOneOf:{},activeServer:i,requestValues:{}})))}return e}),[n,s,null==r?void 0:r.defaultMimeType,null==r?void 0:r.operation]);return useEffect((()=>{a.current&&setTimeout((()=>{a.current(globalStore,s())}),0)}),[s,i]),React.createElement(Provider,{store:l,key:(null==r?void 0:r.definitionId)||"openapi"},React.createElement(JotaiNexus,null),e)}));const isVersioned=e=>"versions"in e;
+var __awaiter=this&&this.__awaiter||function(e,t,o,i){return new(o||(o=Promise))((function(n,r){function a(e){try{l(i.next(e))}catch(e){r(e)}}function s(e){try{l(i.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(a,s)}l((i=i.apply(e,t||[])).next())}))};import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{cloneElement,isValidElement,memo,useCallback,useEffect,useMemo,useState}from"react";import{Tag}from"@markdoc/markdoc";import{Loading,markdoc}from"@redocly/theme";import{createStore,Provider}from"jotai";import{normalizeOptions,OpenAPIParser}from"../../services";import{getMarkdownHeaderId,loadSingle,useDeepCompareMemoize}from"./utils";import{argValueToBoolean,normalizeServers}from"../../utils";import{SchemaDefinition}from"../SchemaDefinition";import{appStore,appStoreOverrideAtom,environmentAtom,layoutAtom}from"../../jotai/app";import JotaiNexus from"../../jotai/nexus";import{mapObject}from"../../utils/object";import{mergeInMockServer}from"../../models/operation";import{getDefaultOperationStore,operationStore}from"../../jotai/operation";import{getServerEnvName}from"../../utils/environments";import{globalStoreAtom}from"../../jotai/store";export const AppProvider=({options:e,definitionUrl:t,definition:o,activeSampleLanguage:i,children:n})=>{const[,r]=useState(),[a,s]=useState(!0),[l,m]=useState(null);useEffect((()=>{!function(){__awaiter(this,void 0,void 0,(function*(){s(!0);try{m(yield loadSingle(o,t,e))}catch(e){r((()=>{throw e}))}}))}()}),[o,t,e]);const u=useMemo((()=>{var o,n,r;if(l)return(null===(o=null==e?void 0:e.unstable_hooks)||void 0===o?void 0:o.onInit)&&(null===(r=null===(n=e.unstable_hooks)||void 0===n?void 0:n.onInit)||void 0===r||r.call(n,{store:{definition:l,options:e,definitionUrl:t,activeSampleLanguage:i}})),{definition:l,options:e,definitionUrl:t,activeSampleLanguage:i}}),useDeepCompareMemoize([l,e,t]));return useEffect((()=>{u&&s(!1)}),[u]),u?a?argValueToBoolean(null==e?void 0:e.hideLoading,!1)?null:_jsx(Loading,{color:"--loading-spinner-color"}):isValidElement(n)?cloneElement(n,{store:u}):null:null};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 o=e.transformAttributes(t),i=e.transformChildren(t),n="string"==typeof o.id?o.id:getMarkdownHeaderId(i);return new Tag("Heading",Object.assign(Object.assign({},o),{id:n,level:e.attributes.level}),i)}}},components:{SchemaDefinition:SchemaDefinition,Heading:markdoc.components.Heading}}};export const StoreProvider=memo((({children:e,options:t,definitionUrl:o,definition:i,withState:n})=>{const r=useCallback((()=>{const e=normalizeOptions(t,DEFAULT_OPTIONS);return{options:e,parser:new OpenAPIParser(i,o,e)}}),[i,o,t]),a=useMemo((()=>{var e;const t=createStore(),o=r();t.set(globalStoreAtom,o);const i=normalizeServers(o.parser.definitionUrl,mergeInMockServer((null===(e=o.parser.definition)||void 0===e?void 0:e.servers)||[],o.options.mockServer)),a=Object.fromEntries(i.map((e=>[getServerEnvName(e),Object.assign({server:e.url},mapObject(e.variables||{},(e=>e.default||"")))])));return t.sub(appStore,(()=>{})),t.set(environmentAtom,{environments:a}),n&&t.set(appStoreOverrideAtom,{environment:n.environment,environments:n.environments,activeMimeName:n.activeMimeName}),(null==n?void 0:n.operation)&&t.set(operationStore(n.operation.pointer),getDefaultOperationStore(n.operation.pointer,n.operation.state.requestValues)),t}),[r,n]);return useEffect((()=>{(null==n?void 0:n.layout)&&a.set(layoutAtom,null==n?void 0:n.layout)}),[a,null==n?void 0:n.layout]),_jsxs(Provider,{store:a,children:[_jsx(JotaiNexus,{}),e]})}));
 //# sourceMappingURL=Providers.js.map

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

@@ -1,5 +1,4 @@
-import React from 'react';
-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>>): React.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-esm/components/RedoclyOpenAPIDocs/RedoclyOpenAPIDocs.js

@@ -1,2 +1,2 @@
-import React,{useRef,memo}from"react";import{SidebarLogo,GlobalStyle,useMount,LayoutVariant}from"@redocly/theme";import{Search}from"../Search";import{ThemeProviders,AppProvider,StoreProvider}from"./Providers";import{Overlay}from"../Overlay";import{VersionSwitcher}from"../VersionSwitcher";import{BackgroundStub,BackgroundStubFix,ApiContentWrap,RedocWrapStyled,CssFixes}from"./styled";import{StickyResponsiveSidebar}from"../StickySidebar";import{ErrorBoundary}from"../ErrorBoundary";import{SideMenu}from"../SideMenu";import{ContentItems}from"../ContentItems";import{useContentItems}from"../../hooks";import{withRouter}from"../../hoc/withRouter";import{withStore}from"../../hoc/withStore";import{compose}from"../../utils";import{useLicense}from"../../hooks/useLicense";const RedoclyOpenAPIDocsComponent=compose(withRouter,withStore,memo)((({licenseKey:e,onLoaded:o,children:t,options:n,versions:r,layout:i,showRightPanelToggle:a,activeVersionIdx:l,onChangeActiveVersion:c,collapsedSidebar:s,parser:d})=>{var m,u,p,v,f;const R=useRef(null),{isValid:S,licenseInfo:h}=useLicense(e);useMount((()=>{null==o||o()}));const{disableSidebar:y,whiteLabel:E,hideLogo:b,hideFab:g,scrollYOffset:L}=n||{},{flatItems:I,contentItems:C}=useContentItems({parser:d,options:n}),P=null===(u=null===(m=d.definition)||void 0===m?void 0:m.info)||void 0===u?void 0:u["x-logo"];return React.createElement(ThemeProviders,{options:n},React.createElement(GlobalStyle,null),React.createElement(RedocWrapStyled,{className:"redoc-wrap",ref:R},!S&&React.createElement(Overlay,{licenseInfo:h}),React.createElement(CssFixes,{whiteLabel:E,showRightPanelToggle:a,layout:i}),!y&&React.createElement(StickyResponsiveSidebar,{hideFab:g,scrollYOffset:L,className:"menu-content",collapsedSidebar:!s},!b&&React.createElement(SidebarLogo,{imageUrl:null==P?void 0:P.url,href:(null==P?void 0:P.href)||(null===(f=null===(v=null===(p=d.definition)||void 0===p?void 0:p.info)||void 0===v?void 0:v.contact)||void 0===f?void 0:f.url),altText:null==P?void 0:P.altText,backgroundColor:null==P?void 0:P.backgroundColor}),r.length>1&&React.createElement(VersionSwitcher,{versions:r,activeVersionIdx:l,onChange:c}),React.createElement(Search,{contentItems:C,flatItems:I,options:n}),React.createElement(SideMenu,{items:S?C:[]})),React.createElement(ApiContentWrap,{className:"api-content",id:"api-content",layout:i===LayoutVariant.THREE_PANEL&&a?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED,collapsedSidebar:s},a&&i!==LayoutVariant.STACKED&&React.createElement(BackgroundStub,null),React.createElement(ContentItems,{root:!0,items:S?C:[]}),t),a&&i!==LayoutVariant.STACKED&&React.createElement(BackgroundStubFix,null)))}));export function RedoclyOpenAPIDocs({onLoaded:e,children:o,store:t}){var n,r,i;return(null==t?void 0:t.definition)?React.createElement(StoreProvider,Object.assign({},t),React.createElement(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,enableRouter:null===(i=t.options)||void 0===i?void 0:i.enableRouter,portalOptions:null==t?void 0:t.portalOptions},o)):null}export function RedoclyOpenAPIDocsStandalone({definition:e,definitionUrl:o,options:t={},activeItemId:n,activeSampleLanguage:r,activeDeepLink:i}){const a=React.createElement(AppProvider,{definition:e,definitionUrl:o,options:t,activeItemId:n,activeSampleLanguage:r,activeDeepLink:i},React.createElement(RedoclyOpenAPIDocs,null));return t.disableErrorBoundary?a:React.createElement(ErrorBoundary,null,a)}
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{useRef,memo}from"react";import{SidebarLogo,GlobalStyle as ThemeCommonStyle,useMount,LayoutVariant,ThreePanelLayout}from"@redocly/theme";import{UnsupportedFeatureScreen}from"../UnsupportedFeatureScreen";import{AppProvider,StoreProvider}from"./Providers";import{Overlay}from"../Overlay";import{RedocWrapStyled,CssFixes}from"./styled";import{StickyResponsiveSidebar}from"../StickySidebar";import{SideMenu}from"../SideMenu";import{Content}from"../Content";import{useContentItems,useUppercase2LowercaseRedirect}from"../../hooks";import{withRouter}from"../../hoc/withRouter";import{withStore}from"../../hoc/withStore";import{compose}from"../../utils";import{useLicense}from"../../hooks/useLicense";const RedoclyOpenAPIDocsComponent=compose(withRouter,withStore,memo)((({licenseKey:e,onLoaded:o,children:t,options:i,layout:n,collapsedSidebar:r,parser:s,withCommonStyles:l})=>{var a,d,c,m,u;const p=useRef(null),{isValid:v,licenseInfo:f}=useLicense(e);useUppercase2LowercaseRedirect(),useMount((()=>{null==o||o()}));const{hideSidebar:S,scrollYOffset:h}=i||{},{contentItems:y}=useContentItems({parser:s,options:i}),x=null===(d=null===(a=s.definition)||void 0===a?void 0:a.info)||void 0===d?void 0:d["x-logo"];return _jsxs(_Fragment,{children:[l&&_jsx(ThemeCommonStyle,{}),_jsxs(RedocWrapStyled,{className:"redoc-wrap",ref:p,children:[_jsx(UnsupportedFeatureScreen,{}),!v&&_jsx(Overlay,{licenseInfo:f}),_jsx(CssFixes,{layout:n}),!S&&_jsxs(StickyResponsiveSidebar,{scrollYOffset:h,className:"menu-content",collapsedSidebar:!r,children:[_jsx(SidebarLogo,{imageUrl:null==x?void 0:x.url,href:(null==x?void 0:x.href)||(null===(u=null===(m=null===(c=s.definition)||void 0===c?void 0:c.info)||void 0===m?void 0:m.contact)||void 0===u?void 0:u.url),altText:null==x?void 0:x.altText,backgroundColor:null==x?void 0:x.backgroundColor}),_jsx(SideMenu,{items:v?y:[]})]}),_jsxs(ThreePanelLayout,{className:"api-content",id:"api-content",layout:n===LayoutVariant.THREE_PANEL?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED,collapsedSidebar:r,children:[_jsx(Content,{items:v?y:[],routingBasePath:i.routingBasePath}),t]})]})]})}));export function RedoclyOpenAPIDocs({onLoaded:e,children:o,store:t,withCommonStyles:i}){var n,r,s;return(null==t?void 0:t.definition)?_jsx(StoreProvider,Object.assign({},t,{children:_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}export function RedoclyOpenAPIDocsStandalone({definition:e,definitionUrl:o,options:t={},activeItemId:i,activeSampleLanguage:n,activeDeepLink:r}){return _jsx(AppProvider,{definition:e,definitionUrl:o,options:t,activeItemId:i,activeSampleLanguage:n,activeDeepLink:r,children:_jsx(RedoclyOpenAPIDocs,{withCommonStyles:!0})})}
 //# sourceMappingURL=RedoclyOpenAPIDocs.js.map

package/lib-esm/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-esm/components/RedoclyOpenAPIDocs/index.js

@@ -1,2 +1,2 @@
-export{RedoclyOpenAPIDocs,RedoclyOpenAPIDocsStandalone}from"./RedoclyOpenAPIDocs";export{ThemeProviders,AppProvider,StoreProvider}from"./Providers";export*from"./types";export{fixSpec,loadMany,loadSingle,loadAndBundleSpecOrMd,loadSpecs,useDeepCompareMemoize,getMarkdownHeaderId}from"./utils";
+export{RedoclyOpenAPIDocs,RedoclyOpenAPIDocsStandalone}from"./RedoclyOpenAPIDocs";export{AppProvider,StoreProvider}from"./Providers";export*from"./types";export{fixSpec,loadSingle,loadAndBundleSpecOrMd,useDeepCompareMemoize,getMarkdownHeaderId}from"./utils";
 //# sourceMappingURL=index.js.map

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

@@ -1,13 +1,7 @@
-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-esm/components/RedoclyOpenAPIDocs/styled.js

@@ -1,4 +1,4 @@
-import{LayoutVariant}from"@redocly/theme";import styled,{createGlobalStyle,css}from"styled-components";import{SamplesMiddlePanel,SamplesPanel}from"../common/panels";import{MiddlePanelWrapper}from"../Panel/MiddlePanelWrapper";export const RedocWrap=styled.div`
+import{breakpoints,LayoutVariant}from"@redocly/theme";import styled,{createGlobalStyle,css}from"styled-components";import{SamplesMiddlePanel,SamplesPanel}from"../common/panels";export const RedocWrap=styled.div`
   display: flex;
   position: relative;
   text-align: left;
@@ -10,42 +10,13 @@ import{LayoutVariant}from"@redocly/theme";import styled,{createGlobalStyle,css}f
   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);
   }
-`;export const ApiContentWrap=styled.div`
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  margin: 0 auto;
-  width: 100%;
-
-  ${({layout:a=LayoutVariant.THREE_PANEL,theme:e,collapsedSidebar:t})=>css`
-      max-width: ${a===LayoutVariant.THREE_PANEL?"100%":""};
-
-      ${e.mediaQueries.small} {
-        width: ${t?"var(--layout-${layout}-small-max-width)":"calc(100% - var(--sidebar-width))"};
-        max-width: var(--layout-${a}-small-max-width);
-      }
-
-      ${e.mediaQueries.medium} {
-        max-width: var(--layout-${a}-medium-max-width);
-      }
-
-      ${e.mediaQueries.large} {
-        max-width: var(--layout-${a}-large-max-width);
-      }
-
-      ${e.mediaQueries.print} {
-        width: 100%;
-        padding: 0;
-      }
-    `};
 `;export const BackgroundStub=styled.div`
   position: absolute;
   display: none;
@@ -53,50 +24,18 @@ import{LayoutVariant}from"@redocly/theme";import styled,{createGlobalStyle,css}f
   bottom: 0;
   right: 0;
   left: 0;
-  background: var(--panel-samples-block-background-color);
-
-  ${({theme:a})=>css`
-    ${a.mediaQueries[a.showAtBreakpoint.samplesPanel]} {
-      display: initial;
-      left: calc(100% - var(--panel-samples-width));
-    }
+  background: var(--panel-samples-block-bg-color);
 
-    ${a.mediaQueries.print} {
-      display: none;
-    }
-  `}
-`;const getBackgroundStubFixWidth=a=>css`
-  width: calc(
-    (
-        100% - min(100% - var(--sidebar-width) - var(--layout-controls-width), var(${a})) -
-          var(--sidebar-width) + var(--layout-controls-width)
-      ) / 2 - 4px /* -4px fix overlap for panels */
-  );
-`;export const BackgroundStubFix=styled.div`
-  position: absolute;
-  display: none;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  background: var(--panel-samples-block-background-color);
-  width: 0;
-
-  ${({theme:a})=>css`
-    ${a.mediaQueries[a.showAtBreakpoint.samplesPanel]} {
-      display: initial;
-      ${getBackgroundStubFixWidth("--layout-three-panel-medium-max-width")};
-    }
-
-    ${a.mediaQueries.large} {
-      ${getBackgroundStubFixWidth("--layout-three-panel-large-max-width")};
-    }
+  @media screen and (min-width: ${breakpoints.medium}) {
+    display: initial;
+    left: calc(100% - var(--panel-samples-width));
+  }
 
-    ${a.mediaQueries.print} {
-      display: none;
-    }
-  `}
+  @media print {
+    display: none;
+  }
 `;export const RedocWrapStyled=styled(RedocWrap)`
-  background-color: var(--background-color);
+  background-color: var(--bg-color);
 `;export const getMarginFixesByName=a=>css`
   margin: 0 max(calc((100% - var(--panel-samples-width) - var(${a})) / 2), 0);
 `;export const CssFixes=createGlobalStyle`
@@ -111,41 +50,36 @@ import{LayoutVariant}from"@redocly/theme";import styled,{createGlobalStyle,css}f
   ${SamplesPanel} {
     ${({layout:a})=>{if(a===LayoutVariant.STACKED)return css`
           width: 100%;
-          padding-left: var(--spacing-horizontal);
-        `}}
-    ${({showRightPanelToggle:a})=>{if(!a)return css`
-          ${({theme:a})=>a.mediaQueries[a.showAtBreakpoint.samplesPanel]} {
-            display: none;
-          }
+          padding-left: var(--panel-gap-horizontal);
         `}}
   }
 
-  ${BackgroundStub}, ${BackgroundStubFix} {
-    ${({showRightPanelToggle:a,layout:e})=>{if(!a&&e===LayoutVariant.STACKED)return css`
-          ${({theme:a})=>a.mediaQueries[a.showAtBreakpoint.samplesPanel]} {
+  ${BackgroundStub} {
+    ${({layout:a})=>{if(a===LayoutVariant.STACKED)return css`
+          @media screen and (min-width: ${breakpoints.medium}) {
             display: none;
           }
         `}}
   }
 
-  ${SamplesMiddlePanel}, ${MiddlePanelWrapper} {
-    ${({showRightPanelToggle:a,layout:e})=>a&&e===LayoutVariant.THREE_PANEL?css`
+  ${SamplesMiddlePanel} {
+    ${({layout:a})=>a===LayoutVariant.THREE_PANEL?css`
           margin: 0;
-          ${({theme:a})=>a.mediaQueries.small} {
+          @media screen and (min-width: ${breakpoints.small}) {
             ${getMarginFixesByName("--layout-panel-schemas-small-max-width")};
           }
-          ${({theme:a})=>a.mediaQueries.medium} {
+          @media screen and (min-width: ${breakpoints.medium}) {
             max-width: var(--layout-panel-schemas-medium-max-width);
             ${getMarginFixesByName("--layout-panel-schemas-medium-max-width")};
           }
-          ${({theme:a})=>a.mediaQueries.large} {
+          @media screen and (min-width: ${breakpoints.large}) {
             max-width: var(--layout-panel-schemas-large-max-width);
             ${getMarginFixesByName("--layout-panel-schemas-large-max-width")};
           }
-        `:e!==LayoutVariant.STACKED&&a?void 0:css`
+        `:a===LayoutVariant.STACKED?css`
           width: 100%;
-          padding-right: var(--spacing-horizontal);
-        `};
+          padding-right: var(--panel-gap-horizontal);
+        `:void 0};
   }
 `;
 //# sourceMappingURL=styled.js.map

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

@@ -1,48 +1,32 @@
-/// <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, RawOptions } from '../../services';
 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;
+    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;
     activeItemId?: string;
     activeSampleLanguage?: CodeSampleConfig['lang'] | string;
@@ -60,7 +44,5 @@ export interface RedoclyOpenAPIDocsStandaloneProps {
     activeDeepLink?: string;
 }
 export interface CssFixesProps {
-    whiteLabel: boolean;
-    showRightPanelToggle: boolean;
     layout: LayoutVariant;
 }