@redocly/openapi-docs 3.0.0-alpha.10 → 3.0.0-alpha.12

package/lib-esm/components/Fields/Examples.js

@@ -0,0 +1,2 @@
+import React from"react";import{ExampleValue,FieldLabel}from"../common";import{l}from"../../services";import{serializeParameterValue}from"../../utils";import{ExampleWrap,ExamplesList,ExampleSummary,ExampleDescription}from"./styled";export function Examples({field:e}){return e.examples?React.createElement(React.Fragment,null,React.createElement(FieldLabel,null," ",l("examples"),": "),React.createElement(ExamplesList,null,Object.entries(e.examples).map((([a,l])=>React.createElement(ExampleWrap,{key:a},React.createElement(ExampleSummary,null,l.summary||a," "),l.description&&React.createElement(ExampleDescription,null,l.description," "),React.createElement(ExampleValue,null,getSerializedValue(e,l.value))))))):null}export function getSerializedValue(e,a){return e.in?decodeURIComponent(serializeParameterValue(e,a)):a}
+//# sourceMappingURL=Examples.js.map

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

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

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

@@ -0,0 +1,4 @@
+import React,{memo,useContext}from"react";import styled from"styled-components";import{ExtensionValue,FieldLabel}from"../common";import{OptionsContext}from"../../context";import{StyledMarkdownBlock}from"../Markdown/styled";const Extension=styled(StyledMarkdownBlock)`
+  margin: 2px 0;
+`;function ExtensionsComponent({extensions:e}){const{showExtensions:t,preserveOriginalExtensionsName:n}=useContext(OptionsContext);return t?React.createElement("div",null,Object.keys(e).map((t=>React.createElement(Extension,{key:t},React.createElement(FieldLabel,null,n?t:t.substring(2),": ")," ",React.createElement(ExtensionValue,null,"string"==typeof e[t]?e[t]:JSON.stringify(e[t])))))):null}export const Extensions=memo(ExtensionsComponent);
+//# sourceMappingURL=Extensions.js.map

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

@@ -0,0 +1,4 @@
+import type { FieldProps } from './types';
+declare function FieldComponent({ field, expandByDefault, isLast, skipWriteOnly, skipReadOnly, level, showTitle, showExamples, renderDiscriminatorSwitch, className, }: FieldProps): JSX.Element;
+export declare const Field: typeof FieldComponent;
+export {};

package/lib-esm/components/Fields/Field.js

@@ -0,0 +1,2 @@
+import{observer}from"mobx-react";import React,{useContext}from"react";import{ClickablePropertyNameCell,RequiredLabel,AdditionalPropertiesLabel,AccessLabel,InnerPropertiesWrap,PropertyCellWithInner,PropertyDetailsCell,PropertyNameCell,ShareLinkToField}from"../common";import{ShelfIcon}from"../icons";import{Schema}from"../Schema";import{OptionsContext}from"../../context";import{FieldDetails}from"./FieldDetails";import{getAccessModeLabelText}from"../RenderHook";function FieldComponent({field:e,expandByDefault:t,isLast:a,skipWriteOnly:l,skipReadOnly:r,level:n,showTitle:i,showExamples:c,renderDiscriminatorSwitch:o,className:s=""}){const m=useContext(OptionsContext),d=()=>{void 0===e.expanded&&t?e.collapse():e.toggle()},{name:p,deprecated:R,required:E,kind:h}=e,u=!e.schema.isPrimitive&&!e.schema.isCircular,f=void 0===e.expanded?t:e.expanded,b=getAccessModeLabelText(e.schema,m.showAccessMode),k=React.createElement(React.Fragment,null,"additionalProperties"===h&&React.createElement(AdditionalPropertiesLabel,null,"additional property"),"patternProperties"===h&&React.createElement(AdditionalPropertiesLabel,null,"pattern property"),b&&React.createElement(AccessLabel,null,b),E&&React.createElement(RequiredLabel,null,"required")),y=u?React.createElement(ClickablePropertyNameCell,{className:R?"deprecated":"",kind:h,title:p},React.createElement("button",{onClick:d,onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),d())},"aria-label":"expand properties"},React.createElement("span",{className:"field-name"},m.disableDeepLinks?null:React.createElement(ShareLinkToField,{field:e}),p),React.createElement(ShelfIcon,{direction:f?"down":"right"})),k):React.createElement(PropertyNameCell,{className:R?"deprecated":void 0,kind:h,title:p},React.createElement("span",{className:"field-name"},m.disableDeepLinks?null:React.createElement(ShareLinkToField,{field:e}),p),k);return React.createElement(React.Fragment,null,React.createElement("tr",{className:a?"last "+s:s},y,React.createElement(PropertyDetailsCell,null,React.createElement(FieldDetails,{field:e,showExamples:c,renderDiscriminatorSwitch:o}))),f&&u&&React.createElement("tr",{key:e.name+"inner"},React.createElement(PropertyCellWithInner,{colSpan:2},React.createElement(InnerPropertiesWrap,null,React.createElement(Schema,{schema:e.schema,skipReadOnly:r,skipWriteOnly:l,showTitle:i,level:n})))))}export const Field=observer(FieldComponent);
+//# sourceMappingURL=Field.js.map

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { LabelsConfig } from '../../services';
+export interface FieldDetailProps {
+    value?: any;
+    label: keyof LabelsConfig;
+    raw?: boolean;
+}
+export declare const FieldDetail: React.NamedExoticComponent<FieldDetailProps>;

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

