@redocly/openapi-docs 3.0.0-alpha.14.beta.2 → 3.0.0-alpha.14.beta.3

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

@@ -31,7 +31,6 @@ export interface ExtensionsProps {
     };
 }
 export interface FieldProps extends SchemaOptions {
-    className?: string;
     isLast?: boolean;
     showExamples?: boolean;
     field: FieldModel;

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

@@ -1,2 +1,2 @@
-import{observer}from"mobx-react";import React,{useState}from"react";import{DropdownLabel,DropdownWrapper}from"../PayloadSamples";const GenericChildrenSwitcherComponent=({items:e,options:r,renderDropdown:t,label:n,children:o})=>{const[a,l]=useState(0);if(!e||!e.length)return null;return React.createElement(React.Fragment,null,React.createElement((({children:e})=>n?React.createElement(DropdownWrapper,null,React.createElement(DropdownLabel,null,n),e):e),null,t({value:r[a].value,options:r,onChange:({idx:r})=>{e&&r&&l(r)},ariaLabel:n||"Callback"})),o(e[a]))};export const GenericChildrenSwitcher=observer(GenericChildrenSwitcherComponent);
+import React,{useState}from"react";import{DropdownLabel,DropdownWrapper}from"../PayloadSamples";export const GenericChildrenSwitcher=({items:e,options:r,renderDropdown:t,label:a,children:l})=>{const[n,o]=useState(0);if(!e||!e.length)return null;return React.createElement(React.Fragment,null,React.createElement((({children:e})=>a?React.createElement(DropdownWrapper,null,React.createElement(DropdownLabel,null,a),e):e),null,t({value:r[n].value,options:r,onChange:({idx:r})=>{e&&r&&o(r)},ariaLabel:a||"Callback"})),l(e[n]))};
 //# sourceMappingURL=GenericChildrenSwitcher.js.map

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

@@ -1,2 +1,2 @@
 import type { MarkdownProps } from './types';
-export declare const Markdown: ({ source, ...props }: MarkdownProps) => JSX.Element;
+export declare const Markdown: ({ source, ast, htmlWrap, ...props }: MarkdownProps) => JSX.Element | null;

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

@@ -1,2 +1,2 @@
-var __rest=this&&this.__rest||function(r,e){var t={};for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&e.indexOf(n)<0&&(t[n]=r[n]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(r);o<n.length;o++)e.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(r,n[o])&&(t[n[o]]=r[n[o]])}return t};import React from"react";import{MarkdownRenderer}from"../../services";import{SanitizedMarkdownHTML}from"./SanitizedMarkdownHTML";export const Markdown=r=>{var{source:e}=r,t=__rest(r,["source"]);const n=new MarkdownRenderer;return React.createElement(SanitizedMarkdownHTML,Object.assign({},t,{html:n.renderMd(e)}))};
+var __rest=this&&this.__rest||function(o,e){var r={};for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&e.indexOf(t)<0&&(r[t]=o[t]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(o);n<t.length;n++)e.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(o,t[n])&&(r[t[n]]=o[t[n]])}return r};import React,{Fragment}from"react";import{parse,transform,renderers,Ast}from"@markdoc/markdoc";import{useRecoilValue}from"recoil";import DOMPurify from"dompurify";import{MarkdownWrapper}from"@redocly/theme";import{globalOptionsSelector}from"../../recoil/store";import{isString}from"../../utils";export const Markdown=o=>{var e,r,t,n,l,i,a,s,d,{source:m,ast:u,htmlWrap:c}=o,p=__rest(o,["source","ast","htmlWrap"]);const v=useRecoilValue(globalOptionsSelector);if(!m&&!u)return null;const f=(null==v?void 0:v.allowedMdComponents)&&{tags:null===(e=v.allowedMdComponents)||void 0===e?void 0:e.tags,nodes:null===(r=v.allowedMdComponents)||void 0===r?void 0:r.nodes,partials:null===(t=v.allowedMdComponents)||void 0===t?void 0:t.partials,variables:null===(n=v.allowedMdComponents)||void 0===n?void 0:n.variables,functions:null===(l=v.allowedMdComponents)||void 0===l?void 0:l.functions},y=(null==v?void 0:v.allowedMdComponents)&&{components:null===(i=v.allowedMdComponents)||void 0===i?void 0:i.components};let O;if(m)if(isString(m)){const o=(null===(a=null==v?void 0:v.hooks)||void 0===a?void 0:a.sanitize)?null===(d=null===(s=v.hooks)||void 0===s?void 0:s.sanitize)||void 0===d?void 0:d.call(s,m):(null==v?void 0:v.untrustedDefinition)?DOMPurify.sanitize(m):m,e=parse(o);O=transform(e,f)}else{const o=Ast.fromJSON(m.result);O=(Array.isArray(o),transform(o,f))}else u&&(O=transform(u,f));const b=o=>{const e=renderers.react(o,React,y);return React.createElement(MarkdownWrapper,Object.assign({},p,{children:e,as:"div"}))};if(!c)return b(O);return O=Array.isArray(O)?O:O.children,React.createElement(React.Fragment,null," ",O.map(((o,e)=>{var r,t,n,l;return React.createElement(Fragment,{key:(null===(r=null==o?void 0:o.attributes)||void 0===r?void 0:r.id)||e},(l=null==o?void 0:o.attributes,t=!1!==(null==l?void 0:l.htmlWrap),n=o,t?c(b(n)):b(n)))})))};
 //# sourceMappingURL=Markdown.js.map

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

@@ -1,5 +1,3 @@
 export { Markdown } from './Markdown';
-export { AdvancedMarkdown } from './AdvancedMarkdown';
-export { SanitizedMarkdownHTML } from './SanitizedMarkdownHTML';
 export * from './styled';
 export * from './types';

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

@@ -1,2 +1,2 @@
-export{Markdown}from"./Markdown";export{AdvancedMarkdown}from"./AdvancedMarkdown";export{SanitizedMarkdownHTML}from"./SanitizedMarkdownHTML";export*from"./styled";export*from"./types";
+export{Markdown}from"./Markdown";export*from"./styled";export*from"./types";
 //# sourceMappingURL=index.js.map

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

