@redocly/openapi-docs 0.0.0-react18-20231120182601

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

@@ -0,0 +1,2 @@
+import{MarkdownWrapper}from"@redocly/theme";export const StyledMarkdownSpan=MarkdownWrapper.withComponent("span");
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { Node } from '@markdoc/markdoc';
+export type MarkdownProps = {
+    sanitize?: boolean;
+    source?: string | GenericObject;
+    ast?: Node[];
+    className?: string;
+    htmlWrap?: (part: JSX.Element) => JSX.Element;
+};

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

@@ -0,0 +1,2 @@
+export{};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1,11 @@
+import React from 'react';
+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;
+}
+export declare const MediaTypesSwitch: React.NamedExoticComponent<MediaTypesSwitchProps>;
+export {};

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

@@ -0,0 +1,2 @@
+import React,{memo,useCallback,useRef}from"react";import{useAtom}from"jotai";import{DropdownLabel,DropdownWrapper}from"../PayloadSamples";import{FormControl}from"../common";import{activeMimeNameAtom}from"../../jotai/app";import{getActiveMediaType}from"../../models";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[o,a]=useAtom(activeMimeNameAtom),i=useCallback((({value:t})=>{if(!e||!m.current)return null;const n=m.current.getBoundingClientRect().y;a(t),requestAnimationFrame((()=>{if(!m.current||null==n)return;const e=m.current.getBoundingClientRect().y;window.scrollBy(0,e-n)}))}),[e,a]),m=useRef(null);if(!e||!e.mediaTypes||!e.mediaTypes.length)return null;const l=e.mediaTypes.map(((e,t)=>({value:e.name,idx:t}))),c=getActiveMediaType(e,o);return React.createElement(React.Fragment,null,React.createElement(Wrapper,{innerRef:m,withLabel:t},n({value:c.name,options:l,onChange:i,ariaLabel:"Content type"})),r(c))}export const MediaTypesSwitch=memo(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/NextSectionButton.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+export{};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { OperationParametersProps } from './types';
+export declare function OperationParameters({ values, operation }: OperationParametersProps): JSX.Element;

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

@@ -0,0 +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"../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,{defaultValue:o,paramEnum:m,fieldName:e})):React.createElement(FormTextField,{fullWidth:!0,"data-cy":"parameter-input",id:e,fieldName:e,placeholder:placeholder(r),rules:{validate:t},defaultValue: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,n)=>{var l;const c=m?dottedString(m,r.name):r.name,i=isNotSupported(r.schema),p=m?[a,m]:[r.in],d=dottedString(...p,escapeFormId(r.name));i&&console.warn(`Unsupported parameter definition: "${i}"`);return(Array.isArray(r.schema.type)?r.schema.type:[r.schema.type]).includes(SchemaType.ARRAY)?React.createElement(ParameterArray,{key:d,name:c,param:r,place:a,renderParameter:t}):r.schema.type===SchemaType.OBJECT?null===(l=r.schema.fields)||void 0===l?void 0:l.map((e=>t(e,a,c))):React.createElement(FormControl,{key:d},React.createElement(FormLabel,{required:r.required},o||c,": ",n),i?React.createElement(FormWarning,null,"Unsupported field schema definition"):React.createElement(FormControlWrapper,{id:d,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/index.d.ts

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

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

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

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

@@ -0,0 +1,13 @@
+import type { FieldModel, OperationModel } from '../../models';
+export interface OperationParametersProps {
+    operation: OperationModel;
+    values: Record<string, Record<string, string>>;
+}
+export interface FormControlWrapperProps extends Pick<OperationParametersProps, 'values'> {
+    id: string;
+    param: FieldModel;
+}
+export declare enum SchemaType {
+    ARRAY = "array",
+    OBJECT = "object"
+}

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

@@ -0,0 +1,2 @@
+export var SchemaType;!function(e){e.ARRAY="array",e.OBJECT="object"}(SchemaType||(SchemaType={}));
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1,8 @@
+import type { RegisterOptions } from 'react-hook-form/dist/types/validator';
+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'>): RegisterOptions['validate'];
+export declare function getInitialValue(schema: SchemaModel): OpenAPISchema['default'] | OpenAPISchema['example'];
+export declare function isNotSupported({ oneOfType, }: Pick<SchemaModel, 'oneOfType' | 'type' | 'items'>): string | false;

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

@@ -0,0 +1,2 @@
+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/Overlay.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { LicenseInfo } from '../services/check';
+export interface LicenseCheckProps {
+    licenseInfo: LicenseInfo;
+}
+export declare const Overlay: ({ licenseInfo }: LicenseCheckProps) => JSX.Element | null;

package/lib-esm/components/Overlay.js

@@ -0,0 +1,43 @@
+import React,{useState,useEffect}from"react";import styled from"styled-components";const INVALID_KEY="Invalid license key",INVALID_KEY_MISSING=INVALID_KEY+": missing key",EXPIRED="Invalid license key: expired",TRIAL_EXPIRED=EXPIRED,INVALID_HOST="Invalid license key: host not allowed";export const Overlay=({licenseInfo:e})=>{const[t,l]=useState(null),[a,i]=useState(-1),[n,r]=useState(!1);return useEffect((()=>{var t;e.local?r(!0):(e.valid?e.allowed?e.expired&&l(e.t?EXPIRED:TRIAL_EXPIRED):l(INVALID_HOST):l(!1===e.valid?INVALID_KEY+(e.cryptoMissing?": works only with https":""):INVALID_KEY_MISSING),e.t&&i(Math.ceil(((null!==(t=null==e?void 0:e.e)&&void 0!==t?t:0)-Date.now()/1e3)/60/60/24)))}),[e]),n?React.createElement(TrialWrap,null,React.createElement("a",{href:"https://redoc.ly"},"Redocly API reference docs")," preview"):!t&&a>-1?React.createElement(TrialWrap,null," Trial version: ",a," days remaining "):t?React.createElement(Flash,null,React.createElement("span",null,t," ",React.createElement("br",null),React.createElement("small",null,"Please contact ",React.createElement("a",{href:"mailto:team@redoc.ly"},"team@redoc.ly")," to remedy the problem."," "))):null};const TrialWrap=styled.div`
+  padding: 10px 40px;
+  position: fixed;
+  text-align: right;
+  width: 100%;
+  box-sizing: border-box;
+  color: orange;
+  z-index: var(--z-index-surface);
+  opacity: 0.6;
+
+  > a,
+  a:visited {
+    color: orange;
+  }
+`,Flash=styled.div`
+  font-size: 1.5em;
+  position: fixed;
+  z-index: var(--z-index-raised);
+  background: rgba(38, 50, 56, 0.93);
+  margin: 0;
+  padding: 1em;
+  width: 100%;
+  color: white;
+  height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  text-align: center;
+  box-sizing: border-box;
+
+  > span {
+    display: inline-block;
+    line-height: 1.5;
+  }
+
+  a,
+  a:hover,
+  a:visited {
+    color: white;
+  }
+`;
+//# sourceMappingURL=Overlay.js.map

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { HookConfig, Options, Pagination } from '../../services';
+interface PageFooterProps {
+    footerHook?: HookConfig<undefined>;
+    showNextButton: Options['showNextButton'];
+    nextSectionLink?: {
+        name: string;
+        href?: string;
+    };
+    pagination: Pagination;
+}
+export declare function PageFooterComponent({ showNextButton, nextSectionLink, pagination, }: PageFooterProps): React.JSX.Element | null;
+export declare const PageFooter: React.NamedExoticComponent<PageFooterProps>;
+export {};

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

@@ -0,0 +1,2 @@
+import{OpenApiFooter}from"@redocly/theme";import React,{memo}from"react";import{useAtomValue}from"jotai";import{NextSectionButton}from"../NextSectionButton";import{globalOptionsAtom}from"../../jotai/store";import{RenderHook}from"../RenderHook";export function PageFooterComponent({showNextButton:o,nextSectionLink:e,pagination:t}){const{hooks:{MiddlePanelFooter:n}}=useAtomValue(globalOptionsAtom);switch(!0){case Boolean(n):return React.createElement(RenderHook,{Hook:n,props:void 0});case Boolean(OpenApiFooter):return React.createElement(OpenApiFooter,null);case Boolean(o&&e):return React.createElement(NextSectionButton,{href:(null==e?void 0:e.href)||"",label:null==e?void 0:e.name,pagination:t});default:return null}}export const PageFooter=memo(PageFooterComponent);
+//# sourceMappingURL=PageFooter.js.map

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

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

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

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

package/lib-esm/components/Panel/Accordion.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface AccordionProps {
+    initialActiveIdx?: number;
+}
+export declare const Accordion: ({ initialActiveIdx, children, }: React.PropsWithChildren<AccordionProps>) => JSX.Element;

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

@@ -0,0 +1,2 @@
+import React,{Children,cloneElement,isValidElement,useCallback,useEffect,useState}from"react";export const Accordion=({initialActiveIdx:e,children:t})=>{const[l,n]=useState(e),[a,c]=useState(!1);useEffect((()=>{setTimeout((()=>{c(!0)}),500)}),[]),useEffect((()=>{a||n(e)}),[e,a]);const i=useCallback((e=>{n(e)}),[n]),r=Children.toArray(t).filter(isValidElement);return React.createElement(React.Fragment,null,Children.map(r,((e,t)=>cloneElement(e,{expanded:t===l,onToggle:()=>i(t)})||null))||null)};
+//# sourceMappingURL=Accordion.js.map

package/lib-esm/components/Panel/CodeHeader.d.ts

@@ -0,0 +1,2 @@
+export declare const CodeHeader: import("styled-components").StyledComponent<"div", any, import("@redocly/theme").PanelHeaderProps, never>;
+export declare const StyledCodeHeader: import("styled-components").StyledComponent<"div", any, import("@redocly/theme").PanelHeaderProps, never>;

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

@@ -0,0 +1,15 @@
+import styled from"styled-components";import{PanelHeader}from"@redocly/theme";export const CodeHeader=styled(PanelHeader)`
+  cursor: default;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+  min-height: 50px;
+  --panel-heading-background-color: var(--panel-samples-heading-background-color);
+  --panel-heading-padding-local: var(--panel-samples-heading-padding);
+  --panel-heading-text-color: var(--panel-samples-heading-text-color);
+`;export const StyledCodeHeader=styled(CodeHeader)`
+  --panel-heading-font-size-local: var(--panel-heading-font-size);
+  --panel-heading-white-space-local: var(--panel-heading-white-space);
+  --panel-heading-line-height-local: var(--panel-heading-line-height);
+  --panel-heading-padding-local: 10px 20px;
+`;
+//# sourceMappingURL=CodeHeader.js.map

package/lib-esm/components/Panel/CodePanel.d.ts

@@ -0,0 +1,4 @@
+export declare const CodePanel: import("styled-components").StyledComponent<typeof import("@redocly/theme").PanelComponent, any, {
+    'data-component-name': string;
+    className: string;
+}, "className" | "data-component-name">;

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

@@ -0,0 +1,2 @@
+import styled from"styled-components";import{Panel}from"@redocly/theme";export const CodePanel=styled(Panel)``;
+//# sourceMappingURL=CodePanel.js.map

package/lib-esm/components/Panel/ContentPanel.d.ts

@@ -0,0 +1,4 @@
+export declare const ContentPanel: import("styled-components").StyledComponent<typeof import("@redocly/theme").PanelComponent, any, {
+    'data-component-name': string;
+    className: string;
+}, "className" | "data-component-name">;

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

@@ -0,0 +1,25 @@
+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;
+  }
+
+  > ${PanelHeader} {
+    ${PanelHeaderTitle} {
+      margin-right: 8px;
+    }
+  }
+
+  &.panel-security-schemas ${PanelHeaderTitle} {
+    min-width: fit-content;
+  }
+
+  ${FieldsGroupHeader} {
+    // TODO fix me - this style overrides style inside MediaTypesSwitch by FormControl(why?)
+    font-family: var(--font-family-base);
+
+    > ${PanelBody} > div:last-child > & {
+      margin-top: 0;
+    }
+  }
+`;
+//# sourceMappingURL=ContentPanel.js.map

package/lib-esm/components/Panel/Description.d.ts

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

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

@@ -0,0 +1,8 @@
+import styled from"styled-components";export const Description=styled.span`
+  font-size: 0.9em;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-weight: normal;
+`;
+//# sourceMappingURL=Description.js.map

package/lib-esm/components/Panel/MiddlePanelWrapper.d.ts

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

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

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

package/lib-esm/components/Panel/ResponsePanel.d.ts

@@ -0,0 +1,8 @@
+export declare const StyledResponsePanel: import("styled-components").StyledComponent<typeof import("@redocly/theme").PanelComponent, any, {
+    'data-component-name': string;
+    className: string;
+}, "className" | "data-component-name">;
+export declare const CallbackPanel: import("styled-components").StyledComponent<typeof import("@redocly/theme").PanelComponent, any, {
+    'data-component-name': string;
+    className: string;
+}, "className" | "data-component-name">;

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

@@ -0,0 +1,26 @@
+import styled from"styled-components";import{Panel,PanelHeaderTitle}from"@redocly/theme";import{FieldsGroupHeader}from"../common/headers";import{StyledMarkdownSpan}from"../Markdown/styled";import{Trigger}from"./Trigger";export const StyledResponsePanel=styled(Panel)`
+  ${FieldsGroupHeader} {
+    &:first-child {
+      margin-top: 0;
+    }
+  }
+
+  ${Trigger} {
+    flex: 1;
+    max-width: 100%;
+    justify-content: space-between;
+  }
+
+  ${PanelHeaderTitle} {
+    ${StyledMarkdownSpan} > p:first-child {
+      margin-left: 4px;
+      display: inline;
+    }
+  }
+`;export const CallbackPanel=styled(StyledResponsePanel)`
+  ${Trigger} {
+    max-width: calc(100% - 9px - var(--spacing-unit)); /* shelf icon size and small padding */
+    justify-content: flex-start;
+  }
+`;
+//# sourceMappingURL=ResponsePanel.js.map

package/lib-esm/components/Panel/Trigger.d.ts

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

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

@@ -0,0 +1,8 @@
+import styled from"styled-components";export const Trigger=styled.div`
+  display: inline-flex;
+  align-items: center;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;
+//# sourceMappingURL=Trigger.js.map

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