@@ -0,0 +1,2 @@
+import React,{memo}from"react";import{l}from"../../services";import{ExampleValue,FieldLabel,DefaultValue,FieldValueLabel}from"../common";function FieldDetailComponent({value:e,label:t,raw:a}){if(void 0===e)return null;const n=a?String(e):JSON.stringify(e),m=`${l(t)}:`;return React.createElement("div",null,React.createElement(FieldLabel,null," ",m," "),"default"===t?React.createElement(DefaultValue,null,n):"example"===t?React.createElement(ExampleValue,null,n):React.createElement(FieldValueLabel,null,n))}export const FieldDetail=memo(FieldDetailComponent);
+//# sourceMappingURL=FieldDetail.js.map

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

@@ -0,0 +1,4 @@
+import type { FieldProps } from './types';
+declare function FieldDetailsComponent({ showExamples, field, renderDiscriminatorSwitch, }: FieldProps): JSX.Element;
+export declare const FieldDetails: typeof FieldDetailsComponent;
+export {};

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

@@ -0,0 +1,2 @@
+import React,{useContext,useState}from"react";import{observer}from"mobx-react";import{PatternLabel,RecursiveLabel,TypeFormat,TypeName,TypePrefix,TypeTitle,ToggleButton,Badge}from"../common";import{ExternalDocumentation}from"../ExternalDocumentation";import{Markdown}from"../Markdown";import{l}from"../../services";import{OptionsContext}from"../../context";import{FieldDetail}from"./FieldDetail";import{ConstraintsView}from"./ConstraintsView";import{Extensions}from"./Extensions";import{EnumValues}from"./EnumValues";import{Examples,getSerializedValue}from"./Examples";import{TypeWrapper}from"./styled";const MAX_PATTERN_LENGTH=45;function FieldDetailsComponent({showExamples:e,field:t,renderDiscriminatorSwitch:a}){const[n,r]=useState(!1),{enumSkipQuotes:o,hideSchemaTitles:i,hideSchemaPattern:c}=useContext(OptionsContext),{schema:m,description:s,example:p,deprecated:u,examples:d}=t,E=Boolean(o)||"header"===t.in;let x=null;if(e&&(void 0!==p||void 0!==d))if(void 0!==d)x=React.createElement(Examples,{field:t});else{const e=!!t.in;x=React.createElement(FieldDetail,{label:"example",value:getSerializedValue(t,t.example),raw:e})}return React.createElement("div",null,React.createElement(TypeWrapper,null,React.createElement(TypePrefix,null,m.typePrefix),React.createElement(TypeName,null,m.displayType),m.displayFormat&&React.createElement(TypeFormat,null," ","<",m.displayFormat,">"," "),m.contentEncoding&&React.createElement(TypeFormat,null," ","<",m.contentEncoding,">"," "),m.contentMediaType&&React.createElement(TypeFormat,null," ","<",m.contentMediaType,">"," "),m.title&&!i&&React.createElement(TypeTitle,null," (",m.title,") "),React.createElement(ConstraintsView,{constraints:m.constraints}),m.pattern&&!c&&React.createElement(React.Fragment,null,React.createElement(PatternLabel,null,n||m.pattern.length<45?m.pattern:`${m.pattern.substr(0,45)}...`),m.pattern.length>45&&React.createElement(ToggleButton,{onClick:()=>{r(!n)}},n?"Hide pattern":"Show pattern"))," ",m.isCircular&&React.createElement(RecursiveLabel,null,l("recursive"))),u&&React.createElement("div",null,React.createElement(Badge,{deprecated:!0,style:{marginLeft:0}}," ",l("deprecated")," ")),React.createElement(FieldDetail,{raw:E,label:"default",value:m.default}),React.createElement("div",null,React.createElement(Markdown,{compact:!0,source:s})),!a&&React.createElement(EnumValues,{type:m.type,values:m["x-enumDescriptions"]||m.enum})," ",x,React.createElement(Extensions,{extensions:Object.assign(Object.assign({},t.extensions),m.extensions)}),m.externalDocs&&React.createElement(ExternalDocumentation,{externalDocs:m.externalDocs,compact:!0}),null==a?void 0:a(),t.const&&React.createElement(FieldDetail,{label:"const",value:t.const})||null)}export const FieldDetails=observer(FieldDetailsComponent);
+//# sourceMappingURL=FieldDetails.js.map

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

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

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

