@redocly/openapi-docs 0.0.0-new-redoc-20240202162301

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/Overview/Overview.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+export declare function Overview({ info }: {
+    info: any;
+}): ReactElement;

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

@@ -0,0 +1,2 @@
+import React from"react";import{CopyButton,NewTabButton,EmailButton}from"@redocly/theme";import{PanelItem,PanelItemDescription,PanelItemsList}from"../PanelItem";export function Overview({info:e}){const t=e.contact&&e.contact.url&&React.createElement(PanelItem,{header:React.createElement(PanelItemDescription,null,"URL"),title:React.createElement("a",{href:e.contact.url},e.contact.url),actions:[React.createElement(NewTabButton,{data:e.contact.url,key:"NewTabButton"})]})||null,a=e.contact&&e.contact.email&&React.createElement(PanelItem,{header:React.createElement(PanelItemDescription,null,e.contact.name||"E-mail"),title:React.createElement("a",{href:"mailto:"+e.contact.email},e.contact.email),actions:[React.createElement(CopyButton,{data:e.contact.email,key:"CopyButton"}),React.createElement(EmailButton,{data:e.contact.email,key:"EmailButton"})]})||null,n=e.license&&React.createElement(PanelItem,{header:React.createElement(PanelItemDescription,null,"License"),title:e.license.identifier?e.license.identifier:React.createElement("a",{href:e.license.url},e.license.name),actions:[React.createElement(NewTabButton,{data:e.license.url,key:"NewTabButton"})]})||null,c=e.termsOfService&&React.createElement(PanelItem,{title:React.createElement("a",{href:e.termsOfService},"Terms of Service"),actions:[React.createElement(NewTabButton,{data:e.termsOfService,key:e.termsOfService})]})||null;return React.createElement(React.Fragment,null,React.createElement(PanelItemsList,null,t,a,n,c))}
+//# sourceMappingURL=Overview.js.map

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

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

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

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

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare function PageFooterComponent(): React.JSX.Element | null;
+export declare const PageFooter: React.MemoExoticComponent<typeof PageFooterComponent>;

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{globalOptionsAtom}from"../../jotai/store";import{RenderHook}from"../RenderHook";export function PageFooterComponent(){const{hooks:{MiddlePanelFooter:o}}=useAtomValue(globalOptionsAtom);switch(!0){case Boolean(o):return React.createElement(RenderHook,{Hook:o,props:void 0});case Boolean(OpenApiFooter):return React.createElement(OpenApiFooter,null);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/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";import{breakpoints}from"@redocly/theme";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%;
+
+  @media screen and (min-width: ${breakpoints.medium}) {
+    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,32 @@
+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)`
+  border-bottom: 1px solid var(--border-color-primary);
+  &:not(:last-child) {
+    margin-bottom: 0;
+    border-radius: 0;
+  }
+
+  ${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,6 @@
+export * from './Trigger';
+export * from './Description';
+export * from './CodePanel';
+export * from './ContentPanel';
+export * from './ResponsePanel';
+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"./ContentPanel";export*from"./ResponsePanel";export*from"./MiddlePanelWrapper";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+export interface PanelItemProps {
+    header?: string | ReactNode;
+    title?: string | ReactNode;
+    actions?: any[];
+}
+export declare const PanelItem: ({ header, title, actions }: PanelItemProps) => React.JSX.Element;

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

@@ -0,0 +1,2 @@
+import React from"react";import{PanelItemWrap,Item,Header,Title,ActionsWrap}from"./styled";export const PanelItem=({header:e,title:t,actions:a})=>React.createElement(PanelItemWrap,null,React.createElement(Item,null,e&&("string"==typeof e?React.createElement(Header,null,e):e),React.createElement(Title,{suppressHydrationWarning:!0},t)),React.createElement(ActionsWrap,null,null==a?void 0:a.map((e=>e))));
+//# sourceMappingURL=PanelItem.js.map

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

@@ -0,0 +1,2 @@
+export { PanelItem } from './PanelItem';
+export * from './styled';

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

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

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

@@ -0,0 +1,7 @@
+export declare const PanelItemWrap: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const Item: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const Header: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const ActionsWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PanelItemsList: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PanelItemDescription: import("styled-components").StyledComponent<"span", any, {}, never>;

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

@@ -0,0 +1,43 @@
+import styled from"styled-components";export const PanelItemWrap=styled.span`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0;
+`;export const Item=styled.span`
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  overflow: hidden;
+`;export const Header=styled.span`
+  text-align: left;
+  color: var(--menu-item-content-color-titles);
+  font-size: var(--h6-font-size);
+  line-height: var(--line-height-xsm);
+`;export const Title=styled.p`
+  margin: 0;
+  color: var(--text-color-secondary);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;export const ActionsWrap=styled.div`
+  display: flex;
+`;export const PanelItemsList=styled.div`
+  & > span {
+    border-bottom: 1px solid var(--border-color-secondary);
+    margin-bottom: var(--spacing-xs);
+    padding-bottom: var(--spacing-xs);
+  }
+
+  & > span:last-child {
+    border-bottom: none;
+    margin-bottom: 0;
+    padding-bottom: 0;
+  }
+`;export const PanelItemDescription=styled.span`
+  color: var(--text-color-secondary);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  font-weight: var(--font-weight-medium);
+`;
+//# sourceMappingURL=styled.js.map

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

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

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 @@
+import type { ReactElement } from 'react';
+import type { ExampleValueProps } from './types';
+export declare function ExampleValue({ value, mimeType, encoding, onCopyClick, }: ExampleValueProps): ReactElement;

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 @@
+import type { ReactElement } from 'react';
+import type { ExampleProps } from './types';
+export declare function ExternalExample({ example, mimeType, onCopyClick }: ExampleProps): ReactElement;

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

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

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

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

@@ -0,0 +1,17 @@
+import styled from"styled-components";export const DropdownLabel=styled.span`
+  font-size: 12px;
+  position: absolute;
+  z-index: 1;
+  top: -11px;
+  left: 12px;
+  font-weight: var(--font-weight-bold);
+  color: var(--panel-samples-text-color);
+  opacity: 0.7;
+  font-family: var(--font-family-base);
+`;export const DropdownWrapper=styled.div`
+  position: relative;
+  margin-bottom: 10px;
+`;export const ExampleWrapper=styled.div`
+  margin-top: 5px;
+`;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,24 @@
+import type { ExampleModel, MediaContentModel, MediaTypeModel } 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;
+    onlyDefaultMimeType?: boolean;
+}

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

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

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/PayloadSamples/useExternalExample.js

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

package/lib-esm/components/PropertyDetails/DescriptionEnums.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ReactElement } from 'react';
+import type { DescriptionEnumsProps } from './types';
+export declare function DescriptionEnumsComponent({ enums, toggle, showToggleButton, toggleButtonText, type, }: DescriptionEnumsProps): ReactElement;
+export declare const DescriptionEnums: React.NamedExoticComponent<DescriptionEnumsProps>;

