@redocly/reference-docs 2.43.4 → 2.43.5

package/lib-browser/components/console/TryItPanel.js

@@ -0,0 +1,19 @@
+import{__rest}from"tslib";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Header,Panel,Title,Trigger}from"../Panel";import{CrossIcon,LockIcon,ShelfIcon}from"../../redoc-lib";import styled from"../../redoc-lib/src/styled-components";import{PanelBody}from"../Panel/PanelBody";export function TryItPanel(e){var{header:r,error:o,success:s}=e,d=__rest(e,["header","error","success"]);return _jsx(StyledTryItPanel,Object.assign({},d,{header:({toggle:e,expanded:i})=>_jsxs(Header,Object.assign({onClick:e,isExpanded:i,"data-cy":d["data-cy"]},{children:[_jsxs(Trigger,{children:[_jsx(Title,{children:r},void 0),_jsx(ShelfIcon,{direction:i?"down":"right"},void 0)]},void 0),o&&_jsx(CrossIcon,{size:"14px",color:"#ff908b"},void 0)||null,s&&_jsx(LockIcon,{size:"14px",color:"#56ff26"},void 0)||null]}),void 0)}),void 0)}const StyledTryItPanel=styled(Panel)`
+  ${Header} {
+    color: white;
+    border: 1px solid ${({error:e})=>e?"#ff908b":"#89949f"};
+    padding: 10px;
+  }
+
+  ${ShelfIcon} path {
+    fill: white;
+  }
+
+  ${PanelBody} {
+    padding: 15px 10px;
+    background-color: #3e4c59;
+    border: 1px solid ${({error:e})=>e?"#ff908b":"#89949f"};
+    border-top: 0;
+  }
+`;
+//# sourceMappingURL=TryItPanel.js.map

package/lib-browser/components/console/codemirror-helpers.d.ts

@@ -0,0 +1,10 @@
+import 'codemirror/mode/javascript/javascript';
+import 'codemirror/addon/edit/matchbrackets';
+import 'codemirror/addon/lint/lint';
+import 'codemirror/addon/hint/show-hint';
+import 'codemirror/addon/edit/closebrackets';
+import 'codemirror/addon/search/searchcursor';
+import 'codemirror/lib/codemirror.css';
+import 'codemirror/theme/material.css';
+import 'codemirror/addon/lint/lint.css';
+import 'codemirror/addon/hint/show-hint.css';

package/lib-browser/components/console/codemirror-helpers.js

@@ -0,0 +1,2 @@
+import*as CodeMirror from"codemirror";import{TextDocument,getLanguageService}from"@redocly/vscode-json-languageservice";import"codemirror/mode/javascript/javascript";import"codemirror/addon/edit/matchbrackets";import"codemirror/addon/lint/lint";import"codemirror/addon/hint/show-hint";import"codemirror/addon/edit/closebrackets";import"codemirror/addon/search/searchcursor";import"codemirror/lib/codemirror.css";import"codemirror/theme/material.css";import"codemirror/addon/lint/lint.css";import"codemirror/addon/hint/show-hint.css";const serv=getLanguageService({});CodeMirror.registerHelper("lint","json",(async function(e,r){const{schema:t,setError:o}=r;serv.configure({validate:!0,schemas:[{uri:"stub://"+r.id,fileMatch:["*"],schema:t}]});const i=TextDocument.create(r.id+".json","json",0,e),a=serv.parseJSONDocument(i),s=await serv.doValidation(i,a);return s.length?o&&o(s[0].message):o&&o(void 0),s.map((e=>({from:CodeMirror.Pos(e.range.start.line,e.range.start.character),to:CodeMirror.Pos(e.range.end.line,e.range.end.character),message:e.message})))})),CodeMirror.registerHelper("hint","json",(async(e,r)=>{const t=r.schema;if(!t)return;serv.configure({validate:!0,schemas:[{uri:"stub://"+r.id,fileMatch:["*"],schema:t}]});const o=e.getDoc().getCursor(),i=e.getTokenAt(o),a=TextDocument.create(r.id+".json","json",0,e.getValue()),s=serv.parseJSONDocument(a),n=await serv.doComplete(a,{line:o.line,character:o.ch},s);let c=n?n.items.map((e=>({text:e.insertText,displayText:e.label,filter:e.filterText||e.label,from:{line:e.textEdit.range.start.line,ch:e.textEdit.range.start.character},to:{line:e.textEdit.range.end.line,ch:e.textEdit.range.end.character},hint:(e,r,t)=>{const o="_$__REDOC_CURSOR_HERE";let i=t.text.replace(/(\$1|\${1:[^}]+})/,o)||"";if(i=i.replace(/(\$\d+|\${[^}]+})/g,"")||"",e.setSelection(t.from,t.to),i.indexOf("\n")>-1){const r=e.getLine(e.getCursor().line).search(/(\S|$)/);i=i.replace(/\n/g,"\n"+(e=>{let r="";for(;e--;)r+=" ";return r})(r))}e.replaceSelection(i);const a=e.getSearchCursor(o,t.from);a.findNext()&&(e.setCursor(a.from()),a.replace(""))}}))):[];return/(property|string)/.test(i.type||"")&&(c=c.filter((e=>e.filter.replace(/(^"|"$)/g,"").startsWith(i.string.replace(/(^"|"$)/g,""))))),{from:CodeMirror.Pos(o.line,i.start),to:CodeMirror.Pos(o.line,o.ch),list:c}}));
+//# sourceMappingURL=codemirror-helpers.js.map