@@ -0,0 +1,2 @@
+import React,{Fragment,memo}from"react";import{EnumValue,FieldLabel}from"../common";import{l}from"../../services";import{ToggleButton}from"./styled";export function SimpleEnumsComponent({enums:e,enumSkipQuotes:t,type:n,toggle:m,showToggleButton:o,toggleButtonText:r}){return React.createElement(React.Fragment,null,React.createElement(FieldLabel,null,"array"===n?l("enumArray"):""," ",1===e.length?l("enumSingleValue"):l("enum"),":")," ",e.map((e=>{const n=t?String(e):JSON.stringify(e);return React.createElement(Fragment,{key:e},React.createElement(EnumValue,null,n)," ")})),o?React.createElement(ToggleButton,{onClick:m},r):null)}export const SimpleEnums=memo(SimpleEnumsComponent);
+//# sourceMappingURL=SimpleEnums.js.map

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

@@ -0,0 +1,4 @@
+export { Field } from './Field';
+export { FieldDetails } from './FieldDetails';
+export { ConstraintsView } from './ConstraintsView';
+export { Extensions } from './Extensions';

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

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

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

@@ -0,0 +1,13 @@
+export declare const ToggleButton: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const DescriptionEnumsBlock: import("styled-components").StyledComponent<"div", any, {
+    'data-component-name': string;
+} & {
+    compact?: boolean | undefined;
+    inline?: boolean | undefined;
+    withoutTableStyle?: boolean | undefined;
+}, "data-component-name">;
+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>;

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