package/lib-esm/components/PropertyDetails/DescriptionEnums.js

@@ -0,0 +1,5 @@
+import React,{memo}from"react";import styled from"styled-components";import{l}from"../../services";import{Markdown}from"../Markdown";import{DescriptionEnumsBlock,ToggleButton}from"./styled";const EnumValueStyled=styled.td`
+  max-width: 15vw;
+  word-wrap: break-word;
+`;export function DescriptionEnumsComponent({enums:e,toggle:t,showToggleButton:n,toggleButtonText:r,type:o}){return React.createElement(React.Fragment,null,React.createElement(DescriptionEnumsBlock,null,React.createElement("table",{className:"md"},React.createElement("thead",null,React.createElement("tr",null,React.createElement("th",null,"array"===o?l("enumArray"):""," ",1===e.length?l("enumSingleValue"):l("enumValue")),React.createElement("th",null,"Description"))),React.createElement("tbody",null,e.map((({description:e,value:t})=>React.createElement("tr",{key:t},React.createElement(EnumValueStyled,null,t),React.createElement("td",null,React.createElement(Markdown,{source:e})))))))),n?React.createElement(ToggleButton,{onClick:t},r):null)}export const DescriptionEnums=memo(DescriptionEnumsComponent);
+//# sourceMappingURL=DescriptionEnums.js.map