@@ -1,4 +1,4 @@
-import styled,{css}from"styled-components";import{CodeBlock}from"@redocly/theme";import{linkifyMixin}from"../common/linkify";import{typography}from"../../utils";export const linksCss=css`
+import styled,{css}from"styled-components";import{CodeBlock}from"@redocly/theme";import{typography}from"../../utils";export const linksCss=css`
   a {
     text-decoration: var(--link-decoration, auto);
     color: var(--link-text-color);
@@ -229,8 +229,6 @@ import styled,{css}from"styled-components";import{CodeBlock}from"@redocly/theme"
 
   ${({withoutTableStyle:r})=>!r&&baseTable}
 
-  ${linkifyMixin(".share-link","15px")};
-
   ${linksCss}
 
   h1 {

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

@@ -1,16 +1,8 @@
-export interface StylingMarkdownProps {
-    compact?: boolean;
-    inline?: boolean;
-}
-export interface BaseMarkdownProps {
+import type { Node } from '@markdoc/markdoc';
+export type MarkdownProps = {
     sanitize?: boolean;
-    source: string;
-}
-export type MarkdownProps = BaseMarkdownProps & StylingMarkdownProps & {
-    source: string;
+    source?: string | GenericObject;
+    ast?: Node[];
     className?: string;
-    'data-role'?: string;
-};
-export interface AdvancedMarkdownProps extends BaseMarkdownProps {
     htmlWrap?: (part: JSX.Element) => JSX.Element;
-}
+};

package/lib-esm/components/MediaTypeSwitch/MediaTypesSwitch.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { DropdownProps } from '../common';
 import type { MediaContentModel, MediaTypeModel } from '../../models';
 interface MediaTypesSwitchProps {
@@ -6,6 +7,5 @@ interface MediaTypesSwitchProps {
     renderDropdown: (props: DropdownProps) => JSX.Element | null;
     children: (activeMime: MediaTypeModel) => JSX.Element;
 }
-declare function MediaTypesSwitchComponent({ content, withLabel, renderDropdown, children, }: MediaTypesSwitchProps): JSX.Element | null;
-export declare const MediaTypesSwitch: typeof MediaTypesSwitchComponent;
+export declare const MediaTypesSwitch: React.NamedExoticComponent<MediaTypesSwitchProps>;
 export {};

package/lib-esm/components/MediaTypeSwitch/MediaTypesSwitch.js

@@ -1,2 +1,2 @@
-import{observer}from"mobx-react";import React,{useCallback,useRef}from"react";import{DropdownLabel,DropdownWrapper}from"../PayloadSamples";import{FormControl}from"../common";function Wrapper({children:e,withLabel:t,innerRef:n}){return t?React.createElement(DropdownWrapper,{ref:n},React.createElement(DropdownLabel,null,"Content type"),e):React.createElement(FormControl,{ref:n},e)}function MediaTypesSwitchComponent({content:e,withLabel:t,renderDropdown:n,children:r}){const a=useCallback((({value:t})=>{if(!e||!o.current)return null;const n=o.current.getBoundingClientRect().y;e.activate(t),requestAnimationFrame((()=>{if(!o.current||null==n)return;const e=o.current.getBoundingClientRect().y;window.scrollBy(0,e-n)}))}),[e]),o=useRef(null);if(!e||!e.mediaTypes||!e.mediaTypes.length)return null;const l=e.mediaTypes.map(((e,t)=>({value:e.name,idx:t}))),c=e.active.name;return React.createElement(React.Fragment,null,React.createElement(Wrapper,{innerRef:o,withLabel:t},n({value:c,options:l,onChange:a,ariaLabel:"Content type"})),r(e.active))}export const MediaTypesSwitch=observer(MediaTypesSwitchComponent);
+import React,{memo,useCallback,useRef}from"react";import{useRecoilState}from"recoil";import{DropdownLabel,DropdownWrapper}from"../PayloadSamples";import{FormControl}from"../common";import{activeMimeNameSelector}from"../../recoil/app";import{getActiveMediaType}from"../../models";function Wrapper({children:e,withLabel:t,innerRef:r}){return t?React.createElement(DropdownWrapper,{ref:r},React.createElement(DropdownLabel,null,"Content type"),e):React.createElement(FormControl,{ref:r},e)}function MediaTypesSwitchComponent({content:e,withLabel:t,renderDropdown:r,children:n}){const[o,a]=useRecoilState(activeMimeNameSelector),i=useCallback((({value:t})=>{if(!e||!l.current)return null;const r=l.current.getBoundingClientRect().y;a(t),requestAnimationFrame((()=>{if(!l.current||null==r)return;const e=l.current.getBoundingClientRect().y;window.scrollBy(0,e-r)}))}),[e,a]),l=useRef(null);if(!e||!e.mediaTypes||!e.mediaTypes.length)return null;const c=e.mediaTypes.map(((e,t)=>({value:e.name,idx:t}))),m=getActiveMediaType(e,o);return React.createElement(React.Fragment,null,React.createElement(Wrapper,{innerRef:l,withLabel:t},r({value:m.name,options:c,onChange:i,ariaLabel:"Content type"})),n(m))}export const MediaTypesSwitch=memo(MediaTypesSwitchComponent);
 //# sourceMappingURL=MediaTypesSwitch.js.map

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

@@ -0,0 +1,8 @@
+import type { Options } from '../../services/Options/types';
+interface NextSectionButtonProps {
+    pagination?: Options['pagination'];
+    href: string;
+    label: string;
+}
+export declare function NextSectionButton({ pagination, href, label, }: NextSectionButtonProps): JSX.Element | null;
+export {};

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

@@ -0,0 +1,2 @@
+import{Button}from"@redocly/theme";import React from"react";import{NextSectionButtonWrap}from"./styled";import{Link}from"../common";export function NextSectionButton({pagination:t,href:e,label:o}){return t&&"none"!==t?React.createElement(NextSectionButtonWrap,null,React.createElement(Link,{to:e},React.createElement(Button,{extraClass:"next-section-button",color:"secondary"},"➔ Next to ",React.createElement("strong",null,o)))):null}
+//# sourceMappingURL=NextSectionButton.js.map

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

@@ -0,0 +1 @@
+export { NextSectionButton } from './NextSectionButton';

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

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

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

@@ -0,0 +1 @@
+export declare const NextSectionButtonWrap: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,18 @@
+import styled from"styled-components";export const NextSectionButtonWrap=styled.div`
+  padding-top: calc(var(--spacing-unit) * 4);
+  padding-bottom: calc(var(--spacing-unit) * 4);
+  padding-left: var(--spacing-horizontal);
+  padding-right: var(--spacing-horizontal);
+  align-self: flex-start;
+  text-align: right;
+
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+
+  ${({theme:a})=>a.mediaQueries[a.showAtBreakpoint.samplesPanel]} {
+    width: calc(100% - var(--panel-samples-width));
+    padding-right: var(--panel-gap-vertical, var(--panel-gap-horizontal));
+  }
+`;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { OperationItemProps } from './types';
+export declare const OperationItem: React.NamedExoticComponent<OperationItemProps>;

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

@@ -0,0 +1,9 @@
+import React,{memo,useCallback}from"react";import styled from"styled-components";import{useRecoilValue,useSetRecoilState}from"recoil";import{H2,useMount}from"@redocly/theme";import{Endpoint}from"../Endpoint";import{Row}from"../common/panels";import{Badge,SamplesMiddlePanel,SamplesPanel,ShareLink}from"../common";import{CallbacksList}from"../Callbacks";import{CallbackSamples}from"../CallbackSamples";import{ExternalDocumentation}from"../ExternalDocumentation";import{Extensions}from"../Fields";import{Markdown}from"../Markdown";import{Parameters}from"../Parameters";import{RequestSamples}from"../RequestSamples";import{ResponsesList}from"../Responses";import{ResponseSamples}from"../ResponseSamples";import{SecurityRequirements}from"../SecurityRequirement";import{ContentPanel}from"../Panel";import{RenderHook}from"../RenderHook";import{l}from"../../services";import{LayoutVariant}from"../../constants";import{creatPanelToggleEvent}from"../../events";import{showRightPanelToggleSelector,layoutSelector}from"../../recoil/app";import{globalStoreSelector}from"../../recoil/store";import{getOperation}from"../../models/operation";import{operationStore}from"../../recoil/operation";const OperationRow=styled(Row)`
+  align-items: flex-start;
+  ${H2} {
+    position: relative;
+  }
+`,Description=styled.div`
+  margin-bottom: calc(var(--spacing-unit) * 4);
+`;function OperationItemComponent({item:{operationDefinition:e,parent:t,href:o}}){var a,r,n;const s=useRecoilValue(layoutSelector),c=useRecoilValue(showRightPanelToggleSelector),{parser:m,options:i}=useRecoilValue(globalStoreSelector),{hooks:p,events:u,showWebhookVerb:d,pathInMiddlePanel:R,expandDefaultRequest:E,expandDefaultResponse:S}=i,k=getOperation(m,e,t,i,o),{name:f,description:g,deprecated:v,externalDocs:b,isWebhook:h,httpVerb:y}=k,x=useSetRecoilState(operationStore(k.pointer));useMount((()=>{x((e=>Object.assign(Object.assign({},e),{activeExampleName:k.activeExampleName,activeServer:k.activeServer})))}));const P=!(!g&&!b),C=useCallback((e=>t=>{var o;const a=creatPanelToggleEvent({operation:k,isExpanded:t,panelType:e});null===(o=null==u?void 0:u.panelToggle)||void 0===o||o.call(u,a)}),[u,k]);return React.createElement(OperationRow,{layout:s},React.createElement(SamplesMiddlePanel,{isStacked:s===LayoutVariant.STACKED},React.createElement(RenderHook,{Hook:null==p?void 0:p.BeforeOperation,props:{operation:k}}),React.createElement(H2,null,React.createElement(ShareLink,{to:o}),React.createElement(RenderHook,{Hook:null==p?void 0:p.BeforeOperationSummary,props:{operation:k}}),f,React.createElement(RenderHook,{Hook:null==p?void 0:p.AfterOperationSummary,props:{operation:k}}),v&&React.createElement(Badge,{deprecated:!0},"Deprecated"),h&&React.createElement(React.Fragment,null,React.createElement(Badge,null,"Webhook"),d&&y&&React.createElement(Badge,null,y.toUpperCase()))),R&&!h&&React.createElement(Endpoint,{operation:k}),P&&React.createElement(Description,null,void 0!==g&&React.createElement(Markdown,{source:g}),b&&React.createElement(ExternalDocumentation,{externalDocs:b}),Object.keys(k.extensions||{}).length?React.createElement(Extensions,{extensions:k.extensions}):null),React.createElement(SecurityRequirements,{securities:k.security}),(null===(a=k.parameters)||void 0===a?void 0:a.length)||k.requestBody?React.createElement(ContentPanel,{header:l("request"),onToggle:C("request"),expanded:E,className:"panel-request-schemas"},React.createElement(Parameters,{parameters:k.parameters,body:k.requestBody})):null,(null===(r=k.responses)||void 0===r?void 0:r.length)?React.createElement(ContentPanel,{header:l("responses"),onToggle:C("responses"),expanded:S,className:"panel-response-schemas"},React.createElement(ResponsesList,{responses:k.responses})):null,(null===(n=k.callbacks)||void 0===n?void 0:n.length)?React.createElement(ContentPanel,{className:"panel-callback-schemas",header:l("callbacks")},React.createElement(CallbacksList,{callbacks:k.callbacks})):null,React.createElement(RenderHook,{Hook:null==p?void 0:p.AfterOperation,props:{operation:k}})),c?React.createElement(SamplesPanel,{"data-cy":"samples-block"},!R&&!h&&React.createElement(Endpoint,{operation:k}),React.createElement(RequestSamples,{operation:k}),React.createElement(ResponseSamples,{operation:k}),React.createElement(CallbackSamples,{callbacks:k.callbacks})):null)}export const OperationItem=memo(OperationItemComponent);
+//# sourceMappingURL=OperationItem.js.map

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

@@ -0,0 +1,2 @@
+export { OperationItem } from './OperationItem';
+export type { OperationItemProps } from './types';

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

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

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

@@ -0,0 +1,4 @@
+import type { OperationMenuItem } from '../../models';
+export interface OperationItemProps {
+    item: OperationMenuItem;
+}

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

@@ -1,10 +1,5 @@
 import type { LicenseInfo } from '../services/check';
 export interface LicenseCheckProps {
-    l: Promise<LicenseInfo>;
+    licenseInfo: LicenseInfo;
 }
-export interface LicenseCheckState {
-    m: string | null;
-    exp: number;
-    local: boolean;
-}
-export declare const Overlay: ({ l }: LicenseCheckProps) => JSX.Element | null;
+export declare const Overlay: ({ licenseInfo }: LicenseCheckProps) => JSX.Element | null;

package/lib-esm/components/Overlay.js

@@ -1,4 +1,4 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,a){return new(n||(n=Promise))((function(i,l){function o(e){try{c(a.next(e))}catch(e){l(e)}}function r(e){try{c(a.throw(e))}catch(e){l(e)}}function c(e){var t;e.done?i(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(o,r)}c((a=a.apply(e,t||[])).next())}))};import React,{useState,useEffect}from"react";import styled from"styled-components";const INVALID_KEY="Invalid license key",INVALID_KEY_MISSING=INVALID_KEY+": missing key",EXPIRED="Invalid license key: expired",TRIAL_EXPIRED=EXPIRED,INVALID_HOST="Invalid license key: host not allowed";export const Overlay=({l:e})=>{const[t,n]=useState(null),[a,i]=useState(-1),[l,o]=useState(!1);return useEffect((()=>{__awaiter(void 0,void 0,void 0,(function*(){var t;const a=yield e;a.local?o(!0):(a.valid?a.allowed?a.expired&&n(a.t?EXPIRED:TRIAL_EXPIRED):n(INVALID_HOST):n(!1===a.valid?INVALID_KEY+(a.cryptoMissing?": works only with https":""):INVALID_KEY_MISSING),a.t&&i(Math.ceil(((null!==(t=null==a?void 0:a.e)&&void 0!==t?t:0)-Date.now()/1e3)/60/60/24)))}))}),[e]),l?React.createElement(TrialWrap,null,React.createElement("a",{href:"https://redoc.ly"},"Redocly API reference docs")," preview"):!t&&a>-1?React.createElement(TrialWrap,null," Trial version: ",a," days remaining "):t?React.createElement(Flash,null,React.createElement("span",null,t," ",React.createElement("br",null),React.createElement("small",null,"Please contact ",React.createElement("a",{href:"mailto:team@redoc.ly"},"team@redoc.ly")," to remedy the problem."," "))):null};const TrialWrap=styled.div`
+import React,{useState,useEffect}from"react";import styled from"styled-components";const INVALID_KEY="Invalid license key",INVALID_KEY_MISSING=INVALID_KEY+": missing key",EXPIRED="Invalid license key: expired",TRIAL_EXPIRED=EXPIRED,INVALID_HOST="Invalid license key: host not allowed";export const Overlay=({licenseInfo:e})=>{const[t,l]=useState(null),[a,i]=useState(-1),[n,r]=useState(!1);return useEffect((()=>{var t;e.local?r(!0):(e.valid?e.allowed?e.expired&&l(e.t?EXPIRED:TRIAL_EXPIRED):l(INVALID_HOST):l(!1===e.valid?INVALID_KEY+(e.cryptoMissing?": works only with https":""):INVALID_KEY_MISSING),e.t&&i(Math.ceil(((null!==(t=null==e?void 0:e.e)&&void 0!==t?t:0)-Date.now()/1e3)/60/60/24)))}),[e]),n?React.createElement(TrialWrap,null,React.createElement("a",{href:"https://redoc.ly"},"Redocly API reference docs")," preview"):!t&&a>-1?React.createElement(TrialWrap,null," Trial version: ",a," days remaining "):t?React.createElement(Flash,null,React.createElement("span",null,t," ",React.createElement("br",null),React.createElement("small",null,"Please contact ",React.createElement("a",{href:"mailto:team@redoc.ly"},"team@redoc.ly")," to remedy the problem."," "))):null};const TrialWrap=styled.div`
   padding: 10px 40px;
   position: fixed;
   text-align: right;

package/lib-esm/components/Panel/ResponsePanel.js

@@ -1,4 +1,4 @@
-import styled from"styled-components";import{Panel,PanelHeaderTitle}from"@redocly/theme";import{FieldsGroupHeader}from"../common/headers";import{StyledMarkdownSpan}from"../Markdown";import{Trigger}from"./Trigger";export const StyledResponsePanel=styled(Panel)`
+import styled from"styled-components";import{Panel,PanelHeaderTitle}from"@redocly/theme";import{FieldsGroupHeader}from"../common/headers";import{StyledMarkdownSpan}from"../Markdown/styled";import{Trigger}from"./Trigger";export const StyledResponsePanel=styled(Panel)`
   ${FieldsGroupHeader} {
     &:first-child {
       margin-top: 0;

package/lib-esm/components/Parameters/BodyContent.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import type { MediaContentModel } from '../../models';
 interface BodyContentProps {
     content: MediaContentModel;
-    description?: string;
+    description?: string | GenericObject;
 }
-export declare function BodyContent({ content, description }: BodyContentProps): JSX.Element;
+export declare const BodyContent: React.NamedExoticComponent<BodyContentProps>;
 export {};

package/lib-esm/components/Parameters/BodyContent.js

@@ -1,4 +1,4 @@
-import React from"react";import styled from"styled-components";import{MediaTypesSwitch}from"../MediaTypeSwitch";import{Markdown}from"../Markdown";import{ConstraintsView}from"../Fields";import{Schema}from"../Schema";import{DropdownWithinHeader}from"./DropdownWithinHeader";export function BodyContent({content:e,description:t}){const{isRequestType:n}=e;return React.createElement(MediaTypesSwitch,{content:e,renderDropdown:DropdownWithinHeader},(({schema:e,examples:o,operation:r})=>React.createElement(React.Fragment,null,(void 0!==t||(null==e?void 0:e.constraints))&&React.createElement(Description,null,void 0!==t&&React.createElement(Markdown,{source:t}),"object"===(null==e?void 0:e.type)&&React.createElement(ConstraintsView,{constraints:(null==e?void 0:e.constraints)||[]})),React.createElement(Schema,{skipReadOnly:n,skipWriteOnly:!n,key:"schema",schema:e,examples:o,operation:r}))))}const Description=styled.div`
+import React,{memo}from"react";import styled from"styled-components";import{MediaTypesSwitch}from"../MediaTypeSwitch";import{Markdown}from"../Markdown";import{ConstraintsView}from"../Fields";import{Schema}from"../Schema";import{DropdownWithinHeader}from"./DropdownWithinHeader";function BodyContentComponent({content:e,description:t}){const{isRequestType:o}=e;return React.createElement(MediaTypesSwitch,{content:e,renderDropdown:DropdownWithinHeader},(({schema:e,examples:n,operation:r})=>React.createElement(React.Fragment,null,(void 0!==t||(null==e?void 0:e.constraints))&&React.createElement(Description,null,void 0!==t&&React.createElement(Markdown,{source:t}),"object"===(null==e?void 0:e.type)&&React.createElement(ConstraintsView,{constraints:(null==e?void 0:e.constraints)||[]})),React.createElement(Schema,{skipReadOnly:o,skipWriteOnly:!o,key:"schema",schema:e,examples:n,operation:r}))))}export const BodyContent=memo(BodyContentComponent);const Description=styled.div`
   margin-bottom: calc(var(--spacing-unit) * 4);
 `;
 //# sourceMappingURL=BodyContent.js.map

package/lib-esm/components/Parameters/ParametersGroup.js

@@ -1,4 +1,4 @@
-import React,{memo}from"react";import styled from"styled-components";import{FieldsGroupHeader,PropertiesTable,PropertiesTableWrap}from"../../components";import{Field}from"../Fields";import{mapWithLast}from"../../utils";function ParametersGroupComponent({place:e,parameters:t}){return t&&t.length?React.createElement(Wrap,{key:e},React.createElement(FieldsGroupHeader,null,e," Parameters"),React.createElement(PropertiesTableWrap,null,React.createElement(PropertiesTable,null,React.createElement("tbody",null,mapWithLast(t,((e,t)=>React.createElement(Field,{key:e.name,isLast:t,field:e,showExamples:!0}))))))):null}export const ParametersGroup=memo(ParametersGroupComponent);export const Wrap=styled.div`
+import React,{memo}from"react";import styled from"styled-components";import{FieldsGroupHeader,PropertiesTable}from"../../components";import{Field}from"../Fields";import{mapWithLast}from"../../utils";function ParametersGroupComponent({place:e,parameters:t}){return t&&t.length?React.createElement(Wrap,{key:e},React.createElement(FieldsGroupHeader,null,e," Parameters"),React.createElement(PropertiesTable,null,React.createElement("tbody",null,mapWithLast(t,((e,t)=>React.createElement(Field,{key:e.name,isLast:t,field:e,showExamples:!0})))))):null}export const ParametersGroup=memo(ParametersGroupComponent);export const Wrap=styled.div`
   margin: 20px 0 0 0;
   padding-bottom: 20px;
   border-bottom: 1px solid var(--border-color);

package/lib-esm/components/PayloadSamples/MediaTypeSamples.d.ts

@@ -1,4 +1,3 @@
+import React from 'react';
 import type { MediaTypeSamplesProps } from './types';
-declare function MediaTypeSamplesComponent({ mediaType, onlyDefaultSample, properties, onChange, onCopyClick, }: MediaTypeSamplesProps): JSX.Element;
-export declare const MediaTypeSamples: typeof MediaTypeSamplesComponent;
-export {};
+export declare const MediaTypeSamples: React.NamedExoticComponent<MediaTypeSamplesProps>;

package/lib-esm/components/PayloadSamples/MediaTypeSamples.js

@@ -1,2 +1,2 @@
-import React from"react";import merge from"deepmerge";import{observer}from"mobx-react";import{NoSampleLabel}from"../shared";import{Markdown}from"../Markdown";import{Example}from"./Example";import{ExampleWrapper}from"./styled";import{ExampleSwitch,useExampleKey}from"../Samples";import{arrayMergeStrategy}from"../../services/utils";function MediaTypeSamplesComponent({mediaType:e,onlyDefaultSample:a,properties:t,onChange:r,onCopyClick:m}){const l=e.examples||{},p=e.name,o=Object.keys(l),{exampleKey:n,defaultExampleName:c}=useExampleKey(e.operation,l),i=1===o.length?Object.values(l)[0]:l[n];if(!o.length)return React.createElement(NoSampleLabel,null,"No sample");const s=t?Object.assign(Object.assign({},i),{value:merge(i.value,t,{arrayMerge:arrayMergeStrategy})}):i,y=s.description;return c&&a?React.createElement(React.Fragment,null,s.description&&React.createElement(Markdown,{source:s.description}),React.createElement(Example,{example:s,mimeType:p,onCopyClick:m})):React.createElement(React.Fragment,null,React.createElement(ExampleSwitch,{examples:l,exampleKey:n,onChange:r}),React.createElement(ExampleWrapper,null,y&&React.createElement(Markdown,{source:y}),React.createElement(Example,{example:s,mimeType:p,onCopyClick:m})))}export const MediaTypeSamples=observer(MediaTypeSamplesComponent);
+import React,{memo}from"react";import merge from"deepmerge";import{NoSampleLabel}from"../shared";import{Markdown}from"../Markdown";import{Example}from"./Example";import{ExampleWrapper}from"./styled";import{ExampleSwitch,useExampleKey}from"../Samples";import{arrayMergeStrategy}from"../../services/utils";function MediaTypeSamplesComponent({mediaType:e,onlyDefaultSample:a,properties:t,onChange:m,onCopyClick:r}){const l=e.examples||{},p=e.name,o=Object.keys(l),{exampleKey:n,defaultExampleName:c}=useExampleKey(e.operation,l),i=1===o.length?Object.values(l)[0]:l[n];if(!o.length)return React.createElement(NoSampleLabel,null,"No sample");const s=t?Object.assign(Object.assign({},i),{value:merge(i.value,t,{arrayMerge:arrayMergeStrategy})}):i,y=s.description;return c&&a?React.createElement(React.Fragment,null,s.description&&React.createElement(Markdown,{source:s.description}),React.createElement(Example,{example:s,mimeType:p,onCopyClick:r})):React.createElement(React.Fragment,null,React.createElement(ExampleSwitch,{examples:l,exampleKey:n,onChange:m}),React.createElement(ExampleWrapper,null,y&&React.createElement(Markdown,{source:y}),React.createElement(Example,{example:s,mimeType:p,onCopyClick:r})))}export const MediaTypeSamples=memo(MediaTypeSamplesComponent);
 //# sourceMappingURL=MediaTypeSamples.js.map

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

@@ -1,4 +1,3 @@
+import React from 'react';
 import type { PayloadSamplesProps } from './types';
-declare function PayloadSamplesComponent({ onlyDefaultMimeType, operation, content: mimeContent, ...props }: PayloadSamplesProps): JSX.Element;
-export declare const PayloadSamples: typeof PayloadSamplesComponent;
-export {};
+export declare const PayloadSamples: React.NamedExoticComponent<PayloadSamplesProps>;

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

@@ -1,2 +1,2 @@
-var __rest=this&&this.__rest||function(e,o){var r={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&o.indexOf(t)<0&&(r[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(t=Object.getOwnPropertySymbols(e);a<t.length;a++)o.indexOf(t[a])<0&&Object.prototype.propertyIsEnumerable.call(e,t[a])&&(r[t[a]]=e[t[a]])}return r};import{observer}from"mobx-react";import React,{useCallback}from"react";import{DropdownOrLabel}from"../DropdownOrLabel";import{MediaTypesSwitch}from"../MediaTypeSwitch";import{MimeLabel}from"../shared";import{Dropdown}from"../common/Dropdown";import{MediaTypeSamples}from"./MediaTypeSamples";import{DropdownWrapper}from"./styled";function PayloadSamplesComponent(e){var{onlyDefaultMimeType:o,operation:r,content:t}=e,a=__rest(e,["onlyDefaultMimeType","operation","content"]);const n=useCallback((e=>o&&(null==r?void 0:r.defaultMimeType)?null:React.createElement(DropdownWrapper,null,React.createElement(DropdownOrLabel,Object.assign({Label:MimeLabel,Dropdown:Dropdown,variant:"dark",fullWidth:!0},e)))),[o,null==r?void 0:r.defaultMimeType]),p=useCallback((e=>t.activateExampleName(e)),[t]);return React.createElement(MediaTypesSwitch,{content:t,renderDropdown:n},(e=>React.createElement(MediaTypeSamples,Object.assign({key:"samples",mediaType:e},a,{onChange:p}))))}export const PayloadSamples=observer(PayloadSamplesComponent);
+var __rest=this&&this.__rest||function(e,o){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)o.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(t[r[a]]=e[r[a]])}return t};import React,{memo,useCallback}from"react";import{useRecoilValue}from"recoil";import{DropdownOrLabel}from"../DropdownOrLabel";import{MediaTypesSwitch}from"../MediaTypeSwitch";import{MimeLabel}from"../shared";import{Dropdown}from"../common/Dropdown";import{MediaTypeSamples}from"./MediaTypeSamples";import{DropdownWrapper}from"./styled";import{activeMimeNameSelector}from"../../recoil/app";import{useActivateExample}from"../../hooks";function PayloadSamplesComponent(e){var{onlyDefaultMimeType:o,content:t}=e,r=__rest(e,["onlyDefaultMimeType","content"]);const a=useActivateExample(t),p=useRecoilValue(activeMimeNameSelector),l=o&&p,n=useCallback((e=>l?null:React.createElement(DropdownWrapper,null,React.createElement(DropdownOrLabel,Object.assign({Label:MimeLabel,Dropdown:Dropdown,variant:"dark",fullWidth:!0},e)))),[l]),m=e=>a(e);return React.createElement(MediaTypesSwitch,{content:t,renderDropdown:n},(e=>React.createElement(MediaTypeSamples,Object.assign({key:"samples",mediaType:e},r,{onChange:m}))))}export const PayloadSamples=memo(PayloadSamplesComponent);
 //# sourceMappingURL=PayloadSamples.js.map

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

@@ -1,4 +1,4 @@
-import type { ExampleModel, MediaContentModel, MediaTypeModel, OperationModel } from '../../models';
+import type { ExampleModel, MediaContentModel, MediaTypeModel } from '../../models';
 import type { OpenAPIEncoding } from '../../types';
 export interface ExampleProps extends Pick<MediaTypeSamplesProps, 'onCopyClick'> {
     example: ExampleModel;
@@ -20,6 +20,5 @@ export interface MediaTypeSamplesProps {
 }
 export interface PayloadSamplesProps extends Pick<MediaTypeSamplesProps, 'properties' | 'onCopyClick'> {
     content: MediaContentModel;
-    operation?: OperationModel;
     onlyDefaultMimeType?: boolean;
 }

package/lib-esm/components/PayloadSamples/useExternalExample.js

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,r){return new(n||(n=Promise))((function(u,c){function i(t){try{o(r.next(t))}catch(t){c(t)}}function a(t){try{o(r.throw(t))}catch(t){c(t)}}function o(t){var e;t.done?u(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(i,a)}o((r=r.apply(t,e||[])).next())}))};import{useEffect,useRef,useState}from"react";export function useExternalExample(t,e){const[,n]=useState(!0),r=useRef(void 0),u=useRef(void 0);return u.current!==t&&(r.current=void 0),u.current=t,useEffect((()=>{(()=>{__awaiter(this,void 0,void 0,(function*(){n(!0);try{r.current=yield t.getExternalValue(e)}catch(t){r.current=t}n(!1)}))})()}),[t,e]),r.current}
+var __awaiter=this&&this.__awaiter||function(e,t,n,r){return new(n||(n=Promise))((function(u,a){function c(e){try{o(r.next(e))}catch(e){a(e)}}function i(e){try{o(r.throw(e))}catch(e){a(e)}}function o(e){var t;e.done?u(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(c,i)}o((r=r.apply(e,t||[])).next())}))};import{useEffect,useRef,useState}from"react";import{getExternalExampleValue}from"../../models";export function useExternalExample(e,t){const[,n]=useState(!0),r=useRef(void 0),u=useRef(void 0);return u.current!==e&&(r.current=void 0),u.current=e,useEffect((()=>{(()=>{__awaiter(this,void 0,void 0,(function*(){n(!0);try{r.current=yield getExternalExampleValue(t,e.externalValueUrl)}catch(e){r.current=e}n(!1)}))})()}),[e,t]),r.current}
 //# sourceMappingURL=useExternalExample.js.map

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

@@ -0,0 +1,6 @@
+import type { PropsWithChildren } from 'react';
+import type { ProvidersProps, AppProviderProps, StoreProviderProps } from './types';
+import type { RecoilRootProps } from '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: ({ children, options: rawOptions, definitionUrl, definition, activeSampleLanguage, portalOptions, }: RecoilRootProps & StoreProviderProps) => JSX.Element;

package/lib-esm/components/RedoclyOpenAPIDocs/Providers.js

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(e,t,o,i){return new(o||(o=Promise))((function(n,r){function a(e){try{s(i.next(e))}catch(e){r(e)}}function l(e){try{s(i.throw(e))}catch(e){r(e)}}function s(e){var t;e.done?n(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(a,l)}s((i=i.apply(e,t||[])).next())}))};import{ThemeProvider}from"styled-components";import React,{useEffect,useMemo,useState}from"react";import{Tag}from"@markdoc/markdoc";import{Heading}from"@redocly/theme";import{RecoilRoot}from"recoil";import RecoilNexus from"recoil-nexus";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"../../recoil/app";import{globalStore}from"../../recoil/store";import{operationStore}from"../../recoil/operation";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(),[l,s]=useState(!0),[p,c]=useState(null);useEffect((()=>{!function(){__awaiter(this,void 0,void 0,(function*(){s(!0);try{c(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(p)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:p,options:t,definitionUrl:o,activeSampleLanguage:n}})),{definition:p,options:t,definitionUrl:o,activeSampleLanguage:n}}),useDeepCompareMemoize([p,t,o]));return useEffect((()=>{m&&s(!1)}),[m]),m?l?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,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 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=({children:e,options:t,definitionUrl:o,definition:i,activeSampleLanguage:n,portalOptions:r})=>React.createElement(RecoilRoot,{initializeState:({set:e})=>{var a;const l=normalizeOptions(Object.assign({},t),DEFAULT_OPTIONS);let s;s=isVersioned(i)?(null===(a=i.versions)||void 0===a?void 0:a.map((({spec:e,id:t,title:o,url:i},n)=>{if(e)return{id:t||`Definition_${n}`,title:o||`Definition_${n}`,url:i,parser:new OpenAPIParser(e,void 0,l)}})).filter(Boolean))||[]:[{url:o,parser:new OpenAPIParser(i,o,l)}];const p=JSON.parse(fromLocalStorage("appLocalStore")||"{}"),c=JSON.parse(fromSessionStorage("appSessionStore")||"{}");if(e(appSessionStore,{showRightPanelToggle:c.showRightPanelToggle||l.showRightPanelToggle,activeVersionIdx:0}),e(appLocalStore,{layout:p.layout||l.layout,activeSampleLanguage:n||p.activeSampleLanguage||l.defaultSampleLanguage}),e(globalStore,{options:l,versions:s}),e(appStore,{isSidebarOpened:!1,tryItOperation:void 0,isLoading:!1,activeMimeName:(null==r?void 0:r.defaultMimeType)||""}),null==r?void 0:r.operation){const{pointer:t,activeExampleName:o,activeServer:i}=r.operation;e(operationStore(t),{activeExampleName:o,activeOneOf:0,activeServer:i,requestValues:{}})}}},React.createElement(RecoilNexus,null),e);const isVersioned=e=>"versions"in e;
+//# sourceMappingURL=Providers.js.map

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

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

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

@@ -0,0 +1,2 @@
+import React,{useRef,useCallback,memo}from"react";import{SidebarLogo,GlobalStyle,useMount}from"@redocly/theme";import{useRecoilValue,useRecoilState}from"recoil";import{useLocation}from"react-router-dom";import{LayoutVariant}from"../../constants";import{Search}from"../Search";import{Console}from"../rightPanel/Console";import{ThemeProviders,AppProvider,StoreProvider}from"./Providers";import{Overlay}from"../Overlay";import{VersionSwitcher}from"../VersionSwitcher";import{BackgroundStub,BackgroundStubFix,ApiContentWrap,ControlsWrap,RedocWrapStyled,CssFixes}from"./styled";import{StickyResponsiveSidebar}from"../StickySidebar";import{DownloadButtonWithLabel}from"../Download";import{ErrorBoundary}from"../ErrorBoundary";import{SideMenu}from"../SideMenu";import{ContentItems}from"../ContentItems";import{ChangeViewButton}from"../ChangeViewButton";import{ToggleRightPanelButton}from"../ToggleRightPanelButton";import{activeVersionIdxSelector,appSessionStore,layoutSelector,tryItOperationSelector}from"../../recoil/app";import{globalStore}from"../../recoil/store";import{useContentItems,useLicense}from"../../hooks";import{withRouter}from"../../hoc/withRouter";import{compose}from"../../utils";const RedoclyOpenAPIDocsComponent=compose(withRouter,memo)((({licenseKey:e,onLoaded:o,_forceRenderInfo:t,children:n})=>{var r,i,a,l,c;const s=useRef(null),{pathname:u}=useLocation(),{isValid:m,licenseInfo:d}=useLicense(e);useMount((()=>{null==o||o()}));const{options:{hideDownloadButton:p,hideInfoSection:R,pagination:f,disableSidebar:S,whiteLabel:g,hideLogo:h,hideFab:v,showNextButton:E,scrollYOffset:y,disablePaginationLoadingAnimation:b},options:I,versions:C}=useRecoilValue(globalStore),{showRightPanelToggle:L}=useRecoilValue(appSessionStore),[P,w]=useRecoilState(activeVersionIdxSelector),B=useRecoilValue(layoutSelector),[V,A]=useRecoilState(tryItOperationSelector),x=useCallback((({idx:e})=>{e&&w(e),A(void 0)}),[w,A]),k=C[P].parser,{flatItems:D,contentItems:T}=useContentItems({parser:k,options:I});if(!C.length)return null;let O=!R;t&&(O=!0);const W=!O&&null!==p&&!p&&("none"===f||"/"===u),N=null===(i=null===(r=k.definition)||void 0===r?void 0:r.info)||void 0===i?void 0:i["x-logo"];return React.createElement(ThemeProviders,{options:I},React.createElement(GlobalStyle,null),React.createElement(RedocWrapStyled,{className:"redoc-wrap",ref:s},!m&&React.createElement(Overlay,{licenseInfo:d}),React.createElement(CssFixes,{whiteLabel:g,showRightPanelToggle:L,layout:B}),V&&React.createElement(Console,{rootElement:s.current,operation:V,onClose:()=>A(void 0)}),!S&&React.createElement(StickyResponsiveSidebar,{hideFab:v,scrollYOffset:y,className:"menu-content"},!h&&React.createElement(SidebarLogo,{imageUrl:null==N?void 0:N.url,href:(null==N?void 0:N.href)||(null===(c=null===(l=null===(a=k.definition)||void 0===a?void 0:a.info)||void 0===l?void 0:l.contact)||void 0===c?void 0:c.url),altText:null==N?void 0:N.altText,backgroundColor:null==N?void 0:N.backgroundColor}),C.length>1&&React.createElement(VersionSwitcher,{versions:C,activeVersionIdx:P,onChange:x}),React.createElement(Search,{contentItems:T,flatItems:D,options:I}),React.createElement(SideMenu,{items:m?T:[]})),React.createElement(ApiContentWrap,{className:"api-content",id:"api-content",layout:B===LayoutVariant.THREE_PANEL&&L?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED},L&&B!==LayoutVariant.STACKED&&React.createElement(BackgroundStub,null),W&&React.createElement(DownloadButtonWithLabel,null),React.createElement(ContentItems,{root:!0,items:m?T:[],showNextButton:E,showApiInfo:O,pagination:f,disablePaginationLoadingAnimation:b}),n),React.createElement(ControlsWrap,null,React.createElement(ToggleRightPanelButton,null),React.createElement(ChangeViewButton,null)),L&&B!==LayoutVariant.STACKED&&React.createElement(BackgroundStubFix,null)))}));export function RedoclyOpenAPIDocs({onLoaded:e,_forceRenderInfo:o,children:t,store:n}){var r,i,a;return n?React.createElement(StoreProvider,Object.assign({},n),React.createElement(RedoclyOpenAPIDocsComponent,{onLoaded:e,_forceRenderInfo:o,basePath:null===(r=n.options)||void 0===r?void 0:r.routingBasePath,licenseKey:null===(i=n.options)||void 0===i?void 0:i.licenseKey,enableRouter:null===(a=n.options)||void 0===a?void 0:a.enableRouter},t)):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)}
+//# sourceMappingURL=RedoclyOpenAPIDocs.js.map

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

@@ -0,0 +1,2 @@
+import type { RedoclyOpenAPIDocsMultiStandaloneProps } from './types';
+export declare function RedoclyOpenAPIDocsMultiStandalone({ definitions, options, }: RedoclyOpenAPIDocsMultiStandaloneProps): JSX.Element;

package/lib-esm/components/RedoclyOpenAPIDocs/RedoclyOpenAPIDocsMultiStandalone.js

@@ -0,0 +1,2 @@
+import React from"react";import{AppProvider}from"./Providers";import{RedoclyOpenAPIDocs}from"./RedoclyOpenAPIDocs";import{ErrorBoundary}from"../ErrorBoundary";export function RedoclyOpenAPIDocsMultiStandalone({definitions:o,options:e={}}){return React.createElement(ErrorBoundary,null,React.createElement(AppProvider,{definitions:o,options:e},React.createElement(RedoclyOpenAPIDocs,null)))}
+//# sourceMappingURL=RedoclyOpenAPIDocsMultiStandalone.js.map

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

@@ -0,0 +1,5 @@
+export * from './RedoclyOpenAPIDocs';
+export * from './RedoclyOpenAPIDocsMultiStandalone';
+export * from './Providers';
+export * from './types';
+export * from './utils';

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

@@ -0,0 +1,2 @@
+export*from"./RedoclyOpenAPIDocs";export*from"./RedoclyOpenAPIDocsMultiStandalone";export*from"./Providers";export*from"./types";export*from"./utils";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,13 @@
+import type { FlattenSimpleInterpolation } from 'styled-components';
+import type { CssFixesProps } from './types';
+import { LayoutVariant } from '../../constants';
+export declare const RedocWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ApiContentWrap: import("styled-components").StyledComponent<"div", any, {
+    layout?: LayoutVariant | 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 ControlsWrap: import("styled-components").StyledComponent<"span", 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

@@ -0,0 +1,170 @@
+import styled,{createGlobalStyle,css}from"styled-components";import{LayoutVariant}from"../../constants";import{SamplesMiddlePanel,SamplesPanel}from"../common/panels";import{NextSectionButtonWrap}from"../NextSectionButton/styled";export const RedocWrap=styled.div`
+  display: flex;
+  position: relative;
+  text-align: left;
+  tap-highlight-color: rgba(0, 0, 0, 0);
+  text-size-adjust: 100%;
+  text-rendering: var(--text-rendering, auto) !important;
+
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  font-weight: var(--font-weight-regular);
+  color: var(--text-color);
+  -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: auto;
+
+  ${({layout:e=LayoutVariant.THREE_PANEL,theme:a})=>css`
+      max-width: ${e===LayoutVariant.THREE_PANEL?"100%":""};
+
+      ${a.mediaQueries.small} {
+        width: calc(100% - var(--sidebar-width));
+        max-width: var(--layout-${e}-small-max-width);
+      }
+
+      ${a.mediaQueries.medium} {
+        max-width: var(--layout-${e}-medium-max-width);
+      }
+
+      ${a.mediaQueries.large} {
+        max-width: var(--layout-${e}-large-max-width);
+      }
+
+      ${a.mediaQueries.print} {
+        width: 100%;
+        padding: 0;
+      }
+    `};
+`;export const BackgroundStub=styled.div`
+  position: absolute;
+  display: none;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  left: 0;
+  background: var(--panel-samples-block-background-color);
+
+  ${({theme:e})=>css`
+    ${e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
+      display: initial;
+      left: calc(100% - var(--panel-samples-width));
+    }
+
+    ${e.mediaQueries.print} {
+      display: none;
+    }
+  `}
+`;const getBackgroundStubFixWidth=e=>css`
+  width: calc(
+    (
+        100% - min(100% - var(--sidebar-width) - var(--layout-controls-width), var(${e})) -
+          var(--sidebar-width) + var(--layout-controls-width)
+      ) / 2 + 2px /* 2px to account for rounding errors */
+  );
+`;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:e})=>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;
+    }
+  `}
+`;export const ControlsWrap=styled.span`
+  position: sticky;
+  display: none;
+  flex-direction: column;
+  justify-content: space-between;
+  top: calc(var(--navbar-height) + var(--layout-controls-top-offset));
+  right: 24px;
+  height: calc(var(--layout-controls-height) * 2 + var(--spacing-unit) * 2);
+  z-index: 1;
+
+  ${({theme:e})=>css`
+    ${e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
+      display: flex;
+    }
+
+    ${e.mediaQueries.print} {
+      display: none;
+    }
+  `}
+`;export const RedocWrapStyled=styled(RedocWrap)`
+  background-color: var(--background-color);
+`;export const getMarginFixesByName=e=>css`
+  margin: 0 max(calc((100% - var(--panel-samples-width) - var(${e})) / 2), 0);
+`;export const CssFixes=createGlobalStyle`
+  div[data-section-id]::after {
+    content: " ";
+    display: block;
+    height: 0;
+    clear: both;
+    visibility: hidden;
+  }
+
+  ${SamplesPanel} {
+    ${({layout:e})=>{if(e===LayoutVariant.STACKED)return css`
+          width: 100%;
+          padding-left: var(--spacing-horizontal);
+        `}}
+    ${({showRightPanelToggle:e})=>{if(!e)return css`
+          ${({theme:e})=>e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
+            display: none;
+          }
+        `}}
+  }
+
+  ${BackgroundStub}, ${BackgroundStubFix} {
+    ${({showRightPanelToggle:e,layout:a})=>{if(!e&&a===LayoutVariant.STACKED)return css`
+          ${({theme:e})=>e.mediaQueries[e.showAtBreakpoint.samplesPanel]} {
+            display: none;
+          }
+        `}}
+  }
+
+  ${SamplesMiddlePanel}, ${NextSectionButtonWrap} {
+    ${({showRightPanelToggle:e,layout:a})=>e&&a===LayoutVariant.THREE_PANEL?css`
+          margin: 0;
+          ${({theme:e})=>e.mediaQueries.small} {
+            ${getMarginFixesByName("--layout-panel-schemas-small-max-width")};
+          }
+          ${({theme:e})=>e.mediaQueries.medium} {
+            max-width: var(--layout-panel-schemas-medium-max-width);
+            ${getMarginFixesByName("--layout-panel-schemas-medium-max-width")};
+          }
+          ${({theme:e})=>e.mediaQueries.large} {
+            max-width: var(--layout-panel-schemas-large-max-width);
+            ${getMarginFixesByName("--layout-panel-schemas-large-max-width")};
+          }
+        `:a===LayoutVariant.STACKED?css`
+          width: 100%;
+          padding-right: var(--spacing-horizontal);
+        `:void 0};
+  }
+`;
+//# sourceMappingURL=styled.js.map