@@ -0,0 +1,26 @@
+import styled from"styled-components";import{StyledMarkdownBlock}from"../Markdown/styled";export const ToggleButton=styled.span`
+  color: var(--link-text-color);
+  vertical-align: middle;
+  font-size: 13px;
+  line-height: 20px;
+  padding: 0 5px;
+  cursor: pointer;
+`;export const DescriptionEnumsBlock=styled(StyledMarkdownBlock)`
+  table {
+    margin-bottom: 0.2em;
+  }
+`;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;
+`;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,40 @@
+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[];
+    enumSkipQuotes: string | boolean | undefined;
+    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 {
+    className?: string;
+    isLast?: boolean;
+    showExamples?: boolean;
+    field: FieldModel;
+    expandByDefault?: boolean;
+    renderDiscriminatorSwitch?: () => JSX.Element;
+}

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

@@ -0,0 +1,9 @@
+import type { DropdownProps, DropdownOption } from '../common';
+export interface GenericChildrenSwitcherProps<T> {
+    items?: T[];
+    options: DropdownOption[];
+    label?: string;
+    renderDropdown: (props: DropdownProps) => JSX.Element;
+    children: (activeItem: T) => JSX.Element;
+}
+export declare const GenericChildrenSwitcher: <T>({ items, options, renderDropdown, label, children, }: GenericChildrenSwitcherProps<T>) => JSX.Element | null;

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

@@ -0,0 +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);
+//# sourceMappingURL=GenericChildrenSwitcher.js.map

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

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

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

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

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

@@ -0,0 +1,4 @@
+export interface LoadingProps {
+    color: string;
+}
+export declare function Loading({ color }: LoadingProps): JSX.Element;

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

@@ -0,0 +1,9 @@
+import React from"react";import styled from"styled-components";import{getCssColorVariable}from"@redocly/theme";import{Spinner}from"../icons";const LoadingMessage=styled.div`
+  font-family: helvetica, sans, sans-serif;
+  width: 100%;
+  text-align: center;
+  font-size: 25px;
+  margin: 30px 0 20px 0;
+  color: ${({color:e})=>getCssColorVariable(e)};
+`;export function Loading({color:e}){return React.createElement("div",{style:{textAlign:"center"}},React.createElement(LoadingMessage,{color:e},"Loading ..."),React.createElement(Spinner,{color:e}))}
+//# sourceMappingURL=Loading.js.map

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

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

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

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

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

@@ -0,0 +1,2 @@
+import React,{cloneElement}from"react";import{MarkdownRenderer}from"../../services";import{useOptions,useStore}from"../../context";import{SanitizedMarkdownHTML}from"./SanitizedMarkdownHTML";export function AdvancedMarkdown({source:e,htmlWrap:n=(e=>e)}){const t=useOptions(),r=useStore();if(!r)throw new Error("When using components in markdown, store prop must be provided");const o=new MarkdownRenderer(t).renderMdWithComponents(e);return o.length?React.createElement(React.Fragment,null,o.map((e=>{var t;return"string"==typeof e?cloneElement(n(React.createElement(SanitizedMarkdownHTML,{html:e,inline:!1,compact:!1})),{key:e.substring(50,0)}):React.createElement(e.component,Object.assign({key:null===(t=e.propsSelector(r).securitySchemes)||void 0===t?void 0:t.schemes.map((({id:e})=>e)).join("")},Object.assign(Object.assign({},e.props),e.propsSelector(r))))}))):null}
+//# sourceMappingURL=AdvancedMarkdown.js.map

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

@@ -0,0 +1,2 @@
+import DOMPurify from"dompurify";import React,{useContext}from"react";import{OptionsContext}from"../../context";import{StyledMarkdownBlock,StyledMarkdownSpan}from"./styled";export function SanitizedMarkdownHTML(t){var o,e,n;const i=useContext(OptionsContext),r=t.inline?StyledMarkdownSpan:StyledMarkdownBlock,a=(null===(o=i.hooks)||void 0===o?void 0:o.sanitize)?null===(n=null===(e=i.hooks)||void 0===e?void 0:e.sanitize)||void 0===n?void 0:n.call(e,t.html):i.untrustedDefinition?DOMPurify.sanitize(t.html):t.html;return React.createElement(r,Object.assign({className:"redoc-markdown "+(t.className||""),dangerouslySetInnerHTML:{__html:a},"data-role":t["data-role"]},t))}
+//# sourceMappingURL=SanitizedMarkdownHTML.js.map

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

@@ -0,0 +1,257 @@
+import styled,{css}from"styled-components";import{CodeBlock}from"@redocly/theme";import{linkifyMixin}from"../common/linkify";import{typography}from"../../utils";export const linksCss=css`
+  a {
+    text-decoration: var(--link-decoration, auto);
+    color: var(--link-text-color);
+
+    &:visited {
+      color: var(--link-visited-text-color);
+      text-decoration: var(--link-visited-decoration);
+    }
+
+    &:hover {
+      color: var(--link-hover-text-color);
+      text-decoration: var(--link-hover-decoration, auto);
+    }
+
+    &:focus {
+      color: var(--link-active-text-color);
+      text-decoration: var(--link-active-decoration);
+    }
+  }
+`;export const baseTable=css`
+  table {
+    display: block;
+    width: 100%;
+    overflow: auto;
+    word-break: keep-all;
+    border-collapse: separate;
+    border-spacing: 0;
+    margin-top: var(--md-table-margin-vertical);
+    margin-bottom: var(--md-table-margin-vertical);
+    font-size: var(--md-table-font-size);
+  }
+
+  table th,
+  table td {
+    padding: var(--md-table-cell-padding);
+    border-bottom: 1px solid var(--md-table-border-color);
+    color: var(--md-table-cell-text-color);
+  }
+
+  table tr {
+    background-color: var(--md-table-stripe-background-color);
+  }
+
+  table th {
+    text-align: left;
+    font-weight: var(--md-table-head-font-weight);
+    color: var(--md-table-head-text-color);
+    background-color: var(--md-table-head-background-color);
+  }
+
+  table tr th:first-child,
+  table tr td:first-child {
+    border-left: 1px solid var(--md-table-border-color);
+  }
+
+  table tr td:last-child,
+  table tr th:last-child {
+    border-right: 1px solid var(--md-table-border-color);
+  }
+
+  table thead td,
+  table thead th {
+    border-top: 1px solid var(--md-table-border-color);
+  }
+
+  /* top-left border */
+  table thead tr:first-child th:first-child {
+    border-top-left-radius: var(--md-table-border-radius);
+  }
+
+  /* top-right border */
+  table thead tr:first-child th:last-child {
+    border-top-right-radius: var(--md-table-border-radius);
+    border-top: 1px solid var(--md-table-border-color);
+  }
+
+  /* bottom-left border */
+  table tbody tr:last-child td:first-child {
+    border-bottom-left-radius: var(--md-table-border-radius);
+  }
+
+  /* bottom-right border */
+  table tbody tr:last-child td:last-child {
+    border-bottom-right-radius: var(--md-table-border-radius);
+  }
+`;export const StyledMarkdownBlock=styled(CodeBlock)`
+  font-family: var(--font-family-base);
+  font-weight: var(--font-weight-regular);
+  line-height: var(--line-height-base);
+  p {
+    margin: var(--md-paragraph-margin-vertical) var(--md-paragraph-margin-horizontal);
+
+    &:first-child {
+      margin-top: 0;
+    }
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  ${({compact:r})=>r&&css`
+      p:first-child {
+        margin-top: 0;
+      }
+      p:last-child {
+        margin-bottom: 0;
+      }
+    `}
+
+  ${({inline:r})=>r&&css`
+      p {
+        display: inline-block;
+      }
+    `}
+
+  h1 {
+    margin-top: 0;
+    ${typography("h1","h")};
+  }
+
+  h2 {
+    ${typography("h2","h")};
+  }
+
+  code {
+    border-radius: var(--inline-code-border-radius);
+    border: 1px solid var(--inline-code-border-color);
+    padding: 0 var(--spacing-unit);
+    word-break: break-word;
+    font-family: var(--inline-code-font-family);
+    font-size: var(--inline-code-font-size);
+    color: var(--inline-code-text-color);
+    background-color: var(--inline-code-background-color);
+    font-weight: var(--code-font-weight);
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    > code {
+      font-size: inherit;
+    }
+  }
+
+  hr {
+    border-top: 1px solid var(--md-hr-border-color);
+    background-color: var(--md-hr-background-color);
+    height: var(--md-hr-height);
+    margin: var(--md-hr-margin-vertical) 0;
+  }
+
+  pre {
+    white-space: var(--code-wrap, pre);
+    background-color: var(--code-block-background-color);
+    font-family: var(--code-font-family);
+    color: white;
+    padding: calc(var(--spacing-unit) * 2);
+    overflow-x: auto;
+    line-height: normal;
+    border-radius: var(--panel-border-radius);
+    border: 1px solid rgba(38, 50, 56, 0.1);
+
+    code {
+      background-color: transparent;
+      color: white;
+      padding: 0;
+      border: none;
+
+      &:before,
+      &:after {
+        content: none;
+      }
+    }
+  }
+
+  blockquote {
+    margin: var(--md-blockquote-margin-vertical) var(--md-blockquote-margin-horizontal);
+    padding: var(--md-blockquote-padding-vertical) var(--md-blockquote-padding-horizontal);
+    border-left: var(--md-blockquote-border-left);
+    background-color: var(--md-blockquote-background-color);
+    color: var(--md-blockquote-text-color);
+    box-shadow: var(--md-blockquote-box-shadow);
+  }
+
+  img {
+    max-width: 100%;
+    box-sizing: content-box;
+  }
+
+  ul,
+  ol {
+    padding-left: var(--md-list-left-padding);
+    margin: 0 0 var(--md-list-margin);
+
+    ul,
+    ol {
+      margin-bottom: 0;
+      margin-top: 0;
+    }
+  }
+
+  li {
+    margin: var(--md-list-item-margin);
+    list-style: var(--md-list-item-style);
+  }
+
+  ol > li {
+    list-style: var(--md-numbered-list-item-style);
+  }
+
+  ol > li:before {
+    content: counter(list-item);
+    display: var(--md-numbered-list-number-display);
+    color: var(--md-numbered-list-number-text-color);
+    font-size: var(--md-numbered-list-number-font-size);
+    font-family: var(--md-numbered-list-number-font-family);
+    font-weight: var(--md-numbered-list-number-font-weight);
+    background-color: var(--md-numbered-list-number-background-color);
+    border-radius: var(--md-numbered-list-number-border-radius);
+    border: var(--md-numbered-list-number-border);
+    margin-right: var(--md-numbered-list-number-margin-right);
+    padding: var(--md-numbered-list-number-padding);
+  }
+
+  ${({withoutTableStyle:r})=>!r&&baseTable}
+
+  ${linkifyMixin(".share-link","15px")};
+
+  ${linksCss}
+
+  h1 {
+    ${typography("h1","h")}
+    clear: both;
+  }
+  h2 {
+    ${typography("h2","h")}
+    clear: both;
+  }
+  h3 {
+    ${typography("h3","h")}
+    clear: both;
+  }
+
+  pre {
+    border-radius: var(--panel-border-radius);
+  }
+
+  code {
+    word-wrap: var(--code-word-break);
+  }
+`;export const StyledMarkdownSpan=StyledMarkdownBlock.withComponent("span");
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,16 @@
+export interface StylingMarkdownProps {
+    compact?: boolean;
+    inline?: boolean;
+}
+export interface BaseMarkdownProps {
+    sanitize?: boolean;
+    source: string;
+}
+export type MarkdownProps = BaseMarkdownProps & StylingMarkdownProps & {
+    source: string;
+    className?: string;
+    'data-role'?: string;
+};
+export interface AdvancedMarkdownProps extends BaseMarkdownProps {
+    htmlWrap?: (part: JSX.Element) => JSX.Element;
+}

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

@@ -0,0 +1,11 @@
+import type { DropdownProps } from '../common';
+import type { MediaContentModel, MediaTypeModel } from '../../models';
+interface MediaTypesSwitchProps {
+    content?: MediaContentModel;
+    withLabel?: boolean;
+    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 {};

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

@@ -0,0 +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);
+//# sourceMappingURL=MediaTypesSwitch.js.map

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

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

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

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

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

@@ -1,12 +1,12 @@
 import type { ButtonProps } from '@redocly/theme';
-import type { ProMenu } from '../services/ProMenu';
-import type { RedocProNormalizedOptions } from '../services/ProStore';
+import type { ProMenu } from '../services';
+import type { Options } from '../services/Options/types';
 export declare const NextSectionButton: import("styled-components").StyledComponent<import("react").FC<ButtonProps>, any, {
     className: string;
 }, "className">;
 export declare const NextSectionButtonLink: import("styled-components").StyledComponent<import("react").FC<ButtonProps>, any, ButtonProps, never>;
 interface ContinueButtonProps {
-    pagination?: RedocProNormalizedOptions['pagination'];
+    pagination?: Options['pagination'];
     menu: ProMenu;
 }
 export declare const ContinueButton: ({ pagination, menu }: ContinueButtonProps) => JSX.Element | null;

package/lib-esm/components/NextSectionButton.js

@@ -1,4 +1,4 @@
-import React from"react";import styled from"styled-components";import{Button}from"@redocly/theme";import{IS_BROWSER}from"../redoc-lib";import{userIsForcingNavigation}from"../redoc-lib/src/common-elements/linkify";import{NextSectionButtonWrap}from"./styled.elements";export const NextSectionButton=styled(Button).attrs({className:"next-section-button"})`
+import React from"react";import styled from"styled-components";import{Button}from"@redocly/theme";import{IS_BROWSER}from"../utils";import{userIsForcingNavigation}from"./common";import{NextSectionButtonWrap}from"./styled.elements";export const NextSectionButton=styled(Button).attrs({className:"next-section-button"})`
   font-size: 14px;
   margin-left: auto;
 `;export const NextSectionButtonLink=styled(Button)`

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

@@ -0,0 +1,4 @@
+import type { OperationProps } from './types';
+declare function OperationComponent({ operation: { name: summary, description, deprecated, externalDocs, isWebhook, httpVerb }, operation, layout, }: OperationProps): JSX.Element;
+export declare const Operation: typeof OperationComponent;
+export {};

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

@@ -0,0 +1,8 @@
+import{observer}from"mobx-react";import React,{useContext,useCallback}from"react";import styled from"styled-components";import{Endpoint}from"../Endpoint";import{Badge,H2,SamplesMiddlePanel,SamplesPanel,Row,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{StoreContext}from"../../context";import{ContentPanel}from"../Panel";import{RenderHook}from"../RenderHook";import{l}from"../../services";import{LayoutVariant}from"../../constants";import{creatPanelToggleEvent}from"../../events";const OperationRow=styled(Row)`
+  backface-visibility: hidden;
+  contain: content;
+  overflow: hidden;
+`,Description=styled.div`
+  margin-bottom: calc(var(--spacing-unit) * 4);
+`;function OperationComponent({operation:{name:e,description:t,deprecated:o,externalDocs:a,isWebhook:n,httpVerb:r},operation:s,layout:c}){var i,m,p;const d=useContext(StoreContext),u=!(!t&&!a),R=null==d?void 0:d.options.hooks,E=null==d?void 0:d.options.events,k=useCallback((e=>t=>{var o;const a=creatPanelToggleEvent({operation:s,isExpanded:t,panelType:e});null===(o=null==E?void 0:E.panelToggle)||void 0===o||o.call(E,a)}),[E,s]);return React.createElement(OperationRow,{layout:c},React.createElement(SamplesMiddlePanel,{isStacked:c===LayoutVariant.STACKED},React.createElement(RenderHook,{Hook:null==R?void 0:R.BeforeOperation,props:{operation:s}}),React.createElement(H2,null,React.createElement(ShareLink,{to:s.id}),React.createElement(RenderHook,{Hook:null==R?void 0:R.BeforeOperationSummary,props:{operation:s}}),e,React.createElement(RenderHook,{Hook:null==R?void 0:R.AfterOperationSummary,props:{operation:s}}),o&&React.createElement(Badge,{deprecated:!0},"Deprecated"),n&&React.createElement(React.Fragment,null,React.createElement(Badge,null,"Webhook"),(null==d?void 0:d.options.showWebhookVerb)&&r&&React.createElement(Badge,null,r.toUpperCase()))),(null==d?void 0:d.options.pathInMiddlePanel)&&!n&&React.createElement(Endpoint,{operation:s}),u&&React.createElement(Description,null,void 0!==t&&React.createElement(Markdown,{source:t}),a&&React.createElement(ExternalDocumentation,{externalDocs:a}),Object.keys(s.extensions||{}).length?React.createElement(Extensions,{extensions:s.extensions}):null),React.createElement(SecurityRequirements,{securities:s.security}),(null===(i=s.parameters)||void 0===i?void 0:i.length)||s.requestBody?React.createElement(ContentPanel,{header:l("request"),onToggle:k("request"),expanded:null==d?void 0:d.options.expandDefaultRequest,className:"panel-request-schemas"},React.createElement(Parameters,{parameters:s.parameters,body:s.requestBody})):null,(null===(m=s.responses)||void 0===m?void 0:m.length)?React.createElement(ContentPanel,{header:l("responses"),onToggle:k("responses"),expanded:null==d?void 0:d.options.expandDefaultResponse,className:"panel-response-schemas"},React.createElement(ResponsesList,{responses:s.responses})):null,(null===(p=s.callbacks)||void 0===p?void 0:p.length)?React.createElement(ContentPanel,{className:"panel-callback-schemas",header:l("callbacks")},React.createElement(CallbacksList,{callbacks:s.callbacks})):null,React.createElement(RenderHook,{Hook:null==R?void 0:R.AfterOperation,props:{operation:s}})),(null==d?void 0:d.showRightPanel)?React.createElement(SamplesPanel,{"data-cy":"samples-block"},!(null==d?void 0:d.options.pathInMiddlePanel)&&!n&&React.createElement(Endpoint,{operation:s}),React.createElement(RequestSamples,{operation:s}),React.createElement(ResponseSamples,{operation:s}),React.createElement(CallbackSamples,{callbacks:s.callbacks})):null)}export const Operation=observer(OperationComponent);
+//# sourceMappingURL=Operation.js.map

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

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

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

@@ -0,0 +1,6 @@
+import type { OperationModel } from '../../models';
+import type { LayoutVariant } from '../../constants';
+export interface OperationProps {
+    operation: OperationModel;
+    layout?: LayoutVariant;
+}

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

@@ -1,2 +1,2 @@
-import React,{useMemo,Fragment}from"react";import{dottedString,escapeFormId,get,unescapeFormId}from"../../utils";import{FormLabel,FormControl,FormWarning,GroupLabel,Table}from"../common/form";import{FormTextField}from"../common/TextField";import{ParameterEnumDropdown}from"../console/ParameterDropdown";import{ParameterArray}from"../console/ParameterArray";import{SchemaType}from"./types";import{createValidator,getInitialValue,isNotSupported,orderParams,placeholder}from"./utils";const PARAM_PLACES=["path","query","cookie","header"];function FormControlWrapper({id:e,param:r,values:a}){const t=useMemo((()=>createValidator(r)),[r]),o=Array.isArray(r.schema.enum)&&r.schema.enum.length?r.schema.enum:void 0,m=getInitialValue(r.schema),n=e.split(".").map((e=>unescapeFormId(e)));return o?React.createElement(FormControl,null,React.createElement(ParameterEnumDropdown,{initValue:m,paramEnum:o,field:e})):React.createElement(FormTextField,{fullWidth:!0,"data-cy":"parameter-input",id:e,field:e,placeholder:placeholder(r),validate:t,initialValue:m||get(a,n),validateOnBlur:!0,validateOnChange:!0})}export function OperationParameters({values:e,operation:r}){const a=useMemo((()=>orderParams(r.parameters||[])),[r]),t=(r,a,o,m)=>{var n;const l=o?dottedString(o,r.name):r.name,c=isNotSupported(r.schema),i=o?[a,o]:[r.in],p=dottedString(...i,escapeFormId(r.name));return c&&console.warn(`Unsupported parameter definition: "${c}"`),r.schema.type===SchemaType.ARRAY?React.createElement(ParameterArray,{key:p,name:l,param:r,place:a,renderParameter:t}):r.schema.type===SchemaType.OBJECT?null===(n=r.schema.fields)||void 0===n?void 0:n.map((e=>t(e,a,l))):React.createElement(FormControl,{key:p},React.createElement(FormLabel,{required:r.required},m||l,":"),c?React.createElement(FormWarning,null,"Unsupported field schema definition"):React.createElement(FormControlWrapper,{id:p,param:r,values:e}))};return React.createElement(Table,null,PARAM_PLACES.map((e=>{const r=a[e];return r&&r.length?React.createElement(Fragment,{key:e},React.createElement(FormControl,null,React.createElement(GroupLabel,null," # ",e," parameters "),React.createElement("span",null," ")),r.map((r=>t(r,e)))):null})))}
+import React,{useMemo,Fragment}from"react";import{dottedString,escapeFormId,get,unescapeFormId}from"../../utils";import{FormLabel,FormControl,FormWarning,GroupLabel,Table}from"../common/form";import{FormTextField}from"../common/TextField";import{ParameterEnumDropdown}from"../rightPanel/ParameterDropdown";import{ParameterArray}from"../rightPanel/ParameterArray";import{SchemaType}from"./types";import{createValidator,getInitialValue,isNotSupported,orderParams,placeholder}from"./utils";const PARAM_PLACES=["path","query","cookie","header"];function FormControlWrapper({id:e,param:r,values:a}){const t=useMemo((()=>createValidator(r)),[r]),m=Array.isArray(r.schema.enum)&&r.schema.enum.length?r.schema.enum:void 0,o=getInitialValue(r.schema),n=e.split(".").map((e=>unescapeFormId(e)));return m?React.createElement(FormControl,null,React.createElement(ParameterEnumDropdown,{initValue:o,paramEnum:m,field:e})):React.createElement(FormTextField,{fullWidth:!0,"data-cy":"parameter-input",id:e,field:e,placeholder:placeholder(r),validate:t,initialValue:o||get(a,n),validateOnBlur:!0,validateOnChange:!0})}export function OperationParameters({values:e,operation:r}){const a=useMemo((()=>orderParams(r.parameters||[])),[r]),t=(r,a,m,o)=>{var n;const l=m?dottedString(m,r.name):r.name,i=isNotSupported(r.schema),c=m?[a,m]:[r.in],p=dottedString(...c,escapeFormId(r.name));return i&&console.warn(`Unsupported parameter definition: "${i}"`),r.schema.type===SchemaType.ARRAY?React.createElement(ParameterArray,{key:p,name:l,param:r,place:a,renderParameter:t}):r.schema.type===SchemaType.OBJECT?null===(n=r.schema.fields)||void 0===n?void 0:n.map((e=>t(e,a,l))):React.createElement(FormControl,{key:p},React.createElement(FormLabel,{required:r.required},o||l,":"),i?React.createElement(FormWarning,null,"Unsupported field schema definition"):React.createElement(FormControlWrapper,{id:p,param:r,values:e}))};return React.createElement(Table,null,PARAM_PLACES.map((e=>{const r=a[e];return r&&r.length?React.createElement(Fragment,{key:e},React.createElement(FormControl,null,React.createElement(GroupLabel,null," # ",e," parameters "),React.createElement("span",null," ")),r.map((r=>t(r,e)))):null})))}
 //# sourceMappingURL=OperationParameters.js.map