package/lib-browser/components/console/styled.d.ts

@@ -0,0 +1,9 @@
+export declare const blink: import("styled-components").Keyframes;
+export declare const ConsoleWrap: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {
+    shaking?: boolean | undefined;
+    fullWidth?: number | undefined;
+}, never>;
+export declare const ConsoleBody: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const CloseButton: import("styled-components").StyledComponent<"span", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const invertedInputStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("../../services/extendTheme").ProTheme>>;
+export declare const FlowName: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;

package/lib-browser/components/console/styled.js

@@ -0,0 +1,80 @@
+import{darken}from"polished";import styled,{css,keyframes,mediaCSS}from"../../redoc-lib/src/styled-components";const shake=keyframes`
+  10%, 90% {
+    transform: translate3d(-1px, 0, 0);
+  }
+
+  20%, 80% {
+    transform: translate3d(2px, 0, 0);
+  }
+
+  30%, 50%, 70% {
+    transform: translate3d(-4px, 0, 0);
+  }
+
+  40%, 60% {
+    transform: translate3d(4px, 0, 0);
+  }
+`;export const blink=keyframes`
+  0% {
+    background-color: ${darken(.3,"#59C3FF")};
+  }
+
+  50% {
+    background-color: #59C3FF;
+  }
+
+  100% {
+    background-color: ${darken(.3,"#59C3FF")};
+  }
+`;const shakeAnimation=css`
+  animation: ${shake} 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
+`;export const ConsoleWrap=styled.div`
+  background-color: ${({theme:o})=>o.rightPanel.panelBackgroundColor};
+  color: ${({theme:o})=>o.colors.text.light};
+  font-family: ${({theme:o})=>o.typography.code.fontFamily};
+  border-radius: ${({theme:o})=>o.components.panels.borderRadius};
+  overflow: hidden;
+  z-index: 10;
+  display: flex;
+  flex-direction: column;
+  max-height: calc(85vh - ${({theme:o})=>o.scrollYOffset()}px);
+  margin-bottom: 10px;
+  ${({shaking:o})=>o&&shakeAnimation};
+  > div:last-child {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
+`;export const ConsoleBody=styled.div`
+  flex: 1;
+  padding: 20px 20px 15px;
+  overflow: auto;
+  display: ${({hidden:o})=>o?"none":"flex"};
+  flex-direction: column;
+  position: relative;
+  background-color: ${({theme:o})=>o.rightPanel.panelBackgroundColor};
+`;export const CloseButton=styled.span`
+  cursor: pointer;
+  font-size: 24px;
+  font-weight: bold;
+  color: ${({theme:o})=>o.colors.text.light};
+`;export const invertedInputStyles=css`
+  border: none;
+  outline: none;
+  padding: 8px;
+  border-radius: ${({theme:o})=>o.shape.borderRadius};
+  background-color: ${({theme:o})=>o.rightPanel.panelControlsBackgroundColor};
+  ${({theme:o})=>mediaCSS({color:o.colors.text.light,fontFamily:o.typography.code.fontFamily,fontSize:o.typography.fontSize})}
+
+  &::placeholder {
+    opacity: 0.6;
+    color: ${({theme:o})=>o.colors.text.light};
+  }
+
+  &:-webkit-autofill {
+    background-color: ${({theme:o})=>o.rightPanel.panelBackgroundColor};
+  }
+`;export const FlowName=styled.div`
+  margin-top: 5px;
+  margin-bottom: 10px;
+`;
+//# sourceMappingURL=styled.js.map

package/lib-browser/components/console/utils.d.ts

