@redocly/openapi-docs 3.0.0 → 3.0.1

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

@@ -1,14 +1,3 @@
-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): JSX.Element | null;
-export declare const PageFooter: React.NamedExoticComponent<PageFooterProps>;
-export {};
+/// <reference types="react" />
+export declare function PageFooterComponent(): import("react/jsx-runtime").JSX.Element | null;
+export declare const PageFooter: import("react").MemoExoticComponent<typeof PageFooterComponent>;

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

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

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

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

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

@@ -1,8 +1,3 @@
-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">;
+import { Panel } from '@redocly/theme';
+export declare const StyledResponsePanel: import("styled-components").StyledComponent<typeof Panel, any, {}, never>;
+export declare const CallbackPanel: import("styled-components").StyledComponent<typeof Panel, any, {}, never>;

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"../common/headers";import{StyledMarkdownSpan}from"../Markdown/styled";import{Trigger}from"./Trigger";export const StyledResponsePanel=styled(Panel)`
+import styled from"styled-components";import{Panel}from"@redocly/theme";import{FieldsGroupHeader}from"../common/headers";import{Trigger}from"./Trigger";export const StyledResponsePanel=styled(Panel)`
   ${FieldsGroupHeader} {
     &:first-child {
       margin-top: 0;
@@ -10,14 +10,13 @@ import styled from"styled-components";import{Panel,PanelHeaderTitle}from"@redocl
     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;

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

@@ -1,8 +1,4 @@
 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

@@ -1,2 +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";
+export*from"./Trigger";export*from"./Description";export*from"./ContentPanel";export*from"./ResponsePanel";
 //# sourceMappingURL=index.js.map

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

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+export interface PanelItemProps {
+    header?: string | ReactNode;
+    title?: string | ReactNode;
+    actions?: any[];
+    active?: boolean;
+    withCheckmark?: boolean;
+}
+export declare const PanelItem: ({ header, title, actions, active, withCheckmark }: PanelItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{PanelItemWrap,Item,Header,Title,ActionsWrap,StyledCheckmarkIcon}from"./styled";export const PanelItem=({header:e,title:s,actions:t,active:r,withCheckmark:a})=>_jsxs(PanelItemWrap,{children:[_jsxs(Item,{children:[e&&("string"==typeof e?_jsx(Header,{children:e}):e),_jsxs(Title,{active:r,suppressHydrationWarning:!0,children:[a&&r&&_jsx(StyledCheckmarkIcon,{})," ",s]})]}),_jsx(ActionsWrap,{children:null==t?void 0:t.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,17 @@
+/// <reference types="react" />
+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<"span", any, {
+    active?: boolean | undefined;
+}, 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>;
+export declare const StyledCheckmarkIcon: import("styled-components").StyledComponent<(props: import("@redocly/theme/lib/icons/types").IconProps) => import("react").JSX.Element, any, {
+    'data-component-name': string;
+} & {
+    color?: string | undefined;
+    size?: string | undefined;
+    className?: string | undefined;
+} & import("react").SVGProps<SVGSVGElement>, "data-component-name">;

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

@@ -0,0 +1,53 @@
+import styled from"styled-components";import{CheckmarkIcon}from"@redocly/theme";export const PanelItemWrap=styled.span`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0;
+  position: relative;
+  width: 100%;
+`;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-content-title-color);
+  font-size: var(--h6-font-size);
+  line-height: var(--line-height-xsm);
+`;export const Title=styled.span`
+  margin: 0;
+  color: var(--text-color-secondary);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-weight: ${({active:t})=>t&&"var(--font-weight-medium)"};
+`;export const ActionsWrap=styled.div`
+  display: flex;
+  gap: var(--spacing-xs);
+`;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);
+`;export const StyledCheckmarkIcon=styled(CheckmarkIcon)`
+  width: 14px;
+  height: 14px;
+  position: absolute;
+  left: -18px;
+  bottom: 3px;
+`;
+//# sourceMappingURL=styled.js.map

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import type { ReactElement } from 'react';
 import type { ExampleProps } from './types';
-export declare function Example({ example, mimeType, onCopyClick }: ExampleProps): JSX.Element;
+export declare function Example({ example, mimeType, onCopyClick }: ExampleProps): ReactElement;

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

@@ -1,2 +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})}
+import{jsx as _jsx}from"react/jsx-runtime";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")?_jsx(ExampleValue,{value:"PDF file",mimeType:l,encoding:e.encoding,onCopyClick:a}):_jsx(ExternalExample,{example:e,mimeType:l,onCopyClick:a}):_jsx(ExampleValue,{value:e.value,mimeType:l,encoding:e.encoding,onCopyClick:a})}
 //# sourceMappingURL=Example.js.map

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

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

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

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

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import type { ReactElement } from 'react';
 import type { ExampleProps } from './types';
-export declare function ExternalExample({ example, mimeType, onCopyClick }: ExampleProps): JSX.Element;
+export declare function ExternalExample({ example, mimeType, onCopyClick }: ExampleProps): ReactElement;

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

@@ -1,2 +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})}
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{CodeBlockContainer}from"@redocly/theme";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?_jsx("span",{children:"Loading..."}):l instanceof Error?_jsxs(CodeBlockContainer,{children:["Error loading external example: ",_jsx("br",{}),_jsx("a",{className:"token string",href:e.externalValueUrl,target:"_blank",rel:"noopener noreferrer",children:e.externalValueUrl})]}):_jsx(ExampleValue,{value:l,mimeType:r,onCopyClick:a})}
 //# sourceMappingURL=ExternalExample.js.map

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

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

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