package/lib-esm/components/PropertyDetails/EnumValues.d.ts

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

package/lib-esm/components/PropertyDetails/EnumValues.js

@@ -0,0 +1,2 @@
+import React,{useState,memo,useCallback,useMemo}from"react";import{useAtomValue}from"jotai";import{SimpleEnums}from"./SimpleEnums";import{DescriptionEnums}from"./DescriptionEnums";import{globalOptionsAtom}from"../../jotai/store";function getEnums(e){return Array.isArray(e)&&e||Object.entries(e||{}).map((([e,t])=>({value:e,description:t})))}function EnumValuesComponent({values:e,type:t}){const[o,n]=useState(!0),{enumSkipQuotes:m,maxDisplayedEnumValues:u}=useAtomValue(globalOptionsAtom),s=useCallback((()=>{n(!o)}),[o]),l=!Array.isArray(e),r=getEnums(e),a=useMemo((()=>o&&u?r.slice(0,u):r),[r,o,u]);if(!r.length)return null;const i=!!u&&r.length>u,p=u?o?`+${r.length-u} more`:"Hide":"";return React.createElement(React.Fragment,null,l?React.createElement(DescriptionEnums,{enums:a,toggle:s,showToggleButton:i,toggleButtonText:p,type:t}):React.createElement(SimpleEnums,{enums:a,enumSkipQuotes:m,type:t,toggle:s,toggleButtonText:p,showToggleButton:i}))}export const EnumValues=memo(EnumValuesComponent);
+//# sourceMappingURL=EnumValues.js.map

package/lib-esm/components/PropertyDetails/Examples.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { FieldModel } from '../../models';
+export declare function Examples({ field }: {
+    field: FieldModel;
+}): React.JSX.Element | null;
+export declare function getSerializedValue(field: FieldModel, example: any): any;

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