@@ -0,0 +1,26 @@
+import type { RequestAuth } from '../../types';
+import type { ExampleModel, FieldModel, OpenAPIServer, OperationModel, Server, ServerVariables } from '../../redoc-lib';
+import type { RedocProNormalizedOptions } from '../../services';
+import type { RequestBodyProps } from './RequestBody';
+export declare function normalizeUrlProtocol(url: string): string;
+export declare function updateStorage(state: GenericObject): void;
+export declare const getParameters: (parameters: FieldModel[], type: string) => GenericObject;
+export declare function getServerWithVariables(operationServers: OpenAPIServer[], activeIndex?: number): Server;
+export declare function getInitialServerWithVariables(operationServers: OpenAPIServer[]): Server;
+export declare function expandVariables(url: string, variables?: GenericObject): string;
+export declare function expandDefaultServerVariables(url: string, variables?: GenericObject): string;
+export declare function getDefaultOrStoredVariables(server?: OpenAPIServer): ServerVariables;
+export declare function updateVariablesStorage(name: string, value: string): void;
+export declare function unescapeQueryParams(params: GenericObject): GenericObject;
+export declare function getFileNameFromHeaders(headers: Record<string, string>): string;
+export declare const makeRequestInterceptor: ({ requestInterceptor, sendXUserAgentInTryIt, disableTryItRequestUrlEncoding, }: Pick<RedocProNormalizedOptions, 'requestInterceptor' | 'sendXUserAgentInTryIt' | 'disableTryItRequestUrlEncoding'>, operation: OperationModel, auth?: RequestAuth | undefined) => (req: Request) => void | Request;
+export declare const validateTokenEndpointMethod: (token: string[] | string | undefined) => boolean;
+export declare const getOAuth2TokenEndpointAuthHeader: ({ authMethod, clientId, clientSecret, }: {
+    authMethod?: string | string[] | undefined;
+    clientId: string;
+    clientSecret: string;
+}) => Record<'Authorization', string> | GenericObject;
+export declare function encodeSample(sample: ExampleModel, properties: RequestBodyProps['properties']): string;
+export declare const getStorageExampleKey: (operationId: string, activeMimeType: string, activeExample?: string | false | undefined, examples?: {
+    [name: string]: ExampleModel;
+} | undefined) => string;

package/lib-browser/components/console/utils.js

@@ -0,0 +1,2 @@
+import merge from"deepmerge";import{MediaTypes}from"../../types";import{arrayMergeStrategy}from"../../services/utils";import{fromSessionStorage,getParameterValue,setParameterValue,setSecurityDetails,toSessionStorage,unescapeFormId}from"../../utils";export function normalizeUrlProtocol(e){return e.startsWith("//")?"https:"+e:e}export function updateStorage(e){if(e.values.auth)for(const t of Object.keys(e.values.auth)){const r=e.values.auth[t];setSecurityDetails(t,r)}updateParameterStorage(e)}function updateParameterStorage(e){var t;for(const r of["path","query","header","cookie"])if(null===(t=e.values)||void 0===t?void 0:t[r])for(const t of Object.keys(e.values[r]))setParameterValue(r,t,e.values[r][t])}export const getParameters=(e,t)=>e.filter((e=>e.in===t)).reduce(((e,t)=>{const{in:r,name:a}=t;return e[a]=getParameterValue(r||"",a),e}),{});const pathTemplateRegExp=/(?:{)(\w+)(?:})/g;export function getServerWithVariables(e,t=0){const r=e[t],a=getDefaultOrStoredVariables(r);return Object.assign(Object.assign({},r),{variables:a})}export function getInitialServerWithVariables(e){const t=fromSessionStorage("serverUrl"),r=e.find((e=>e.url===t))||e[0],a=getDefaultOrStoredVariables(r);return Object.assign(Object.assign({},r),{variables:a})}export function expandVariables(e,t={}){return e.replace(pathTemplateRegExp,((e,r)=>t[r]||e))}export function expandDefaultServerVariables(e,t={}){return e.replace(pathTemplateRegExp,((e,r)=>t[r]&&t[r].default||e))}export function getDefaultOrStoredVariables(e){if(!(null==e?void 0:e.variables))return{};const t=fromSessionStorage("variables"),r=t&&JSON.parse(t)||{},a={};return Object.entries(e.variables||{}).forEach((([e,t])=>{a[e]=r[e]||t.default||""})),a}export function updateVariablesStorage(e,t){const r=fromSessionStorage("variables"),a=r&&JSON.parse(r)||{};toSessionStorage("variables",JSON.stringify(Object.assign(Object.assign({},a),{[e]:t})))}export function unescapeQueryParams(e){return Object.entries(e).reduce(((e,[t,r])=>(e[unescapeFormId(t)]=r,e)),{})}export function getFileNameFromHeaders(e){const t="filename=";for(const[r,a]of Object.entries(e))if("content-disposition"===r.toLowerCase()){const e=a.split(";").find((e=>e.trim().startsWith(t)));if(e)return e.split(t)[1]}return""}export const makeRequestInterceptor=({requestInterceptor:e,sendXUserAgentInTryIt:t,disableTryItRequestUrlEncoding:r},a,o)=>n=>{var i,s,u,l;r&&(n=Object.assign(Object.assign({},n),{url:decodeURIComponent(n.url)})),t&&(n.headers["X-User-Agent"]="Redocly Try it API console");const c=(null===(s=null===(i=null==a?void 0:a.requestValues)||void 0===i?void 0:i.header)||void 0===s?void 0:s.authorization)||(null===(l=null===(u=null==a?void 0:a.requestValues)||void 0===u?void 0:u.header)||void 0===l?void 0:l.Authorization);return!(null==o?void 0:o.Authorization)&&c&&(n.headers.Authorization=c),(null==o?void 0:o.Cookie)&&(n.headers["X-Redocly-Cookie"]=o.Cookie),e?e(n,a):n};export const validateTokenEndpointMethod=e=>{if(!e)return!0;const t=Array.isArray(e)?e:[e];return!(t.length&&!t.includes("none")&&!t.includes("client_secret_basic"))};export const getOAuth2TokenEndpointAuthHeader=({authMethod:e,clientId:t,clientSecret:r})=>"client_secret_basic"===e||Array.isArray(e)&&e.includes("client_secret_basic")?{Authorization:`Basic ${btoa(t+":"+r)}`}:{};export function encodeSample(e,t){if(!e)return"";if(e.mime===MediaTypes.URL_ENCODED)return e.value;const r=e.value,a=t?merge(r,t,{arrayMerge:arrayMergeStrategy}):r;return JSON.stringify(a,null,2)}export const getStorageExampleKey=(e,t,r,a)=>{let o=e+"_"+t;return r&&a&&Object.keys(a).includes(r)&&(o+="_"+r),o};
+//# sourceMappingURL=utils.js.map