@@ -1,2 +1,4 @@
-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);
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{memo}from"react";import merge from"deepmerge";import styled from"styled-components";import{Markdown}from"../Markdown";import{Example}from"./Example";import{ExampleSwitch,useExampleKey}from"../Samples";import{arrayMergeStrategy}from"../../services/utils";import{StyledCodeBlock}from"./styled";function MediaTypeSamplesComponent({mediaType:e,properties:r,onChange:a,onCopyClick:m}){const o=e.examples||e.formExamples||{},s=e.name,t=Object.keys(o),{exampleKey:p}=useExampleKey(e.operation,o),n=1===t.length?Object.values(o)[0]:o[p];if(!t.length)return _jsx(StyledCodeBlock,{lang:"clike",source:"No response example",header:{controls:!1}});const l=r?Object.assign(Object.assign({},n),{value:merge(n.value,r,{arrayMerge:arrayMergeStrategy})}):n,i=l.description;return _jsxs(_Fragment,{children:[_jsx(ExampleSwitch,{examples:o,exampleKey:p,onChange:a}),i&&_jsx(StyledMarkdown,{source:i}),_jsx(Example,{example:l,mimeType:s,onCopyClick:m})]})}const StyledMarkdown=styled(Markdown)`
+  margin: 0 var(--spacing-md) var(--spacing-sm);
+`;export const MediaTypeSamples=memo(MediaTypeSamplesComponent);
 //# sourceMappingURL=MediaTypeSamples.js.map

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

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

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