@@ -0,0 +1,2 @@
+import React from"react";import{ExampleValue,FieldLabel}from"../common";import{l}from"../../services";import{normalizeText,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])=>{const t=normalizeText(l.description);return React.createElement(ExampleWrap,{key:a},React.createElement(ExampleSummary,null,normalizeText(l.summary)||a," "),t&&React.createElement(ExampleDescription,null,t," "),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/PropertyDetails/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/PropertyDetails/Extensions.js

@@ -0,0 +1,4 @@
+import React,{memo}from"react";import styled from"styled-components";import{useAtomValue}from"jotai";import{MarkdownWrapper}from"@redocly/theme";import{ExtensionValue,FieldLabel}from"../common";import{globalOptionsAtom}from"../../jotai/store";const Extension=styled(MarkdownWrapper)`
+  margin: 2px 0;
+`;function ExtensionsComponent({extensions:e}){const{showExtensions:t,preserveOriginalExtensionsName:o}=useAtomValue(globalOptionsAtom);return t?React.createElement(React.Fragment,null,Object.keys(e).map((t=>React.createElement(Extension,{key:t},React.createElement(FieldLabel,null,o?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/PropertyDetails/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/PropertyDetails/FieldDetail.js

@@ -0,0 +1,7 @@
+import React,{memo}from"react";import styled from"styled-components";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),r=`${l(t)}`;return React.createElement(Wrapper,null,React.createElement(FieldLabel,null," ",r," "),"default"===t?React.createElement(DefaultValue,null,n):"example"===t?React.createElement(ExampleValue,null,n):React.createElement(FieldValueLabel,null,n))}export const FieldDetail=memo(FieldDetailComponent);const Wrapper=styled.div`
+  margin-top: var(--spacing-xxs);
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xxs);
+`;
+//# sourceMappingURL=FieldDetail.js.map

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

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

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

@@ -0,0 +1,30 @@
+import React,{memo,useMemo}from"react";import{useAtomValue}from"jotai";import styled from"styled-components";import{RecursiveLabel,Tag,AccessLabel,RequiredLabel}from"../common";import{ExternalDocumentation}from"../ExternalDocumentation";import{Markdown}from"../Markdown";import{l}from"../../services";import{FieldDetail}from"./FieldDetail";import{Extensions}from"./Extensions";import{EnumValues}from"./EnumValues";import{Examples,getSerializedValue}from"./Examples";import{globalOptionsAtom}from"../../jotai/store";import{SchemaTypeInfo}from"./SchemaTypeInfo";import{LinkToField}from"../common/LinkToField";import{Pattern}from"./Pattern";import{getAccessModeLabelText}from"../RenderHook";function FieldDetailsComponent({showExamples:e,field:t,renderDiscriminatorSwitch:a,deepLink:r,fieldParentsName:n=[]}){var o;const{enumSkipQuotes:i,hideSchemaTitles:c,hideSchemaPattern:m,showAccessMode:s,disableDeepLinks:p}=useAtomValue(globalOptionsAtom),{schema:d,description:u,example:f,deprecated:h,examples:E,kind:y,required:x,name:R}=t,v=Boolean(i)||"header"===t.in,g=useMemo((()=>{if(!e||void 0===f&&void 0===E)return null;if(void 0!==E)return React.createElement(Examples,{field:t});{const e=!!t.in;return React.createElement(FieldDetail,{label:"example",value:getSerializedValue(t,t.example),raw:e})}}),[f,E,t,e]),b=getAccessModeLabelText(t.schema,s);return React.createElement(React.Fragment,null,React.createElement(Row,null,R&&React.createElement(Name,null,React.createElement(LinkToField,{to:r,disableDeepLinks:p}),n.map((e=>e+".")),React.createElement(SchemaName,{className:"schema-name"},R)),React.createElement(SchemaTypeInfo,{type:d.typePrefix}),React.createElement(SchemaTypeInfo,{type:d.displayType}),React.createElement(SchemaTypeInfo,{type:d.displayFormat}),React.createElement(SchemaTypeInfo,{type:d.contentEncoding}),React.createElement(SchemaTypeInfo,{type:d.title&&!c?`(${d.title})`:""}),null===(o=d.constraints)||void 0===o?void 0:o.map((e=>React.createElement(SchemaTypeInfo,{type:e,key:e}))),React.createElement(DeprecatedLabel,{type:h?l("deprecated"):""}),React.createElement(Pattern,{pattern:d.pattern,hideSchemaPattern:m}),"additionalProperties"===y&&React.createElement(Tag,null,"additional property"),"patternProperties"===y&&React.createElement(Tag,null,"pattern property"),b&&React.createElement(AccessLabel,null,b),x&&React.createElement(RequiredLabel,null,"required"),d.isCircular&&React.createElement(RecursiveLabel,null,l("recursive"))),React.createElement(StyledDescription,{source:u}),React.createElement(FieldDetail,{raw:v,label:"default",value:d.default}),React.createElement(EnumValues,{type:d.type,values:d["x-enumDescriptions"]||d.enum}),g,React.createElement(Extensions,{extensions:Object.assign(Object.assign({},t.extensions),d.extensions)}),d.externalDocs&&React.createElement(ExternalDocumentation,{externalDocs:d.externalDocs,compact:!0}),null==a?void 0:a(),React.createElement(FieldDetail,{label:"const",value:t.const||void 0}))}export const FieldDetails=memo(FieldDetailsComponent);const Row=styled.div`
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xxs);
+  flex-wrap: wrap;
+  margin-bottom: 2px;
+  position: relative;
+`,DeprecatedLabel=styled(SchemaTypeInfo)`
+  color: var(--badge-deprecated-text-color);
+  background-color: var(--badge-deprecated-background-color);
+  padding: 0 var(--spacing-xs);
+  border-radius: var(--border-radius);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+`,StyledDescription=styled(Markdown)`
+  font-size: var(--font-size-lg);
+`,Name=styled.span`
+  line-height: var(--line-height-base);
+  font-size: var(--font-size-base);
+  color: var(--text-color-description);
+  max-width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+`,SchemaName=styled.span`
+  font-weight: var(--font-weight-semibold);
+  font-size: var(--schemas-property-name-font-size);
+  line-height: var(--schemas-property-name-line-height);
+  color: var(--text-color-primary);
+`;
+//# sourceMappingURL=FieldDetails.js.map

package/lib-esm/components/PropertyDetails/Pattern.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from 'react';
+interface PatternProps {
+    pattern?: string;
+    hideSchemaPattern?: boolean;
+}
+export declare function Pattern({ pattern, hideSchemaPattern }: PatternProps): ReactElement | null;
+export {};

package/lib-esm/components/PropertyDetails/Pattern.js

@@ -0,0 +1,2 @@
+import React,{useState}from"react";import{Tag,ToggleButton}from"../common";const MAX_PATTERN_LENGTH=45;export function Pattern({pattern:t,hideSchemaPattern:e}){const[n,a]=useState(!1);if(!t||e)return null;return React.createElement(React.Fragment,null,React.createElement(Tag,null,n||t.length<MAX_PATTERN_LENGTH?t:`${t.slice(0,MAX_PATTERN_LENGTH)}...`),t.length>MAX_PATTERN_LENGTH&&React.createElement(ToggleButton,{onClick:()=>{a(!n)}},n?"Hide pattern":"Show pattern"))}
+//# sourceMappingURL=Pattern.js.map

package/lib-esm/components/PropertyDetails/PlusCircleIcon.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface CircleIconProps {
+    sign: string;
+    className?: string;
+    color?: string;
+}
+export declare function CircleIcon({ sign, className, color }: CircleIconProps): React.JSX.Element;
+export {};

package/lib-esm/components/PropertyDetails/PlusCircleIcon.js

@@ -0,0 +1,11 @@
+import React from"react";import styled from"styled-components";export function CircleIcon({sign:o,className:r,color:e}){return React.createElement(StyledCircleIcon,{className:r,color:e},o)}const StyledCircleIcon=styled.span`
+  background-color: var(--bg-color);
+  border-radius: 50%;
+  border: 1px solid ${({color:o})=>o||"var(--border-color-primary)"};
+  font-size: var(--font-size-lg);
+  line-height: var(--font-size-lg);
+  color: ${({color:o})=>o||"var(--text-color-secondary)"};
+  width: 20px;
+  height: 20px;
+`;
+//# sourceMappingURL=PlusCircleIcon.js.map

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

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

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

@@ -0,0 +1,6 @@
+import React,{memo}from"react";import styled from"styled-components";import{Schema}from"../Schema";import{FieldDetails}from"./FieldDetails";import{generateDeepLink}from"../common/LinkToField";function PropertyDetailsComponent({field:e,skipWriteOnly:i,skipReadOnly:r,level:t,showTitle:a,showExamples:s,renderDiscriminatorSwitch:o,isFirst:m,fieldParentsName:n}){const p=generateDeepLink(e),l=!e.schema.isPrimitive&&!e.schema.isCircular;return React.createElement(Wrapper,{isFist:m,expanded:l,className:"property"},React.createElement(FieldDetails,{field:e,showExamples:s,renderDiscriminatorSwitch:o,deepLink:p,fieldParentsName:n}),l&&React.createElement(Schema,{schema:e.schema,skipReadOnly:r,skipWriteOnly:i,showTitle:a,expandable:!0,level:t,fieldParentsName:[...n||[],e.name],deepLink:p}))}export const PropertyDetails=memo(PropertyDetailsComponent);const Wrapper=styled.div`
+  padding: ${({isFist:e})=>`var(--schema-${e?"fist-":""}property-details-spacing)`} 0
+    ${({expanded:e})=>e?0:"var(--schema-property-details-spacing)"};
+  ${({expanded:e})=>!e&&"border-bottom: 1px solid var(--border-color-primary)"};
+`;
+//# sourceMappingURL=PropertyDetails.js.map