package/lib-browser/components/index.d.ts

@@ -0,0 +1,16 @@
+export { Button } from './shared/Button';
+export type { ButtonProps } from './shared/Button';
+export * from './NextSectionButton';
+export * from './StoreProvider';
+export * from './RedoclyReferenceDocs';
+export * from './RedoclyReferenceDocsMultiStandalone';
+export * from './pluggable';
+export * from './console/ConsoleLazy';
+export * from './ProProviders';
+export { ToggleRightPanelButton, ControlsWrap, ChangeViewButton, BackgroundStub, NextSectionButtonWrap, ApiContentWrap, BackgroundStubFix, } from './styled.elements';
+export { TextField } from './common/TextField';
+export { Checkbox } from './common/Checkbox';
+export { Dropdown } from './common/Dropdown';
+export { FormControl, FormLabel, FormError } from './common/form';
+export type { OpenApiResponseData } from './console/ResponsePanel';
+export type { DropdownProps, DropdownOption } from './common/Dropdown';

package/lib-browser/components/index.js

@@ -0,0 +1,2 @@
+export{Button}from"./shared/Button";export*from"./NextSectionButton";export*from"./StoreProvider";export*from"./RedoclyReferenceDocs";export*from"./RedoclyReferenceDocsMultiStandalone";export*from"./pluggable";export*from"./console/ConsoleLazy";export*from"./ProProviders";export{ToggleRightPanelButton,ControlsWrap,ChangeViewButton,BackgroundStub,NextSectionButtonWrap,ApiContentWrap,BackgroundStubFix}from"./styled.elements";export{TextField}from"./common/TextField";export{Checkbox}from"./common/Checkbox";export{Dropdown}from"./common/Dropdown";export{FormControl,FormLabel,FormError}from"./common/form";
+//# sourceMappingURL=index.js.map

package/lib-browser/components/pluggable/PullRight.d.ts

@@ -0,0 +1,4 @@
+import { Component } from 'react';
+export declare class PullRight extends Component {
+    render(): JSX.Element;
+}

package/lib-browser/components/pluggable/PullRight.js