@@ -0,0 +1,8 @@
+export * from './Trigger';
+export * from './Description';
+export * from './CodePanel';
+export * from './CodeHeader';
+export * from './ContentPanel';
+export * from './ResponsePanel';
+export * from './Accordion';
+export * from './MiddlePanelWrapper';

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

@@ -0,0 +1,2 @@
+export*from"./Trigger";export*from"./Description";export*from"./CodePanel";export*from"./CodeHeader";export*from"./ContentPanel";export*from"./ResponsePanel";export*from"./Accordion";export*from"./MiddlePanelWrapper";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { MediaContentModel } from '../../models';
+interface BodyContentProps {
+    content: MediaContentModel;
+    description?: string | GenericObject;
+    required?: boolean;
+}
+export declare const BodyContent: React.NamedExoticComponent<BodyContentProps>;
+export {};

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

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

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { DropdownOrLabelProps } from '../DropdownOrLabel/DropdownOrLabel';
+export declare function DropdownWithinHeader({ required, ...props }: DropdownOrLabelProps & {
+    required?: boolean;
+}): React.JSX.Element;

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

@@ -0,0 +1,7 @@
+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 n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)o.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(r[t[n]]=e[t[n]])}return r};import React from"react";import styled from"styled-components";import{FieldsGroupHeader,RequiredLabel}from"../common";import{DropdownOrLabel}from"../DropdownOrLabel";import{SchemaMimeTypeDropdown}from"../common/Dropdown";export function DropdownWithinHeader(e){var{required:o}=e,r=__rest(e,["required"]);const t="boolean"==typeof o&&!!o,n="boolean"==typeof o&&!o;return React.createElement(FieldsGroupHeader,{key:"header","data-cy":"request-body-header"},"Request Body schema: ",React.createElement(DropdownOrLabel,Object.assign({},r,{Dropdown:SchemaMimeTypeDropdown})),t&&React.createElement(RequiredBody,null,"required"),n&&React.createElement(OptionalBody,null,"optional"))}const commonStyles="\n  text-transform: lowercase;\n  font-size: var(--schema-labels-font-size);\n  font-family: var(--font-family-monospaced);\n  font-weight: var(--font-weight-regular);\n",RequiredBody=styled(RequiredLabel)`
+  ${commonStyles}
+`,OptionalBody=styled("div")`
+  ${commonStyles}
+  color: var(--text-color-secondary);
+`;
+//# sourceMappingURL=DropdownWithinHeader.js.map

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+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:[],{content:n,description:a,required:c}=e||{};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,required:c}))}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}from"../../components";import{Field}from"../Fields";import{mapWithLast}from"../../utils";function ParametersGroupComponent({place:e,parameters:t}){return t&&t.length?React.createElement(Wrap,{key:e},React.createElement(FieldsGroupHeader,null,e," Parameters"),React.createElement(PropertiesTable,null,React.createElement("tbody",null,mapWithLast(t,((e,t)=>React.createElement(Field,{key:e.name,isLast:t,field:e,showExamples:!0})))))):null}export const ParametersGroup=memo(ParametersGroupComponent);export const Wrap=styled.div`
+  margin: 20px 0 0 0;
+  padding-bottom: 20px;
+  border-bottom: 1px solid var(--border-primary);
+
+  &: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,3 @@
+/// <reference types="react" />
+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/ExampleValue.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { ExampleValueProps } from './types';
+export declare function ExampleValue({ value, mimeType, encoding, onCopyClick, }: ExampleValueProps): JSX.Element;

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

@@ -0,0 +1,2 @@
+import React from"react";import{CodeBlock,JsonViewer}from"@redocly/theme";import{useAtomValue}from"jotai";import{isFormUrlEncoded,isJsonLike,langFromMime,urlFormEncodePayload}from"../../utils";import{globalOptionsAtom}from"../../jotai/store";export function ExampleValue({value:o,mimeType:e,encoding:l,onCopyClick:r}){const{jsonSampleExpandLevel:t}=useAtomValue(globalOptionsAtom);return isJsonLike(e)?React.createElement(JsonViewer,{data:o,jsonSampleExpandLevel:t,onCopyClick:r}):("object"==typeof o&&(o=isFormUrlEncoded(e)?urlFormEncodePayload(o,l):JSON.stringify(o,null,2)),React.createElement(CodeBlock,{lang:langFromMime(e),source:o,header:{controls:{copy:{onClick:r}}}}))}
+//# sourceMappingURL=ExampleValue.js.map

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+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{CodeBlockContainer}from"@redocly/theme";import React from"react";import{useExternalExample}from"./useExternalExample";import{ExampleValue}from"./ExampleValue";export function ExternalExample({example:e,mimeType:a,onCopyClick:r}){const l=useExternalExample(e,a);return void 0===l?React.createElement("span",null,"Loading..."):l instanceof Error?React.createElement(CodeBlockContainer,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:a,onCopyClick:r})}
+//# sourceMappingURL=ExternalExample.js.map

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

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

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

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

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

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

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

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