@@ -1,2 +1,2 @@
-var __rest=this&&this.__rest||function(e,o){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)o.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(t[r[a]]=e[r[a]])}return t};import React,{memo,useCallback}from"react";import{useRecoilValue}from"@redocly/recoil";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{activeMimeNameSelector}from"../../recoil/app";import{useActivateExample}from"../../hooks";function PayloadSamplesComponent(e){var{onlyDefaultMimeType:o,content:t}=e,r=__rest(e,["onlyDefaultMimeType","content"]);const a=useActivateExample(t),p=useRecoilValue(activeMimeNameSelector),l=o&&p,n=useCallback((e=>l?null:React.createElement(DropdownWrapper,null,React.createElement(DropdownOrLabel,Object.assign({Label:MimeLabel,Dropdown:Dropdown,variant:"dark",fullWidth:!0},e)))),[l]),m=e=>a(e);return React.createElement(MediaTypesSwitch,{content:t,renderDropdown:n},(e=>React.createElement(MediaTypeSamples,Object.assign({key:"samples",mediaType:e},r,{onChange:m}))))}export const PayloadSamples=memo(PayloadSamplesComponent);
+var __rest=this&&this.__rest||function(e,t){var o={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(o[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(o[a[r]]=e[a[r]])}return o};import{jsx as _jsx}from"react/jsx-runtime";import{memo,useCallback}from"react";import{useAtomValue}from"jotai";import{SelectOrLabel}from"../SelectOrLabel";import{MediaTypesSwitch}from"../MediaTypeSwitch";import{MimeLabel,Select}from"../common";import{MediaTypeSamples}from"./MediaTypeSamples";import{SelectWrapper,StyledCodeBlock}from"./styled";import{activeMimeNameAtom}from"../../jotai/app";import{useActivateExample}from"../../hooks";function PayloadSamplesComponent(e){var{onlyDefaultMimeType:t,content:o}=e,a=__rest(e,["onlyDefaultMimeType","content"]);const r=useActivateExample(o),l=useAtomValue(activeMimeNameAtom),m=t&&l,i=useCallback((e=>m?null:_jsx(SelectWrapper,{children:_jsx(SelectOrLabel,Object.assign({Label:MimeLabel,Select:Select,variant:"dark",fullWidth:!0},e))})),[m]),p=e=>r(e);return o?_jsx(MediaTypesSwitch,{content:o,renderSelect:i,children:e=>_jsx(MediaTypeSamples,Object.assign({mediaType:e},a,{onChange:p}),"samples")}):_jsx(StyledCodeBlock,{lang:"text",source:"No request payload",header:{controls:!1}})}export const PayloadSamples=memo(PayloadSamplesComponent);
 //# sourceMappingURL=PayloadSamples.js.map

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

@@ -1,3 +1,4 @@
-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>;
+import { CodeBlock } from '@redocly/theme';
+export declare const SelectLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const SelectWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCodeBlock: import("styled-components").StyledComponent<typeof CodeBlock, any, {}, never>;

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

@@ -1,4 +1,4 @@
-import styled from"styled-components";export const DropdownLabel=styled.span`
+import styled from"styled-components";import{CodeBlock}from"@redocly/theme";export const SelectLabel=styled.span`
   font-size: 12px;
   position: absolute;
   z-index: 1;
@@ -8,10 +8,15 @@ import styled from"styled-components";export const DropdownLabel=styled.span`
   color: var(--panel-samples-text-color);
   opacity: 0.7;
   font-family: var(--font-family-base);
-`;export const DropdownWrapper=styled.div`
+`;export const SelectWrapper=styled.div`
   position: relative;
-  margin-bottom: 10px;
-`;export const ExampleWrapper=styled.div`
-  margin-top: 5px;
+`;export const StyledCodeBlock=styled(CodeBlock)`
+  border: none;
+  margin: 0;
+
+  .code-block-header {
+    border-bottom: 0;
+    padding-right: var(--spacing-sm);
+  }
 `;
 //# sourceMappingURL=styled.js.map

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

@@ -13,7 +13,6 @@ export interface ExampleValueProps extends Pick<MediaTypeSamplesProps, 'onCopyCl
 }
 export interface MediaTypeSamplesProps {
     mediaType: MediaTypeModel;
-    onlyDefaultSample?: boolean;
     properties?: GenericObject;
     onChange: (key: any) => void;
     onCopyClick?: () => void;

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

@@ -0,0 +1,4 @@
+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: import("react").NamedExoticComponent<DescriptionEnumsProps>;

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

@@ -0,0 +1,10 @@
+import{jsxs as _jsxs,jsx as _jsx,Fragment as _Fragment}from"react/jsx-runtime";import{memo}from"react";import styled from"styled-components";import{Markdown}from"../Markdown";import{DescriptionEnumsBlock}from"./styled";import{ToggleButton}from"../common";const EnumValueStyled=styled.td`
+  word-wrap: break-word;
+  font-size: var(--md-table-font-size);
+`,DescriptionValueStyled=styled.td`
+  & p,
+  p:only-of-type {
+    margin: 0;
+  }
+`;export function DescriptionEnumsComponent({enums:e,toggle:t,showToggleButton:n,toggleButtonText:o,type:r}){return _jsx(_Fragment,{children:_jsx(DescriptionEnumsBlock,{children:_jsxs("table",{className:"md",children:[_jsx("thead",{children:_jsxs("tr",{children:[_jsxs("th",{style:{width:"30%"},children:["array"===r?"Items":""," ",1===e.length?"Value":"Enum Value"]}),_jsx("th",{children:"Description"})]})}),_jsx("tbody",{children:e.map((({description:e,value:t})=>_jsxs("tr",{children:[_jsx(EnumValueStyled,{children:t}),_jsx(DescriptionValueStyled,{children:_jsx(Markdown,{source:e})})]},t)))}),n?_jsx("tfoot",{children:_jsx("tr",{children:_jsx("td",{colSpan:2,children:_jsx(ToggleButton,{onClick:t,children:o})})})}):null]})})})}export const DescriptionEnums=memo(DescriptionEnumsComponent);
+//# sourceMappingURL=DescriptionEnums.js.map

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

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

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

@@ -0,0 +1,2 @@
+import{jsx as _jsx,Fragment as _Fragment}from"react/jsx-runtime";import{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,m]=useState(!0),{maxDisplayedEnumValues:n}=useAtomValue(globalOptionsAtom),s=useCallback((()=>{m(!o)}),[o]),r=!Array.isArray(e),u=getEnums(e),l=useMemo((()=>o&&n?u.slice(0,n):u),[u,o,n]);if(!u.length)return null;const a=!!n&&u.length>n,i=n?o?`+${u.length-n} more`:"Hide":"";return _jsx(_Fragment,{children:r?_jsx(DescriptionEnums,{enums:l,toggle:s,showToggleButton:a,toggleButtonText:i,type:t}):_jsx(SimpleEnums,{enums:l,type:t,toggle:s,toggleButtonText:i,showToggleButton:a})})}export const EnumValues=memo(EnumValuesComponent);
+//# sourceMappingURL=EnumValues.js.map

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

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

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

@@ -0,0 +1,2 @@
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{ExampleValue,FieldLabel}from"../common";import{normalizeText,serializeParameterValue}from"../../utils";import{ExampleWrap,ExamplesList,ExampleSummary,ExampleDescription}from"./styled";export function Examples({field:e}){return e.examples?_jsxs(_Fragment,{children:[_jsx(FieldLabel,{children:" Examples: "}),_jsx(ExamplesList,{children:Object.entries(e.examples).map((([r,a])=>{const l=normalizeText(a.description);return _jsxs(ExampleWrap,{children:[_jsxs(ExampleSummary,{children:[normalizeText(a.summary)||r," "]}),l&&_jsxs(ExampleDescription,{children:[l," "]}),_jsx(ExampleValue,{children:getSerializedValue(e,a.value)})]},r)}))})]}):null}export function getSerializedValue(e,r){return e.in?decodeURIComponent(serializeParameterValue(e,r)):r}
+//# sourceMappingURL=Examples.js.map

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

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

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

@@ -0,0 +1,4 @@
+import{jsxs as _jsxs,jsx as _jsx,Fragment as _Fragment}from"react/jsx-runtime";import{memo}from"react";import styled from"styled-components";import{useAtomValue}from"jotai";import{Markdown as MarkdownWrapper}from"@redocly/theme";import{ExtensionValue,FieldLabel}from"../common";import{globalOptionsAtom}from"../../jotai/store";const Container=styled(MarkdownWrapper)`
+  margin: 2px 0;
+`;function ExtensionsComponent({extensions:o}){const{showExtensions:e}=useAtomValue(globalOptionsAtom);return e?_jsx(_Fragment,{children:Object.keys(o).map((e=>_jsxs(Container,{children:[_jsxs(FieldLabel,{children:[e.substring(2),": "]})," ",_jsx(ExtensionValue,{children:"string"==typeof o[e]?o[e]:JSON.stringify(o[e])})]},e)))}):null}export const Extensions=memo(ExtensionsComponent);
+//# sourceMappingURL=Extensions.js.map

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface FieldDetailProps {
+    value?: any;
+    label: string;
+    raw?: boolean;
+}
+export declare const FieldDetail: import("react").NamedExoticComponent<FieldDetailProps>;

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

@@ -0,0 +1,8 @@
+import{jsxs as _jsxs,jsx as _jsx}from"react/jsx-runtime";import{memo}from"react";import styled from"styled-components";import{ExampleValue,FieldLabel,DefaultValue,FieldValueLabel}from"../common";import{Markdown}from"../Markdown";function FieldDetailComponent({value:e,label:l,raw:a}){if(void 0===e)return null;const r=a?String(e):JSON.stringify(e);return _jsxs(Wrapper,{children:[_jsxs(FieldLabel,{children:[" ",l," "]}),"Default"===l?_jsx(DefaultValue,{children:r}):"Example:"===l?_jsx(ExampleValue,{children:_jsx(Markdown,{source:r})}):_jsx(FieldValueLabel,{children:r})]})}export const FieldDetail=memo(FieldDetailComponent);const Wrapper=styled.div`
+  margin-top: var(--spacing-xxs);
+  display: flex;
+  align-items: baseline;
+  gap: var(--spacing-xxs);
+  flex-wrap: wrap;
+`;
+//# sourceMappingURL=FieldDetail.js.map

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

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

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

@@ -0,0 +1,43 @@
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{memo,useMemo}from"react";import{useAtomValue}from"jotai";import styled from"styled-components";import{LinkIcon}from"@redocly/theme";import{RecursiveLabel,Tag,AccessLabel,RequiredLabel}from"../common";import{ExternalDocumentation}from"../ExternalDocumentation";import{Markdown}from"../Markdown";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({field:e,renderDiscriminatorSwitch:t,deepLink:a,fieldParentsName:o=[]}){var i;const{hidePropertiesPrefix:r,hideSchemaTitles:s}=useAtomValue(globalOptionsAtom),{schema:n,description:l,example:m,deprecated:c,examples:p,kind:d,required:x,name:f}=e,h="header"===e.in,u=useMemo((()=>{if(void 0!==m||void 0!==p){if(void 0!==p)return _jsx(Examples,{field:e});{const t=!!e.in;return _jsx(FieldDetail,{label:"Example:",value:getSerializedValue(e,e.example),raw:t})}}return null}),[m,p,e]),y=getAccessModeLabelText(e.schema);return _jsxs(_Fragment,{children:[_jsxs(Row,{children:[f&&_jsxs(Name,{children:[a&&_jsx(LinkToField,{to:a}),!r&&o.map((e=>e+".")),_jsx(SchemaName,{className:"schema-name",children:f})]}),_jsx(SchemaTypeInfo,{type:n.typePrefix+n.displayType}),_jsx(SchemaTypeInfo,{type:n.displayFormat&&`(${n.displayFormat})`}),_jsx(SchemaTypeInfo,{type:n.contentEncoding}),_jsx(SchemaTypeInfo,{type:n.title&&!s?`(${n.title})`:""}),null===(i=n.constraints)||void 0===i?void 0:i.map((e=>_jsx(SchemaTypeInfo,{type:e},e))),c&&_jsx(DeprecatedLabel,{children:"Deprecated"}),_jsx(Pattern,{pattern:n.pattern}),"additionalProperties"===d&&_jsx(Tag,{children:"additional property"}),"patternProperties"===d&&_jsx(Tag,{children:"pattern property"}),y&&_jsx(AccessLabel,{children:y}),x&&_jsx(RequiredLabel,{children:"required"}),n.isCircular&&_jsx(RecursiveLabel,{children:"Recursive"})]}),_jsx(StyledDescription,{source:l}),_jsx(FieldDetail,{raw:h,label:"Default",value:n.default}),_jsx(EnumValues,{type:n.type,values:n["x-enumDescriptions"]||n.enum}),u,_jsx(Extensions,{extensions:Object.assign(Object.assign({},e.extensions),n.extensions)}),n.externalDocs&&_jsx(ExternalDocumentation,{externalDocs:n.externalDocs,compact:!0}),null==t?void 0:t(),_jsx(FieldDetail,{label:"Value",value:e.const||void 0})]})}export const FieldDetails=memo(FieldDetailsComponent);const Row=styled.div`
+  display: flex;
+  align-items: center;
+  gap: calc(var(--spacing-xxs) / 4) var(--spacing-xxs);
+  flex-wrap: wrap;
+  margin-bottom: 2px;
+  position: relative;
+`,DeprecatedLabel=styled(Tag)`
+  color: var(--badge-deprecated-text-color);
+  background-color: var(--badge-deprecated-bg-color);
+  font-family: var(--font-family-base);
+`,StyledDescription=styled(Markdown)`
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+
+  article p:last-child {
+    margin-bottom: 0;
+  }
+`,Name=styled.span`
+  position: relative;
+  font-family: var(--font-family-monospaced);
+  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;
+
+  :hover {
+    ${LinkIcon} {
+      opacity: 1;
+      visibility: visible;
+      background-color: var(--bg-color);
+    }
+  }
+`,SchemaName=styled.span`
+  font-family: var(--font-family-monospaced);
+  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,6 @@
+import type { ReactElement } from 'react';
+interface PatternProps {
+    pattern?: string;
+}
+export declare function Pattern({ pattern }: PatternProps): ReactElement | null;
+export {};

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

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

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

@@ -0,0 +1,7 @@
+interface CircleIconProps {
+    sign: string;
+    className?: string;
+    color?: string;
+}
+export declare function CircleIcon({ sign, className, color }: CircleIconProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+import{jsx as _jsx}from"react/jsx-runtime";import styled from"styled-components";export function CircleIcon({sign:o,className:r,color:e}){return _jsx(StyledCircleIcon,{className:r,color:e,children: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 @@
+/// <reference types="react" />
+import type { FieldProps } from './types';
+export declare const PropertyDetails: import("react").NamedExoticComponent<FieldProps>;

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

@@ -0,0 +1,17 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{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:s=1,showTitle:t,renderDiscriminatorSwitch:a,isFirst:o,fieldParentsName:n,disableDeepLinks:d,oneOfLevel:p}){const l=d?void 0:generateDeepLink(e),m=!e.schema.isPrimitive&&!e.schema.isCircular;return _jsxs(Wrapper,{isFist:o,expanded:m,className:"property",children:[_jsx(FieldDetails,{field:e,renderDiscriminatorSwitch:a,deepLink:l,fieldParentsName:n}),m&&_jsx(Schema,{schema:e.schema,skipReadOnly:r,skipWriteOnly:i,showTitle:t,expandable:!0,level:s+1,fieldParentsName:[...n||[],e.name],deepLink:l,required:e.required,disableDeepLinks:d,oneOfLevel: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)"};
+
+  // This styles needs to override the dividers when array closing label is present
+  &:has(+ span.array-closing-label) {
+    border-bottom: none;
+    padding-bottom: calc(var(--schema-property-details-spacing) / 2);
+
+    .view-nested-wrapper {
+      border-bottom: none;
+      padding-bottom: 0;
+    }
+  }
+`;
+//# sourceMappingURL=PropertyDetails.js.map

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

@@ -0,0 +1,6 @@
+type SchemaTypeInfoProps = {
+    type?: string;
+    className?: string;
+};
+export declare function SchemaTypeInfo({ type, className }: SchemaTypeInfoProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

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

@@ -0,0 +1,16 @@
+import{jsx as _jsx}from"react/jsx-runtime";import styled from"styled-components";export function SchemaTypeInfo({type:e,className:t}){return e?_jsx(FieldLabel,{className:t,children:e}):null}const FieldLabel=styled.em`
+  vertical-align: middle;
+  color: var(--schema-type-text-color);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  font-style: normal;
+
+  :after {
+    content: ',';
+  }
+
+  &:last-of-type:after {
+    content: '';
+  }
+`;
+//# sourceMappingURL=SchemaTypeInfo.js.map

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

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

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

@@ -0,0 +1,8 @@
+import{jsxs as _jsxs,jsx as _jsx}from"react/jsx-runtime";import{memo}from"react";import styled from"styled-components";import{FieldLabel,Tag,ToggleButton}from"../common";export function SimpleEnumsComponent({enums:e,type:o,toggle:t,showToggleButton:n,toggleButtonText:s}){return _jsxs(Row,{children:[_jsxs(FieldLabel,{children:["array"===o?"Items":""," ",1===e.length?"Value":"Enum"]}),e.map(((e,o)=>_jsx(Tag,{children:JSON.stringify(e)},e+o))),n?_jsx(ToggleButton,{onClick:t,children:s}):null]})}export const SimpleEnums=memo(SimpleEnumsComponent);const Row=styled.div`
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--spacing-xxs);
+  margin-top: var(--spacing-xxs);
+`;
+//# sourceMappingURL=SimpleEnums.js.map

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

@@ -0,0 +1 @@
+export declare const cycleColorsByLevel: (level?: number) => string | undefined;

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

@@ -0,0 +1,2 @@
+export const cycleColorsByLevel=C=>{if(void 0===C)return;const F=["#9D00FF","#615CEA","#147DF5","#08BFCC","#08CC7A","#81CC08","#E5BE00","#FF8700","#FF00B8"];return F[C%F.length]};
+//# sourceMappingURL=cycleColorsByLevel.js.map

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

@@ -0,0 +1,3 @@
+export { PropertyDetails } from './PropertyDetails';
+export { FieldDetails } from './FieldDetails';
+export { Extensions } from './Extensions';

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

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

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+export declare const DescriptionEnumsBlock: import("styled-components").StyledComponent<"main", any, {
+    className?: string | undefined;
+    compact?: boolean | undefined;
+    inline?: boolean | undefined;
+    base?: boolean | undefined;
+    ref?: ((node: HTMLDivElement) => void) | undefined;
+} & {
+    children?: import("react").ReactNode;
+}, never>;
+export declare const TypeWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ExampleDescription: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ExampleSummary: import("styled-components").StyledComponent<"label", any, {}, never>;
+export declare const ExampleWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ExamplesList: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FieldDescriptionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;