@@ -0,0 +1,58 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{Component}from"react";import{lighten,invert}from"polished";import{RightPanel,Markdown,styled,mediaCSS}from"../../redoc-lib";import{CodePanel}from"../Panel/CodePanel";const DarkMarkdown=styled(Markdown)`
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    ${({theme:o})=>{var r,e;return mediaCSS({color:(null===(e=null===(r=o.typography)||void 0===r?void 0:r.rightPanelHeading)||void 0===e?void 0:e.color)||o.rightPanel.textColor})}}
+  }
+
+  table {
+    color: #ffffff;
+    overflow-wrap: break-word;
+    word-break: break-word;
+
+    & tr {
+      td,
+      th {
+        ${({theme:o})=>mediaCSS({backgroundColor:o.rightPanel.panelControlsBackgroundColor})}
+      }
+    }
+
+    & tr:nth-child(2n) {
+      td,
+      th {
+        ${({theme:o})=>mediaCSS({backgroundColor:lighten(.05,o.rightPanel.panelControlsBackgroundColor)})}
+      }
+    }
+
+    & thead tr th,
+    & tbody tr td {
+      ${({theme:o})=>`\n          background-color: ${lighten(.05,o.rightPanel.panelControlsBackgroundColor)};\n          border-color: ${lighten(.1,o.rightPanel.panelControlsBackgroundColor)} !important;\n      `}
+    }
+  }
+
+  code {
+    color: ${({theme:o})=>lighten(.2,o.typography.code.color)};
+    background-color: ${({theme:o})=>invert(o.typography.code.backgroundColor)};
+  }
+
+  a,
+  a:visited {
+    color: ${({theme:o})=>lighten(.25,o.typography.links.color)};
+  }
+
+  pre {
+    border: none;
+    padding: ${({theme:o})=>4*o.spacing.unit};
+    border-radius: ${({theme:o})=>o.codeBlock.borderRadius};
+    ${({theme:o})=>mediaCSS({background:o.codeBlock.backgroundColor})}
+  }
+`;export class PullRight extends Component{render(){return _jsx(StyledRightPanel,{children:_jsx(CodePanel,{children:this.props.children&&_jsx(DarkMarkdown,{source:this.props.children},void 0)},void 0)},void 0)}}const StyledRightPanel=styled(RightPanel)`
+  float: right;
+  z-index: 1;
+  position: relative;
+  margin-bottom: 10px;
+`;
+//# sourceMappingURL=PullRight.js.map

package/lib-browser/components/pluggable/RedocExample.d.ts

@@ -0,0 +1,15 @@
+import { Component } from 'react';
+import type { OpenAPIEncoding } from '../../redoc-lib';
+import type { ProStore } from '../../services/ProStore';
+interface RedocExampleProps {
+    store: ProStore;
+    pointer: string;
+    mimeType: string;
+    encoding?: {
+        [field: string]: OpenAPIEncoding;
+    };
+}
+export declare class RedocExample extends Component<RedocExampleProps> {
+    render(): JSX.Element;
+}
+export {};

package/lib-browser/components/pluggable/RedocExample.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{Component}from"react";import{ExampleModel,Example,Row}from"../../redoc-lib";import{ExamplesWrap}from"./styled.components";export class RedocExample extends Component{render(){const{store:e,pointer:o,mimeType:r,encoding:m}=this.props,p=new ExampleModel(e.definition.parser,{$ref:o},r,m);return _jsx(Row,Object.assign({layout:e.layout},{children:_jsx(ExamplesWrap,{children:_jsx(Example,{example:p,mimeType:r},void 0)},void 0)}),void 0)}}
+//# sourceMappingURL=RedocExample.js.map

package/lib-browser/components/pluggable/RedocRequestBody.d.ts

@@ -0,0 +1,11 @@
+import { Component } from 'react';
+import type { ProStore } from '../../services';
+interface RedocRequestBodyProps {
+    store: ProStore;
+    pointer: string;
+    hideSamples?: boolean;
+}
+export declare class RedocRequestBody extends Component<RedocRequestBodyProps> {
+    render(): JSX.Element;
+}
+export {};

package/lib-browser/components/pluggable/RedocRequestBody.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Component}from"react";import{RequestBodyModel,PayloadSamples,Row,MiddlePanel,RightPanel,BodyContent,OperationModel}from"../../redoc-lib";import{SamplesWrap,FullWidthPanel}from"./styled.components";export class RedocRequestBody extends Component{render(){const{store:e,pointer:o,hideSamples:t}=this.props,n=new OperationModel(e.definition.parser,{pointer:o,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,e.options,!1),{content:s,description:r,required:i}=new RequestBodyModel({parser:e.definition.parser,infoOrRef:{$ref:o},options:e.options,operation:n})||{},d=t?FullWidthPanel:MiddlePanel;return _jsxs(Row,Object.assign({layout:e.layout},{children:[_jsx(d,{children:s&&_jsx(BodyContent,{content:s,description:r,required:i},void 0)},void 0),!t&&_jsx(RightPanel,{children:_jsx(SamplesWrap,{children:s&&_jsx(PayloadSamples,{content:s},void 0)},void 0)},void 0)||_jsx("span",{},void 0)]}),void 0)}}
+//# sourceMappingURL=RedocRequestBody.js.map

package/lib-browser/components/pluggable/RedocResponse.d.ts

@@ -0,0 +1,10 @@
+import { Component } from 'react';
+import type { ProStore } from '../../services/ProStore';
+export interface RedocResponseProps {
+    store: ProStore;
+    pointer: string;
+    hideSamples?: boolean;
+}
+export declare class RedocResponse extends Component<RedocResponseProps> {
+    render(): JSX.Element;
+}

package/lib-browser/components/pluggable/RedocResponse.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Component}from"react";import{ResponseModel,Row,MiddlePanel,ResponseDetails,RightPanel,PayloadSamples}from"../../redoc-lib";import{OperationModel}from"../../redoc-lib/src/services";import{FullWidthPanel,SamplesWrap}from"./styled.components";export class RedocResponse extends Component{render(){const{store:e,pointer:o,hideSamples:s}=this.props,t=new OperationModel(e.definition.parser,{pointer:o,pathName:"",httpVerb:"",pathParameters:[],pathServers:[],isWebhook:!1,responses:{}},void 0,e.options,!1),n=new ResponseModel({parser:e.definition.parser,code:"default",defaultAsError:!1,infoOrRef:{$ref:o},options:e.options,operation:t});n.description=n.summary;const r=s?FullWidthPanel:MiddlePanel;return _jsxs(Row,Object.assign({layout:e.layout},{children:[_jsx(r,Object.assign({style:{paddingBottom:"20px"}},{children:_jsx(ResponseDetails,{response:n},void 0)}),void 0),!s&&n.content&&_jsx(RightPanel,{children:_jsx(SamplesWrap,{children:_jsx(PayloadSamples,{content:n.content},void 0)},void 0)},void 0)||_jsx("span",{},void 0)]}),void 0)}}
+//# sourceMappingURL=RedocResponse.js.map

