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

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/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

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

@@ -1,4 +1,4 @@
-import type { FieldModel, OperationModel } from '../../redoc-lib';
+import type { FieldModel, OperationModel } from '../../models';
 export interface OperationParametersProps {
     operation: OperationModel;
     errors: Record<string, Record<string, string>>;

package/lib-esm/components/OperationParameters/utils.d.ts

@@ -1,5 +1,6 @@
 import type { BaseFieldProps } from 'informed';
-import type { FieldModel, SchemaModel, OpenAPISchema } from '../../redoc-lib';
+import type { FieldModel, SchemaModel } from '../../models';
+import type { OpenAPISchema } from '../../types';
 export declare function placeholder({ schema, example }: Pick<FieldModel, 'schema' | 'example'>): string;
 export declare function orderParams(params: FieldModel[]): Record<string, FieldModel[]>;
 export declare function createValidator({ schema, required, }: Pick<FieldModel, 'schema' | 'required'>): BaseFieldProps['validate'];

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

@@ -1,2 +1,2 @@
-import{isObject}from"../../redoc-lib";import{SchemaType}from"./types";export function placeholder({schema:e,example:r}){return`(${e.type})`+(r?` ${r}`:"")}export function orderParams(e){const r={};return e.forEach((e=>{e.in&&(r[e.in]||(r[e.in]=[]),r[e.in].push(e))})),r}export function createValidator({schema:e,required:r}){return a=>{if(r&&!a)return"Field is required";if(r&&e.type===SchemaType.ARRAY&&Array.isArray(a)){if(a.length>(e.rawSchema&&e.rawSchema.maxItems||1/0))return`Too many items selected, maximum ${e.rawSchema.maxItems}`;if(a.length<(e.rawSchema&&e.rawSchema.minItems||0)){const r=e.rawSchema.minItems;return`You should select at least ${1===r?`${r} item`:`${r} items`}`}}}}export function getInitialValue(e){if(e.type===SchemaType.ARRAY){const r=e.default||e.example;if(!r&&"boolean"!=typeof e.rawSchema.items&&Array.isArray(e.rawSchema.items)){if(e.rawSchema.items[0].default)return[e.rawSchema.items[0].default];if(e.rawSchema.items[0].example)return[e.rawSchema.items[0].example]}if(!r&&"boolean"!=typeof e.rawSchema.items&&!Array.isArray(e.rawSchema.items)&&isObject(e.rawSchema.items)){if(e.rawSchema.items.default)return[e.rawSchema.items.default];if(e.rawSchema.items.example)return[e.rawSchema.items.example]}return r||[]}return(Number.isInteger(e.default)?e.default.toString():e.default)||e.example}export function isNotSupported({oneOfType:e}){return e}
+import{isObject}from"../../utils";import{SchemaType}from"./types";export function placeholder({schema:e,example:a}){return`(${e.type})`+(a?` ${a}`:"")}export function orderParams(e){const a={};return e.forEach((e=>{e.in&&(a[e.in]||(a[e.in]=[]),a[e.in].push(e))})),a}export function createValidator({schema:e,required:a}){return r=>{if(a&&!r)return"Field is required";if(a&&e.type===SchemaType.ARRAY&&Array.isArray(r)){if(r.length>(e.rawSchema&&e.rawSchema.maxItems||1/0))return`Too many items selected, maximum ${e.rawSchema.maxItems}`;if(r.length<(e.rawSchema&&e.rawSchema.minItems||0)){const a=e.rawSchema.minItems;return`You should select at least ${1===a?`${a} item`:`${a} items`}`}}}}export function getInitialValue(e){if(e.type===SchemaType.ARRAY){const a=e.default||e.example;if(!a&&"boolean"!=typeof e.rawSchema.items&&Array.isArray(e.rawSchema.items)){if(e.rawSchema.items[0].default)return[e.rawSchema.items[0].default];if(e.rawSchema.items[0].example)return[e.rawSchema.items[0].example]}if(!a&&"boolean"!=typeof e.rawSchema.items&&!Array.isArray(e.rawSchema.items)&&isObject(e.rawSchema.items)){if(e.rawSchema.items.default)return[e.rawSchema.items.default];if(e.rawSchema.items.example)return[e.rawSchema.items.example]}return a||[]}return(Number.isInteger(e.default)?e.default.toString():e.default)||e.example}export function isNotSupported({oneOfType:e}){return e}
 //# sourceMappingURL=utils.js.map

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

@@ -1,4 +1,4 @@
-import styled from"styled-components";import{Panel,PanelHeader,PanelHeaderTitle,PanelBody}from"@redocly/theme";import{FieldsGroupHeader}from"../../redoc-lib/src/common-elements/";export const ContentPanel=styled(Panel)`
+import styled from"styled-components";import{Panel,PanelHeader,PanelHeaderTitle,PanelBody}from"@redocly/theme";import{FieldsGroupHeader}from"../common/headers";export const ContentPanel=styled(Panel)`
   &:not(:last-child) {
     margin-bottom: 20px;
   }

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"../../redoc-lib/src/common-elements";import{StyledMarkdownSpan}from"../../redoc-lib/src/components/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";import{Trigger}from"./Trigger";export const StyledResponsePanel=styled(Panel)`
   ${FieldsGroupHeader} {
     &:first-child {
       margin-top: 0;

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

@@ -0,0 +1,7 @@
+import type { MediaContentModel } from '../../models';
+interface BodyContentProps {
+    content: MediaContentModel;
+    description?: string;
+}
+export declare function BodyContent({ content, description }: BodyContentProps): JSX.Element;
+export {};

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

@@ -0,0 +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`
+  margin-bottom: calc(var(--spacing-unit) * 4);
+`;
+//# sourceMappingURL=BodyContent.js.map

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

@@ -0,0 +1 @@
+export declare function DropdownWithinHeader(props: any): JSX.Element;

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

@@ -0,0 +1,2 @@
+import React from"react";import{FieldsGroupHeader}from"../common";import{DropdownOrLabel}from"../DropdownOrLabel";import{SchemaMimeTypeDropdown}from"../common/Dropdown";export function DropdownWithinHeader(e){return React.createElement(FieldsGroupHeader,{key:"header","data-cy":"request-body-header"},"Request Body schema: ",React.createElement(DropdownOrLabel,Object.assign({},e,{Dropdown:SchemaMimeTypeDropdown})))}
+//# sourceMappingURL=DropdownWithinHeader.js.map

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

@@ -0,0 +1,6 @@
+import type { FieldModel, RequestBodyModel } from '../../models';
+export interface ParametersProps {
+    parameters?: FieldModel[];
+    body?: RequestBodyModel;
+}
+export declare function Parameters({ body, parameters }: ParametersProps): JSX.Element | null;

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

@@ -0,0 +1,2 @@
+import React from"react";import{BodyContent}from"./BodyContent";import{ParametersGroup}from"./ParametersGroup";const PARAM_PLACES=["path","query","cookie","header"];export function Parameters({body:e,parameters:t=[]}){if(void 0===e&&void 0===t)return null;const r=(e=>{const t={};return e.forEach((e=>{safePush(t,e.in,e)})),t})(t),o=t.length>0?PARAM_PLACES:[],n=e&&e.content,a=e&&e.description;return React.createElement(React.Fragment,null,o.map((e=>React.createElement(ParametersGroup,{key:e,place:e,parameters:r[e]}))),n&&React.createElement(BodyContent,{content:n,description:a}))}function safePush(e,t="",r){e[t]||(e[t]=[]),e[t].push(r)}
+//# sourceMappingURL=Parameters.js.map

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { FieldModel } from '../../models';
+interface ParametersGroupProps {
+    place: string;
+    parameters: FieldModel[];
+}
+export declare const ParametersGroup: React.NamedExoticComponent<ParametersGroupProps>;
+export declare const Wrap: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

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

@@ -0,0 +1,16 @@
+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`
+  margin: 20px 0 0 0;
+  padding-bottom: 20px;
+  border-bottom: 1px solid var(--border-color);
+
+  &:first-child {
+    margin: 0;
+  }
+
+  &:last-child,
+  &:only-child {
+    border-bottom: none;
+    padding-bottom: 0;
+  }
+`;
+//# sourceMappingURL=ParametersGroup.js.map

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

@@ -0,0 +1,2 @@
+export { Parameters } from './Parameters';
+export { BodyContent } from './BodyContent';

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

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

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

@@ -0,0 +1,2 @@
+import type { ExampleProps } from './types';
+export declare function Example({ example, mimeType, onCopyClick }: ExampleProps): JSX.Element;

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

@@ -0,0 +1,2 @@
+import React from"react";import{ExampleValue}from"./ExampleValue";import{ExternalExample}from"./ExternalExample";export function Example({example:e,mimeType:l,onCopyClick:a}){return void 0===e.value&&e.externalValueUrl?e.externalValueUrl.endsWith(".pdf")?React.createElement(ExampleValue,{value:"PDF file",mimeType:l,encoding:e.encoding,onCopyClick:a}):React.createElement(ExternalExample,{example:e,mimeType:l,onCopyClick:a}):React.createElement(ExampleValue,{value:e.value,mimeType:l,encoding:e.encoding,onCopyClick:a})}
+//# sourceMappingURL=Example.js.map

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

@@ -0,0 +1,2 @@
+import type { ExampleProps } from './types';
+export declare function ExternalExample({ example, mimeType, onCopyClick }: ExampleProps): JSX.Element;

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

@@ -0,0 +1,2 @@
+import{PreformattedCodeBlock}from"@redocly/theme";import React from"react";import{useExternalExample}from"./useExternalExample";import{ExampleValue}from"./ExampleValue";export function ExternalExample({example:e,mimeType:r,onCopyClick:a}){const l=useExternalExample(e,r);return void 0===l?React.createElement("span",null,"Loading..."):l instanceof Error?React.createElement(PreformattedCodeBlock,null,"Error loading external example: ",React.createElement("br",null),React.createElement("a",{className:"token string",href:e.externalValueUrl,target:"_blank",rel:"noopener noreferrer"},e.externalValueUrl)):React.createElement(ExampleValue,{value:l,mimeType:r,onCopyClick:a})}
+//# sourceMappingURL=ExternalExample.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,6 @@
+export { Example } from './Example';
+export { ExternalExample } from './ExternalExample';
+export { ExampleValue } from './ExampleValue';
+export { MediaTypeSamples } from './MediaTypeSamples';
+export { PayloadSamples } from './PayloadSamples';
+export * from './styled';

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

@@ -0,0 +1,2 @@
+export{Example}from"./Example";export{ExternalExample}from"./ExternalExample";export{ExampleValue}from"./ExampleValue";export{MediaTypeSamples}from"./MediaTypeSamples";export{PayloadSamples}from"./PayloadSamples";export*from"./styled";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,25 @@
+import type { ExampleModel, MediaContentModel, MediaTypeModel, OperationModel } from '../../models';
+import type { OpenAPIEncoding } from '../../types';
+export interface ExampleProps extends Pick<MediaTypeSamplesProps, 'onCopyClick'> {
+    example: ExampleModel;
+    mimeType: string;
+}
+export interface ExampleValueProps extends Pick<MediaTypeSamplesProps, 'onCopyClick'> {
+    value: GenericObject | string;
+    mimeType: string;
+    encoding?: {
+        [field: string]: OpenAPIEncoding;
+    };
+}
+export interface MediaTypeSamplesProps {
+    mediaType: MediaTypeModel;
+    onlyDefaultSample?: boolean;
+    properties?: GenericObject;
+    onChange: (key: any) => void;
+    onCopyClick?: () => void;
+}
+export interface PayloadSamplesProps extends Pick<MediaTypeSamplesProps, 'properties' | 'onCopyClick'> {
+    content: MediaContentModel;
+    operation?: OperationModel;
+    onlyDefaultMimeType?: boolean;
+}

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

@@ -0,0 +1,2 @@
+import type { ExampleModel } from '../../models';
+export declare function useExternalExample(example: ExampleModel, mimeType: string): any;

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

@@ -1,9 +1,9 @@
 import React from 'react';
-import type { RedocNormalizedOptions } from '../redoc-lib';
 import type { ProStore } from '../services/ProStore';
+import type { Options } from 'src/services/Options';
 export interface ProProvidersProps {
     store: ProStore;
     children: React.ReactNode;
-    customOptions?: Partial<RedocNormalizedOptions>;
+    customOptions?: Partial<Options>;
 }
 export declare const ProProviders: ({ store, children, customOptions, }: ProProvidersProps) => JSX.Element;

package/lib-esm/components/ProProviders.js

@@ -1,2 +1,2 @@
-import{ThemeProvider}from"styled-components";import React,{useMemo}from"react";import{OptionsProvider,StoreProvider}from"../redoc-lib";export const ProProviders=({store:e,children:r,customOptions:o={}})=>{const t=Object.assign(Object.assign({},e.options),o),i=useMemo((()=>({mediaQueries:t.mediaQueries,showAtBreakpoint:t.showAtBreakpoint})),[t.mediaQueries,t.showAtBreakpoint]);return React.createElement(ThemeProvider,{theme:i},React.createElement(OptionsProvider,{value:t},React.createElement(StoreProvider,{value:e},r)))};
+import{ThemeProvider}from"styled-components";import React,{useMemo}from"react";import{OptionsProvider,StoreProvider}from"../context";export const ProProviders=({store:e,children:t,customOptions:r={}})=>{const o=Object.assign(Object.assign({},e.options),r),i=useMemo((()=>({mediaQueries:o.mediaQueries,showAtBreakpoint:o.showAtBreakpoint})),[o.mediaQueries,o.showAtBreakpoint]);return React.createElement(ThemeProvider,{theme:i},React.createElement(OptionsProvider,{value:o},React.createElement(StoreProvider,{value:e},t)))};
 //# sourceMappingURL=ProProviders.js.map