package/lib-browser/components/pluggable/RedocSchema.d.ts

@@ -0,0 +1,12 @@
+import { Component } from 'react';
+import type { OpenAPISchema } from '../../redoc-lib';
+import type { ProStore } from '../../services';
+interface RedocSchemaProps {
+    store: ProStore;
+    pointer?: string;
+    schema?: OpenAPISchema;
+}
+export declare class RedocSchema extends Component<RedocSchemaProps> {
+    render(): JSX.Element;
+}
+export {};

package/lib-browser/components/pluggable/RedocSchema.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{Component}from"react";import{Schema,SchemaModel,Row}from"../../redoc-lib";import{FullWidthPanel}from"./styled.components";export class RedocSchema extends Component{render(){const{store:e,pointer:o,schema:r}=this.props,t=r||{$ref:o},n=new SchemaModel(e.definition.parser,t,o||"",e.options);return _jsx(Row,{children:_jsx(FullWidthPanel,{children:_jsx(Schema,{schema:n},void 0)},void 0)},void 0)}}
+//# sourceMappingURL=RedocSchema.js.map

package/lib-browser/components/pluggable/index.d.ts

@@ -0,0 +1,5 @@
+export * from './PullRight';
+export * from './RedocResponse';
+export * from './RedocSchema';
+export * from './RedocExample';
+export * from './RedocRequestBody';

package/lib-browser/components/pluggable/index.js

@@ -0,0 +1,2 @@
+export*from"./PullRight";export*from"./RedocResponse";export*from"./RedocSchema";export*from"./RedocExample";export*from"./RedocRequestBody";
+//# sourceMappingURL=index.js.map

package/lib-browser/components/pluggable/styled.components.d.ts

@@ -0,0 +1,7 @@
+import type { ProTheme } from '../../services/extendTheme';
+export declare const SamplesWrap: import("styled-components").StyledComponent<"div", ProTheme, {}, never>;
+export declare const ExamplesWrap: import("styled-components").StyledComponent<"div", ProTheme, {}, never>;
+export declare const FullWidthPanel: import("styled-components").StyledComponent<"div", ProTheme, {
+    compact?: boolean | undefined;
+    isStacked?: boolean | undefined;
+}, never>;

package/lib-browser/components/pluggable/styled.components.js

@@ -0,0 +1,10 @@
+import{styled,MiddlePanel,mediaCSS,ZERO_BREAKPOINT}from"../../redoc-lib";export const SamplesWrap=styled.div`
+  padding: ${({theme:e})=>4*e.spacing.unit}px;
+  border-radius: ${({theme:e})=>e.codeBlock.borderRadius};
+  ${({theme:e})=>mediaCSS({backgroundColor:e.rightPanel.panelBackgroundColor})}
+`;export const ExamplesWrap=styled(SamplesWrap)`
+  width: 100%;
+`;export const FullWidthPanel=styled(MiddlePanel)`
+  ${({theme:e})=>mediaCSS({paddingLeft:e.spacing.sectionHorizontal,paddingRight:e.spacing.sectionHorizontal,width:{[ZERO_BREAKPOINT]:"100%",[e.rightPanel.showAtBreakpoint]:"100%"}})}
+`;
+//# sourceMappingURL=styled.components.js.map

package/lib-browser/components/shared/Button.d.ts

@@ -0,0 +1,11 @@
+export declare const baseButton: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("../../services/extendTheme").ProTheme>>;
+export interface ButtonProps {
+    color?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'error';
+    disabled?: boolean;
+    blinking?: boolean;
+    fullWidth?: boolean;
+    variant?: 'outlined' | 'contained';
+    size?: 'small' | 'medium' | 'large' | 'xlarge' | string;
+}
+export declare const Button: import("styled-components").StyledComponent<"button", import("../../services/extendTheme").ProTheme, ButtonProps, never>;
+export declare const ButtonLink: import("styled-components").StyledComponent<"a", import("../../services/extendTheme").ProTheme, ButtonProps, never>;

package/lib-browser/components/shared/Button.js

@@ -0,0 +1,68 @@
+import{darken}from"polished";import styled,{css,keyframes}from"../../redoc-lib/src/styled-components";const getBlink=o=>keyframes`
+  0% {
+    background-color: ${darken(.1,o)};
+  }
+
+  50% {
+    background-color: ${o};
+  }
+
+  100% {
+    background-color: ${darken(.1,o)};
+  }
+`;function getThemeColorVariant(o,n){return o.colors[n||"secondary"]||o.colors.secondary}function getThemeButtonSize(o,n){return o.components.buttons.sizes[n||"medium"]||o.components.buttons.sizes.normal}export const baseButton=css`
+  outline: none;
+  border: none;
+  background-color: ${({theme:o})=>o.colors.secondary.main};
+  color: ${({theme:o})=>o.colors.secondary.contrastText};
+  border-radius: ${({theme:o})=>o.components.buttons.borderRadius};
+  font-weight: ${({theme:o})=>o.components.buttons.fontWeight};
+  font-size: 14px;
+  padding: 2px 20px;
+  cursor: pointer;
+  transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
+  line-height: 1;
+
+  font-family: ${({theme:o})=>o.components.buttons.fontFamily};
+  box-shadow: ${({theme:o})=>o.components.buttons.boxShadow};
+
+  &:hover {
+    background-color: ${({theme:o})=>darken(.05,o.colors.secondary.main)};
+    ${({theme:o})=>o.components.buttons.hoverStyle};
+    box-shadow: ${({theme:o})=>o.components.buttons.hoverBoxShadow};
+  }
+
+  &:active {
+    background-color: ${({theme:o})=>darken(.1,o.colors.secondary.main)};
+    box-shadow: ${({theme:o})=>o.components.buttons.hoverBoxShadow};
+  }
+`;const getColorVariant=(o,n)=>"outlined"===n?`\n  background-color: transparent;\n  border: 2px solid ${o.main};\n  color: ${o.main};\n  &:hover {\n    border: 2px solid ${darken(.1,o.main)};\n    background-color: transparent;\n  }\n\n  &:active {\n    border: 2px solid ${darken(.15,o.main)};\n  }\n`:`\n  background-color: ${o.main};\n  color: ${o.contrastText};\n  &:hover {\n    background-color: ${darken(.05,o.main)};\n  }\n\n  &:active {\n    background-color: ${darken(.1,o.main)};\n  }\n`,getSize=o=>`\n  font-size: ${o.fontSize};\n  padding: ${o.padding};\n  min-width: ${o.minWidth};\n`;export const Button=styled.button`
+  text-decoration: none;
+  text-align: center;
+
+  width: ${({fullWidth:o})=>o?"100%":"auto"};
+
+  ${baseButton}
+
+  ${({color:o,theme:n,variant:e})=>getColorVariant(getThemeColorVariant(n,o),e)}
+  ${({size:o,theme:n})=>getSize(getThemeButtonSize(n,o))}
+
+  & + & {
+    margin-left: 0.85em;
+  }
+
+  ${({blinking:o,color:n,theme:e})=>o&&css`
+      pointer-events: none;
+      animation: ${getBlink(getThemeColorVariant(e,n).main)} 1.2s infinite;
+    `}
+
+  ${({disabled:o})=>o&&css`
+      &,
+      &:hover {
+        cursor: default;
+        color: #999;
+        pointer-events: none;
+      }
+    `}
+`;export const ButtonLink=Button.withComponent("a");
+//# sourceMappingURL=Button.js.map

package/lib-browser/components/shared/CopyButton.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface CopyButtonProps {
+    text: string;
+}
+export declare const CopyButton: ({ text }: CopyButtonProps) => JSX.Element;

package/lib-browser/components/shared/CopyButton.js

@@ -0,0 +1,2 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{useState}from"react";import{Button}from"./Button";export const CopyButton=({text:t})=>{const[o,e]=useState("Copy");return _jsx(Button,Object.assign({onClick:async()=>{await navigator.clipboard.writeText(t),e("Copied!"),setTimeout((()=>e("Copy")),1500)}},{children:o}),void 0)};
+//# sourceMappingURL=CopyButton.js.map

package/lib-browser/components/shared/HttpVerb.d.ts

@@ -0,0 +1,4 @@
+export declare const HttpVerb: import("styled-components").StyledComponent<"span", import("../../services/extendTheme").ProTheme, {
+    type: string;
+    compact?: boolean | undefined;
+}, never>;

package/lib-browser/components/shared/HttpVerb.js

@@ -0,0 +1,15 @@
+import styled from"../../redoc-lib/src/styled-components";export const HttpVerb=styled.span`
+  display: inline-block;
+  color: ${({theme:e})=>e.components.httpBadges.color};
+  text-transform: uppercase;
+  text-align: center;
+  font-family: ${({theme:e})=>e.components.httpBadges.fontFamily};
+  border-radius: ${({theme:e})=>e.components.httpBadges.borderRadius};
+  background-color: ${({type:e,theme:t})=>t.colors.http[e]||"#707070"};
+  min-width: 58px;
+  padding: 0 8px;
+  font-size: ${({theme:e})=>e.components.httpBadges.sizes.medium.fontSize};
+  line-height: ${({theme:e})=>e.components.httpBadges.sizes.medium.lineHeight};
+  font-weight: ${({theme:e})=>e.components.httpBadges.fontWeight};
+`;
+//# sourceMappingURL=HttpVerb.js.map

package/lib-browser/components/shared/MimeLabel.d.ts

@@ -0,0 +1 @@
+export declare const MimeLabel: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;

package/lib-browser/components/shared/MimeLabel.js

@@ -0,0 +1,12 @@
+import styled from"../../redoc-lib/src/styled-components";export const MimeLabel=styled.div`
+  background-color: ${({theme:o})=>o.rightPanel.panelControlsBackgroundColor};
+  color: ${({theme:o})=>o.colors.text.light};
+  font-family: ${({theme:o})=>o.typography.code.fontFamily};
+  margin-bottom: 0;
+  height: 30px;
+  padding: 7px 10px;
+  font-size: 14px;
+  line-height: 16px;
+  border-radius: ${({theme:o})=>o.shape.borderRadius};
+`;
+//# sourceMappingURL=MimeLabel.js.map

package/lib-browser/components/shared/NoSampleLabel.d.ts

@@ -0,0 +1,2 @@
+export declare const NoSampleLabel: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const WarnMessage: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;

package/lib-browser/components/shared/NoSampleLabel.js

@@ -0,0 +1,11 @@
+import styled,{mediaCSS}from"../../redoc-lib/src/styled-components";export const NoSampleLabel=styled.div`
+  font-size: 12px;
+  min-height: 100px;
+  padding: 20px 0;
+  ${({theme:o})=>mediaCSS({color:o.colors.error.main,fontFamily:o.typography.code.fontFamily})}
+`;export const WarnMessage=styled.div`
+  font-size: 12px;
+  padding-bottom: 10px;
+  ${({theme:o})=>mediaCSS({color:o.colors.warning.main,fontFamily:o.typography.code.fontFamily})}
+`;
+//# sourceMappingURL=NoSampleLabel.js.map

package/lib-browser/components/shared/index.d.ts

@@ -0,0 +1,5 @@
+export * from './CopyButton';
+export * from './HttpVerb';
+export * from './Button';
+export * from './NoSampleLabel';
+export * from './MimeLabel';

package/lib-browser/components/shared/index.js

@@ -0,0 +1,2 @@
+export*from"./CopyButton";export*from"./HttpVerb";export*from"./Button";export*from"./NoSampleLabel";export*from"./MimeLabel";
+//# sourceMappingURL=index.js.map

package/lib-browser/components/styled.elements.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import type { ProTheme } from '../services/extendTheme';
+import type { ProStore } from '../services';
+import { LayoutVariant } from '../services';
+export declare const StyledToggleRightPanelButton: import("styled-components").StyledComponent<"a", ProTheme, {}, never>;
+export declare const ToggleRightPanelButton: ({ store, isVisible, }: {
+    store: ProStore;
+    isVisible: boolean;
+}) => JSX.Element | null;
+export declare const ArrowIcon: import("styled-components").StyledComponent<(props: any) => JSX.Element, ProTheme, {}, never>;
+export declare const RedocWrap: import("styled-components").StyledComponent<"div", ProTheme, {}, never>;
+export declare const ApiContentWrap: import("styled-components").StyledComponent<"div", ProTheme, {
+    layout?: LayoutVariant | undefined;
+}, never>;
+export declare const BackgroundStub: import("styled-components").StyledComponent<"div", ProTheme, {}, never>;
+export declare const BackgroundStubFix: import("styled-components").StyledComponent<"div", ProTheme, {}, never>;
+export declare const NextSectionButtonWrap: import("styled-components").StyledComponent<"div", ProTheme, {}, never>;
+export declare const ChangeViewButton: ({ store, isVisible, }: {
+    store: ProStore;
+    isVisible: boolean;
+}) => JSX.Element | null;
+export declare const ControlsWrap: import("styled-components").StyledComponent<"span", ProTheme, {}, never>;