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

package/lib-esm/components/RequestSamples/useCodeSamples.d.ts

@@ -0,0 +1,10 @@
+import type { Unstable_ExternalCodeSample } from '../../services';
+import type { OperationModel } from '../../models';
+import type { OpenAPIXCodeSample } from '../../types';
+export declare function useCodeSamples({ payload, isWebhook, definitionSamples, pointer, }: OperationModel): {
+    payload: OperationModel['payload'];
+    samples: Array<{
+        key: string;
+        title: string;
+    } & (Unstable_ExternalCodeSample | OpenAPIXCodeSample)>;
+};

package/lib-esm/components/RequestSamples/useCodeSamples.js

@@ -0,0 +1,2 @@
+import{useAtomValue}from"jotai";import{getCodeSample}from"../../services";import{globalStoreAtom}from"../../jotai/store";import{operationStore}from"../../jotai/operation";export function useCodeSamples({payload:e,isWebhook:a,definitionSamples:o,pointer:t}){var l;const{parser:n,options:s}=useAtomValue(globalStoreAtom),i=useAtomValue(operationStore(t));let r=[];if(!a){const e=s.generateCodeSamples||{},a=new Set(o.map((({lang:e})=>e.toLowerCase())));r=generateCodeSamples((null===(l=e.languages)||void 0===l?void 0:l.filter((({lang:e})=>!a.has(e.toLowerCase()))))||[],e,n.definition,s.generatedPayloadSamplesMaxDepth,i)}const p=[...o,...r],m=Math.min(p.length,s.payloadSampleIdx);e&&!s.hideRequestPayloadSample&&p.splice(m,0,e);const g=p.map((e=>{var a,o;return Object.assign({key:`${e.lang}_${null!==(a=e.label)&&void 0!==a?a:""}`,title:null!==(o=e.label)&&void 0!==o?o:e.lang},e)}));return{payload:e,samples:g}}function generateCodeSamples(e,{skipOptionalParameters:a,withOAuth2Call:o},t,l,n){return e.map((({lang:e,label:s,options:i})=>({lang:e,label:s,get:s=>getCodeSample(Object.assign(Object.assign({},s),{lang:e,options:Object.assign(Object.assign({},i),{skipOptionalParameters:a,withOAuth2Call:o,spec:t,generatedPayloadSamplesMaxDepth:l,store:n})}))})))}
+//# sourceMappingURL=useCodeSamples.js.map

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ReactElement } from 'react';
+import type { OperationModel } from '../../models';
+export interface ResponseSamplesProps {
+    operation: OperationModel;
+}
+declare function ResponseSamplesComponent({ operation }: ResponseSamplesProps): ReactElement | null;
+export declare const ResponseSamples: React.MemoExoticComponent<typeof ResponseSamplesComponent>;
+export {};

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

@@ -0,0 +1,2 @@
+import React,{memo,useCallback}from"react";import{useAtomValue}from"jotai";import{CodePanel}from"../Panel";import{PayloadSamples}from"../PayloadSamples";import{createCodeSampleCopyEvent}from"../../events";import{globalOptionsAtom}from"../../jotai/store";import{Summary}from"./Summary";import{useTabs}from"../Tabs";function ResponseSamplesComponent({operation:e}){const{events:o}=useAtomValue(globalOptionsAtom),a=e.responses.filter((e=>{var o,a;return null!==(a=null===(o=e.content)||void 0===o?void 0:o.hasSample)&&void 0!==a&&a})),t=null==a?void 0:a.map((({code:e})=>({key:e,title:e}))),{TabList:l,TabContent:n}=useTabs({tabs:t}),m=useCallback((()=>{var a;const t=createCodeSampleCopyEvent({operation:e,type:"response"});null===(a=null==o?void 0:o.codeSamplesCopy)||void 0===a||a.call(o,t)}),[e,o]);if(!a.length)return null;return React.createElement(CodePanel,{className:"panel-response-samples",header:()=>React.createElement(Summary,{tabs:React.createElement(l,null)}),isExpandable:!1},a.map((e=>React.createElement(n,{key:e.code,value:e.code},React.createElement(PayloadSamples,{content:e.content,onCopyClick:m})))))}export const ResponseSamples=memo(ResponseSamplesComponent);
+//# sourceMappingURL=ResponseSamples.js.map

package/lib-esm/components/ResponseSamples/Summary.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode, ReactElement } from 'react';
+export interface SummaryProps {
+    tabs?: ReactNode;
+}
+export declare const Summary: ({ tabs }: SummaryProps) => ReactElement;

package/lib-esm/components/ResponseSamples/Summary.js

@@ -0,0 +1,2 @@
+import React from"react";import{PanelHeader,PanelHeaderTitle}from"@redocly/theme";import{l}from"../../services";export const Summary=({tabs:e})=>React.createElement(PanelHeader,{isExpandable:!1},React.createElement(PanelHeaderTitle,{"data-cy":"title"},l("responseSamples")),e);
+//# sourceMappingURL=Summary.js.map

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

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

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

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

package/lib-esm/components/Responses/OperationResponseList.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+import type { ResponseModel, OperationModel } from '../../models';
+interface IOperationResponseList {
+    responses: ResponseModel[];
+    operation: Pick<OperationModel, 'id'>;
+    title?: ReactNode;
+}
+export declare const OperationResponseList: React.NamedExoticComponent<IOperationResponseList>;
+export {};

package/lib-esm/components/Responses/OperationResponseList.js

@@ -0,0 +1,2 @@
+import React,{memo}from"react";import{useLocation}from"react-router-dom";import{useAtomValue}from"jotai";import{useTabs}from"../Tabs";import{ResponseDetails}from"./ResponseDetails";import{joinWithSeparator,l}from"../../services";import{Row,StyledTitle}from"./styled";import{pathIncludesLink}from"../../utils";import{LinkToField}from"../common/LinkToField";import{globalOptionsAtom}from"../../jotai/store";export const OperationResponseList=memo((({responses:e,title:t,operation:o})=>{const{disableDeepLinks:a}=useAtomValue(globalOptionsAtom),i=useLocation(),s=e.map((({code:e})=>({key:e,title:e}))),r=s.find((({key:e})=>pathIncludesLink(i,o.id)&&pathIncludesLink(i,`c=${e}`))),{TabList:n,TabContent:m,activeTab:c}=useTabs({tabs:s,defaultTab:r});return React.createElement(React.Fragment,null,React.createElement(Row,null,t||React.createElement(StyledTitle,null,React.createElement(LinkToField,{to:"#"+joinWithSeparator(o.id,`response&c=${c.key}`),disableDeepLinks:a}),l("responses")),React.createElement(n,null)),e.map((e=>React.createElement(m,{value:e.code,key:e.code},React.createElement(ResponseDetails,{response:e})))))}));
+//# sourceMappingURL=OperationResponseList.js.map

package/lib-esm/components/Responses/ResponseDetails.d.ts

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

package/lib-esm/components/Responses/ResponseDetails.js

@@ -0,0 +1,2 @@
+import React,{memo}from"react";import{ResponseHeaders}from"./ResponseHeaders";import{StyledDescription}from"./styled";import{BodyContent}from"../common/BodyContent";function ResponseDetailsComponent({response:e}){const{description:t,headers:o,content:n,summary:s}=e;return React.createElement(React.Fragment,null,React.createElement(StyledDescription,{className:"redoc-markdown",source:s}),React.createElement(StyledDescription,{className:"redoc-markdown",source:t}),React.createElement(ResponseHeaders,{headers:o}),React.createElement(BodyContent,{content:n,skipWriteOnly:!0}))}export const ResponseDetails=memo(ResponseDetailsComponent);
+//# sourceMappingURL=ResponseDetails.js.map

package/lib-esm/components/Responses/ResponseHeaders.d.ts

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

package/lib-esm/components/Responses/ResponseHeaders.js

@@ -0,0 +1,2 @@
+import React,{memo}from"react";import{HeadersCaption,StyledHeadersProperties}from"./styled";import{PropertyDetails}from"../PropertyDetails";function ResponseHeadersComponent({headers:e}){return void 0===e||0===e.length?null:React.createElement(StyledHeadersProperties,null,React.createElement(HeadersCaption,null," Headers "),e.map(((e,t)=>React.createElement(PropertyDetails,{key:e.name,isFirst:0===t,field:e,showExamples:!0}))))}export const ResponseHeaders=memo(ResponseHeadersComponent);
+//# sourceMappingURL=ResponseHeaders.js.map

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

@@ -0,0 +1,3 @@
+export { ResponseDetails } from './ResponseDetails';
+export { ResponseHeaders } from './/ResponseHeaders';
+export { OperationResponseList } from './OperationResponseList';

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

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

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const HeadersCaption: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledHeadersProperties: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Row: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledTitle: import("styled-components").StyledComponent<"h4", any, {}, never>;
+export declare const StyledDescription: import("styled-components").StyledComponent<({ source, ast, htmlWrap, ...props }: import("../Markdown").MarkdownProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null, any, {}, never>;

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

@@ -0,0 +1,17 @@
+import styled from"styled-components";import{Title}from"../common/OperationItemTitle";import{Markdown}from"../Markdown";export const HeadersCaption=styled.div`
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  color: var(--text-color-secondary);
+`;export const StyledHeadersProperties=styled.div`
+  margin-top: var(--spacing-base);
+`;export const Row=styled.div`
+  display: flex;
+  align-items: center;
+  margin-top: var(--spacing-xl);
+`;export const StyledTitle=styled(Title)`
+  margin: 0 var(--spacing-sm) 0 0;
+  position: relative;
+`;export const StyledDescription=styled(Markdown)`
+  margin-top: var(--spacing-xs);
+`;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,9 @@
+import type { ResponseModel, FieldModel } from '../../models';
+export interface ResponseProps {
+    response: ResponseModel;
+    shouldBeExpandedByDefault?: boolean;
+    onToggle?: (code: string) => void;
+}
+export interface ResponseHeadersProps {
+    headers?: FieldModel[];
+}

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

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

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

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+import type { GroupModel } from '../../models';
+export declare const RightPanel: ({ item: { infoDefinition: info }, }: {
+    item: GroupModel;
+}) => ReactElement | null;

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

@@ -0,0 +1,2 @@
+import React from"react";import{MarkdownWrapper}from"@redocly/theme";import{useAtomValue}from"jotai";import{CodePanel}from"../Panel";import{DownloadButtonWithLabel}from"../Download";import{Overview}from"../Overview";import{LanguageList}from"../Language";import{ServerList}from"../Endpoint/ServerList";import{globalStoreAtom}from"../../jotai/store";import{normalizeServers}from"../../utils";import{mergeInMockServer}from"../../models/operation";import{languageAtom}from"../../jotai/app";export const RightPanel=({item:{infoDefinition:e}})=>{const{options:{hideDownloadButton:a,expandDefaultServerVariables:t,mockServer:r},parser:{definition:o,definitionUrl:n}}=useAtomValue(globalStoreAtom),{languages:l,activeLanguage:i}=useAtomValue(languageAtom),m=normalizeServers(n,mergeInMockServer(o.servers||[],r));return React.createElement(React.Fragment,null,!a&&React.createElement(CodePanel,{className:"panel-download"},React.createElement(DownloadButtonWithLabel,null)),((null==e?void 0:e.license)||(null==e?void 0:e.contact)||(null==e?void 0:e.termsOfService))&&React.createElement(CodePanel,{className:"panel-overview",header:"Overview",isExpandable:!1},React.createElement(MarkdownWrapper,null,React.createElement(Overview,{info:e}))),!!(null==l?void 0:l.length)&&React.createElement(CodePanel,{className:"panel-language-list",header:"Languages",isExpandable:!1},React.createElement(LanguageList,{languages:l,activeLanguage:i})),!!m.length&&React.createElement(CodePanel,{className:"panel-servers-list",header:"Servers",isExpandable:!1},React.createElement(ServerList,{servers:m,path:"/",expandVariables:Boolean(t),hideHostname:!1})))};
+//# sourceMappingURL=RightPanel.js.map

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

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

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

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

package/lib-esm/components/Samples/ExampleSwitch.d.ts

@@ -0,0 +1,13 @@
+import type { ReactElement } from 'react';
+import type { ExampleModel } from '../../models';
+export interface ExampleModelsMap {
+    [key: string]: ExampleModel;
+}
+export interface ExampleSwitchOptions {
+    exampleKey?: string;
+}
+export interface ExampleSwitchProps extends ExampleSwitchOptions {
+    examples: ExampleModelsMap;
+    onChange: (key: string) => void;
+}
+export declare const ExampleSwitch: ({ exampleKey, examples, onChange, }: ExampleSwitchProps) => ReactElement;

package/lib-esm/components/Samples/ExampleSwitch.js

@@ -0,0 +1,2 @@
+import React,{useState,useEffect}from"react";import{WarnMessage}from"../shared";import{FormControl,Dropdown}from"../common";export const ExampleSwitch=({exampleKey:e,examples:t,onChange:a})=>{var o,n;const r=Object.keys(t),l=e?r.indexOf(e):0,[m,c]=useState(l>-1?l:0);useEffect((()=>c(l>-1?l:0)),[e,l]);const s=r.map(((e,a)=>({value:t[e].summary||e,idx:a})));return React.createElement(React.Fragment,null,"default"!==(null===(o=s[m])||void 0===o?void 0:o.value)&&React.createElement(FormControl,{"data-cy":"example-switch"},React.createElement(Dropdown,{variant:"dark",fullWidth:!0,options:s,value:null===(n=s[m])||void 0===n?void 0:n.value,onChange:({idx:e})=>{c(e),a(r[e])}})),e&&-1===l&&React.createElement(WarnMessage,null,"Provided sample not found"))};
+//# sourceMappingURL=ExampleSwitch.js.map

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

@@ -0,0 +1,2 @@
+export * from './ExampleSwitch';
+export * from './use-example-key';

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

@@ -0,0 +1,2 @@
+export*from"./ExampleSwitch";export*from"./use-example-key";
+//# sourceMappingURL=index.js.map

package/lib-esm/components/Samples/use-example-key.d.ts

@@ -0,0 +1,7 @@
+import type { OperationModel } from '../../models';
+interface ExampleName {
+    exampleKey: string;
+    defaultExampleName?: string | false;
+}
+export declare function useExampleKey({ defaultExampleName, pointer }: OperationModel | undefined, examples: Record<string, unknown>): ExampleName;
+export {};

package/lib-esm/components/Samples/use-example-key.js

@@ -0,0 +1,2 @@
+import{useState,useEffect}from"react";import{useAtom}from"jotai";import{operationStore}from"../../jotai/operation";export function useExampleKey({defaultExampleName:e,pointer:t}={},a){const[o,m]=useAtom(operationStore(t)),{activeExampleName:r}=o,[i,p]=useState(r&&a[r]?r:Object.keys(a)[0]);return useEffect((()=>{r&&a[r]&&(p(r),m((e=>Object.assign(Object.assign({},e),{activeExampleName:r}))))}),[r,a,m]),{exampleKey:a[i]?i:Object.keys(a)[0],defaultExampleName:e}}
+//# sourceMappingURL=use-example-key.js.map

package/lib-esm/components/Schema/ArraySchema.d.ts

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

package/lib-esm/components/Schema/ArraySchema.js

@@ -0,0 +1,32 @@
+var __rest=this&&this.__rest||function(e,t){var a={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(e);n<r.length;n++)t.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(e,r[n])&&(a[r[n]]=e[r[n]])}return a};import React,{memo}from"react";import styled from"styled-components";import{TypeName}from"../common";import{Schema}from"./Schema";import{ObjectSchema}from"./ObjectSchema";import{humanizeConstraints}from"../../utils";import{SubSchema}from"../SubSchema";function ArraySchemaComponent(e){var t,{schema:a,schema:{minItems:r,maxItems:n,items:o},fieldParentsName:l}=e,c=__rest(e,["schema","schema","fieldParentsName"]);const i=void 0===r&&void 0===n?"":`(${humanizeConstraints(a)})`;let m=l?[...l.slice(0,-1),l[l.length-1]+"[]"]:l;if(null==a?void 0:a.fields)return React.createElement(ObjectSchema,Object.assign({},c,{level:(null==c?void 0:c.level)||1,schema:a,fieldParentsName:m}));if(a.displayType&&!o&&!i.length)return React.createElement("div",null,React.createElement(TypeName,null,a.displayType));const s=1===c.level;return React.createElement(SubSchema,Object.assign({},c,{propertyLength:null===(t=null==o?void 0:o.fields)||void 0===t?void 0:t.length,isArray:!0,expandable:!s,schema:React.createElement(React.Fragment,null,s&&React.createElement(React.Fragment,null,React.createElement(Divider,null),React.createElement(ArrayLabel,null,"Array [")),React.createElement(Schema,Object.assign({},c,{schema:o,fieldParentsName:m,expandable:!1})),s&&React.createElement(ArrayClosingLabel,null,"]"))}))}const ArrayLabel=styled.span`
+  padding: 0 var(--spacing-xs);
+  border-radius: var(--border-radius);
+  border: 1px solid var(--border-color-secondary);
+  background-color: var(--bg-color);
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-sm);
+  color: var(--tag-basic-color-content);
+  display: flex;
+  width: fit-content;
+`,ArrayClosingLabel=styled(ArrayLabel)`
+  margin-left: auto;
+  position: relative;
+  margin-top: calc(-1 * var(--spacing-sm));
+  &:before {
+    content: '';
+    width: var(--spacing-xxs);
+    height: var(--spacing-xxs);
+    background: var(--bg-color);
+    position: absolute;
+    left: -25%;
+    top: 40%;
+  }
+`,Divider=styled.div`
+  width: calc(100% - 60px);
+  height: 1px;
+  background-color: var(--border-color-primary);
+  margin-bottom: calc(-1 * var(--spacing-sm));
+  margin-top: var(--spacing-base);
+  margin-left: auto;
+`;export const ArraySchema=memo(ArraySchemaComponent);
+//# sourceMappingURL=ArraySchema.js.map

package/lib-esm/components/Schema/ObjectSchema.d.ts

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

package/lib-esm/components/Schema/ObjectSchema.js

@@ -0,0 +1,2 @@
+import React,{memo}from"react";import{useAtomValue}from"jotai";import{PropertiesTableCaption}from"../common";import{Discriminator}from"../Discriminator";import{globalOptionsAtom}from"../../jotai/store";import{PropertyDetails}from"../PropertyDetails";import{SubSchema}from"../SubSchema";function ObjectSchemaComponent({schema:{fields:e=[],title:t},showTitle:a,discriminator:i,level:m,skipWriteOnly:r,skipReadOnly:n,fieldParentsName:o,expandable:l,deepLink:c}){const{expandSingleSchemaField:p,showObjectSchemaExamples:s,schemaExpansionLevel:h}=useAtomValue(globalOptionsAtom),d=n||r?e.filter((e=>!(n&&e.schema.readOnly||r&&e.schema.writeOnly))):e,u=p&&1===d.length||h>=Number(m);return React.createElement(SubSchema,{expandable:l,expandByDefault:u,level:m,propertyLength:d.length,deepLink:c,schema:React.createElement(React.Fragment,null,a&&React.createElement(PropertiesTableCaption,null,t),d.map(((e,t)=>React.createElement(PropertyDetails,{key:e.name,isFirst:0===t,field:e,expandByDefault:u,fieldParentsName:Number(m)>1?o:[],renderDiscriminatorSwitch:(null==i?void 0:i.fieldName)===e.name&&(null==i?void 0:i.parentSchema)?()=>React.createElement(Discriminator,{parent:i.parentSchema,onChange:null==i?void 0:i.onChange}):void 0,showExamples:s,skipReadOnly:n,skipWriteOnly:r,showTitle:a,level:m}))))})}export const ObjectSchema=memo(ObjectSchemaComponent);
+//# sourceMappingURL=ObjectSchema.js.map

package/lib-esm/components/Schema/OneOfSchema.d.ts

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

package/lib-esm/components/Schema/OneOfSchema.js

@@ -0,0 +1,4 @@
+var __rest=this&&this.__rest||function(e,t){var o={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(e);n<r.length;n++)t.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(e,r[n])&&(o[r[n]]=e[r[n]])}return o};import React,{memo}from"react";import{useAtomValue,useAtom}from"jotai";import styled from"styled-components";import{BadgeStyle,SelectionTitle}from"../common";import{Markdown}from"../Markdown";import{ConstraintsView}from"../common/ConstraintsView";import{Schema}from"./Schema";import{globalOptionsAtom}from"../../jotai/store";import{operationStore}from"../../jotai/operation";import{SchemaSelection}from"../common/SchemaSelection";function OneOfSchemaComponent(e){var{schema:{oneOf:t},schema:o}=e,r=__rest(e,["schema","schema"]);const{hideOneOfDescription:n}=useAtomValue(globalOptionsAtom),[a]=useAtom(operationStore(o.deps.operation.pointer)),c=t[a.activeOneOf[o.pointer]||0];if(!c)return null;const i=t.map(((e,t)=>({label:e.title||e.typePrefix+e.displayType,value:t})));return React.createElement(React.Fragment,null,React.createElement(SelectionTitle,null,o.oneOfType,":"),React.createElement(SchemaSelection,{options:i,pointer:o.deps.operation.pointer,schema:o}),c.deprecated&&React.createElement(BadgeStyle,{deprecated:!0},"Deprecated"),!n&&c.description&&React.createElement(StyledDescription,{source:c.description}),React.createElement(ConstraintsView,{constraints:c.constraints}),React.createElement(Schema,Object.assign({},r,{schema:c})))}export const OneOfSchema=memo(OneOfSchemaComponent);const StyledDescription=styled(Markdown)`
+  margin-top: var(--spacing-xs);
+`;
+//# sourceMappingURL=OneOfSchema.js.map

package/lib-esm/components/Schema/RecursiveSchema.d.ts

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

package/lib-esm/components/Schema/RecursiveSchema.js

@@ -0,0 +1,2 @@
+import React,{memo}from"react";import{l}from"../../services";import{RecursiveLabel,TypeName,TypeTitle}from"../common";function RecursiveSchemaComponent({schema:e}){return React.createElement("div",null,React.createElement(TypeName,null,e.displayType),e.title&&React.createElement(TypeTitle,null," ",e.title," "),React.createElement(RecursiveLabel,null," ",l("recursive")," "))}export const RecursiveSchema=memo(RecursiveSchemaComponent);
+//# sourceMappingURL=RecursiveSchema.js.map

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

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

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

@@ -0,0 +1,5 @@
+var __rest=this&&this.__rest||function(e,r){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(e);o<a.length;o++)r.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(e,a[o])&&(t[a[o]]=e[a[o]])}return t};import React,{memo}from"react";import{useAtomValue}from"jotai";import styled from"styled-components";import{ArraySchema}from"./ArraySchema";import{ObjectSchema}from"./ObjectSchema";import{OneOfSchema}from"./OneOfSchema";import{RecursiveSchema}from"./RecursiveSchema";import{operationStore}from"../../jotai/operation";import{FieldDetails}from"../PropertyDetails";function SchemaComponent(e){var r,{schema:t,onDiscriminatorChange:a}=e,o=__rest(e,["schema","onDiscriminatorChange"]);const{activeOneOf:i}=useAtomValue(operationStore((null==t?void 0:t.deps.operation.pointer)||""));if(!t)return null;const{type:n,oneOf:c,discriminatorProp:m,isCircular:l}=t,s=(o.level||0)+1;if(l)return React.createElement(RecursiveSchema,{schema:t});if(void 0!==m){if(!c||!c.length)return console.warn(`Looks like you are using discriminator wrong: you don't have any definition inherited from the ${t.title}`),null;const e=c[i[t.pointer]||0];return(null==e?void 0:e.isCircular)?React.createElement(RecursiveSchema,{schema:e}):React.createElement(ObjectSchema,Object.assign({},o,{level:s,schema:e,discriminator:{fieldName:m,parentSchema:t,onChange:a}}))}if(void 0!==c)return React.createElement(OneOfSchema,Object.assign({},o,{schema:t,level:s}));const p=Array.isArray(n)?n:[n];if(p.includes("object")){if(null===(r=t.fields)||void 0===r?void 0:r.length)return React.createElement(ObjectSchema,Object.assign({},o,{level:s,schema:t}))}else if(p.includes("array"))return React.createElement(ArraySchema,Object.assign({},o,{level:s,schema:t}));const h={schema:t,name:"",required:!1,deprecated:!1};return React.createElement(Wrapper,null,React.createElement(FieldDetails,{field:h,fieldParentsName:o.fieldParentsName}))}export const Schema=memo(SchemaComponent);const Wrapper=styled.div`
+  padding: var(--schema-property-details-spacing) 0;
+  border-bottom: 1px solid var(--border-color-primary);
+`;
+//# sourceMappingURL=Schema.js.map

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

@@ -0,0 +1,5 @@
+export { Schema } from './Schema';
+export { ObjectSchema } from './ObjectSchema';
+export { OneOfSchema } from './OneOfSchema';
+export { ArraySchema } from './ArraySchema';
+export type { SchemaOptions } from './types';

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

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

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

@@ -0,0 +1,27 @@
+import type { ExampleModel, OperationModel, SchemaModel } from '../../models';
+export interface SchemaOptions {
+    showTitle?: boolean;
+    skipReadOnly?: boolean;
+    skipWriteOnly?: boolean;
+    level?: number;
+    examples?: {
+        [name: string]: ExampleModel;
+    };
+    operation?: OperationModel;
+}
+export interface SchemaProps extends SchemaOptions {
+    schema: SchemaModel;
+    onDiscriminatorChange?: (idx: number) => void;
+    fieldParentsName?: string[];
+    expandable?: boolean;
+    deepLink?: string;
+}
+export interface ObjectSchemaProps extends Omit<SchemaProps, 'onDiscriminatorChange'> {
+    discriminator?: {
+        fieldName: string;
+        parentSchema: SchemaModel;
+        onChange?: (idx: number) => void;
+    };
+    fieldParentsName?: string[];
+    expandable?: boolean;
+}

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

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+interface SchemaDefinitionProps {
+    schemaRef?: string;
+    exampleRef?: string;
+    showReadOnly?: boolean;
+    showWriteOnly?: boolean;
+}
+export declare const SchemaDefinition: React.NamedExoticComponent<SchemaDefinitionProps>;
+export {};

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

@@ -0,0 +1,4 @@
+import React,{memo,useCallback,useMemo}from"react";import styled from"styled-components";import{LayoutVariant}from"@redocly/theme";import{useAtom,useAtomValue}from"jotai";import{writeAtom}from"../../jotai/nexus";import{SamplesMiddlePanel,SamplesPanel,Row,Section}from"../common";import{getMediaType}from"../../models";import{MediaTypeSamples}from"../PayloadSamples";import{Schema}from"../Schema";import{Markdown}from"../Markdown";import{CodePanel}from"../Panel";import{layoutAtom}from"../../jotai/app";import{globalStoreAtom}from"../../jotai/store";import{operationStore}from"../../jotai/operation";const getMediaTypeInfo=(e,t)=>{if(!e)return{};const o={schema:{$ref:e}};return t&&(o.examples={example:{$ref:t}}),o};function SchemaDefinitionComponent({schemaRef:e,exampleRef:t,showReadOnly:o=!0,showWriteOnly:a=!1}){var i,n,m;const r=useAtomValue(layoutAtom),{parser:l,options:s}=useAtomValue(globalStoreAtom),c=useMemo((()=>getMediaType(l,"json",!1,getMediaTypeInfo(e,t),s,{operation:{pointer:"SchemaDefinitionComponent"}})),[t,s,l,e]),[p,d]=useAtom(operationStore(null===(i=c.operation)||void 0===i?void 0:i.pointer)),u=useCallback((e=>{if(!c.schema)return;const t=c.schema,o=t.oneOf;if(o&&(null==c?void 0:c.examples)&&Object.keys(null==c?void 0:c.examples).includes(e)){const a=o.findIndex((t=>t.title===e));-1!==a&&t&&writeAtom(operationStore(t.deps.operation.pointer),(e=>{var o,i;return Object.assign(Object.assign({},e),{activeExampleName:(null===(i=null===(o=t.oneOf)||void 0===o?void 0:o[a])||void 0===i?void 0:i.title)||e.activeExampleName,activeOneOf:Object.assign(Object.assign({},e.activeOneOf),{[t.pointer]:a})})}))}p.activeExampleName!==e&&d((t=>Object.assign(Object.assign({},t),{activeExampleName:e})))}),[null==c?void 0:c.examples,c.schema,p.activeExampleName,d]);return React.createElement(Section,null,React.createElement(Row,{layout:r},React.createElement(SamplesMiddlePanel,{isStacked:r===LayoutVariant.STACKED},(null===(n=c.schema)||void 0===n?void 0:n.description)&&React.createElement(Description,null,React.createElement(Markdown,{source:null===(m=c.schema)||void 0===m?void 0:m.description})),React.createElement(Schema,{skipWriteOnly:!a,skipReadOnly:!o,schema:c.schema})),React.createElement(SamplesPanel,null,React.createElement(CodePanel,{className:"panel-response-samples"},React.createElement(MediaTypeSamples,{mediaType:c,onChange:u})))))}export const SchemaDefinition=memo(SchemaDefinitionComponent);const Description=styled.div`
+  margin-bottom: var(--spacing-vertical);
+`;
+//# sourceMappingURL=SchemaDefinition.js.map

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

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

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

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

package/lib-esm/components/Search/MenuItemSearch.d.ts

@@ -0,0 +1,3 @@
+import type { ReactElement } from 'react';
+import type { MenuItemSearchProps } from './types';
+export declare const MenuItemSearch: ({ result, term, active, onClick, }: MenuItemSearchProps) => ReactElement;

package/lib-esm/components/Search/MenuItemSearch.js

@@ -0,0 +1,2 @@
+import React from"react";import{useAtomValue}from"jotai";import{MenuItem,MenuItemPath}from"../SideMenu";import{SideNavStyle}from"../../services";import{formatPath,formatPlaces}from"./utils";import{MarkedSpan,Place,ResultMeta}from"./styled";import{globalOptionsAtom}from"../../jotai/store";function markString(e,t){const a=new RegExp("("+t.replace(/[\\^$.*+?()[\]{}|]/g,"\\$&")+")","gi"),r=e.split(a);for(let e=1,t=r.length;e<t;e+=2)r[e]=React.createElement(MarkedSpan,{key:e},r[e]);return r}export const MenuItemSearch=({result:e,term:t,active:a,onClick:r})=>{const{searchMode:l,sideNavStyle:m}=useAtomValue(globalOptionsAtom),n="path-only"===l,c=m===SideNavStyle.PathFirst;return React.createElement(MenuItem,{item:Object.create(e.item,{name:{value:n?e.item.name:""},path:{value:""},search:{value:!0}}),active:a,"data-role":"search:result",onClick:r},(c||n)&&"operation"===e.item.type?React.createElement(React.Fragment,null,React.createElement(MenuItemPath,{title:e.item.path},markString(e.item.path,t))):markString(e.item.name,t),e.count>1?React.createElement(ResultMeta,null,e.count," matching ",formatPlaces(e.places)):1===e.count?React.createElement(ResultMeta,null,"in ",React.createElement(Place,null,e.places[0].place)," ",formatPath(t,e.places[0].paths[0])):null)};
+//# sourceMappingURL=MenuItemSearch.js.map

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

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

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

@@ -0,0 +1,2 @@
+import React,{memo,useState}from"react";import{SearchField}from"./SearchField";import{SearchBox}from"./SearchBox";import{useSearch}from"../../services/search/useSearch";import{MarkerService}from"../../services";const marker=new MarkerService;function SearchComponent({contentItems:e,flatItems:r,options:a}){const[t,c]=useState(!1),[o,s]=useState(""),{search:m}=useSearch({contentItems:e,options:a});return a.disableSearch?null:React.createElement(React.Fragment,null,React.createElement(SearchField,{showPopUp:()=>c(!0),searchValue:o,marker:marker,setSearchValue:s}),React.createElement(SearchBox,{search:m,marker:marker,flatItems:r,options:a,shown:t,hidePopUp:()=>c(!1),showPopUp:()=>c(!0),setSearchValue:s,searchValue:o}))}export const Search=memo(SearchComponent);
+//# sourceMappingURL=Search.js.map

package/lib-esm/components/Search/SearchBox.d.ts

@@ -0,0 +1,3 @@
+import type { ReactElement } from 'react';
+import type { SearchBoxProps } from './types';
+export declare const SearchBox: ({ search, shown, searchValue, setSearchValue, marker, flatItems, options, hidePopUp, showPopUp, }: SearchBoxProps) => ReactElement | null;

package/lib-esm/components/Search/SearchBox.js

@@ -0,0 +1,2 @@
+import hotkeys from"hotkeys-js";import React,{useCallback,useEffect,useRef,useState}from"react";import{useMount,useUnmount,Portal}from"@redocly/theme";import{usePrevious}from"../../hooks";import{PerfectScrollbarWrap}from"../common";import{debounce}from"../../utils";import{MenuItemSearch}from"./MenuItemSearch";import{SearchPopUpBG,SearchPopUpWrap,SearchPopUpHeader,TextContainer,SearchResultsBox,SearchResultsItems,ButtonClose,ButtonClear,CrossIcon,SearchIcon,SearchInput}from"./styled";import{enhanceResults,expandResults}from"./utils";export const SearchBox=({search:e,shown:t,searchValue:r,setSearchValue:a,marker:n,flatItems:c,options:l,hidePopUp:o,showPopUp:u})=>{const s=useRef(null),m=useRef(null),[h,i]=useState(null),[p,f]=useState(-1),[d,S]=useState(!1),[R,k]=useState(""),E=usePrevious(t),C=useCallback((e=>{s.current&&(clearTimeout(s.current),s.current=null),i(null),k(e),S(!1),n.unmark()}),[n]);useMount((()=>{l.ctrlFHijack&&hotkeys("cmd+f,ctrl+f",(e=>(e.preventDefault(),e.stopPropagation(),l.disableSearch||u(),!1)))})),useEffect((()=>{var e;!E&&t&&(null===(e=m.current)||void 0===e||e.focus())}),[E,t]),useEffect((()=>{!E&&t&&!r&&R&&C("")}),[C,E,e,r,t,R]),useUnmount((()=>{hotkeys.unbind("cmd+f,ctrl+f")}));const P=()=>{i(null),k(""),f(-1),a(""),n.unmark()},y=debounce(((t,r)=>{e.search(t).then((e=>{r(e)}))}),200,!0),g=e=>{let t=!1;return y(e,(r=>{e.length<3&&C(e),t||(e=>{s.current&&(clearTimeout(s.current),s.current=null),i(enhanceResults(e,(e=>c.find((t=>t.id===e))))),S(!1)})(r)})),()=>{t=!0}},x=e=>{if(o(),l.searchAutoExpand)try{expandResults(e)}catch(e){console.warn("Failed to auto expand schema:",e.message)}};return t?React.createElement(Portal,{mountId:"api-content"},React.createElement(SearchPopUpBG,{role:"search",onClick:e=>{"search"===e.target.getAttribute("role")&&(P(),o())}},React.createElement(SearchPopUpWrap,null,React.createElement(SearchPopUpHeader,null,React.createElement(SearchInput,{ref:m,value:R,onKeyDown:e=>{if("Escape"===e.key&&m.current&&(m.current.blur(),o()),h&&("Escape"===e.key&&P(),"ArrowDown"===e.key&&(f(Math.min(p+1,h.length-1)),e.preventDefault()),"ArrowUp"===e.key&&(f(Math.max(0,p-1)),e.preventDefault()),"Enter"===e.key)){const e=h[p];e&&x(e)}},placeholder:"Search...",type:"text",onChange:e=>{const t=e.target.value;if(t.length<l.minCharacterLengthToInitSearch)return C(t),void a("");(e=>{k(e),a(e),s.current&&(clearTimeout(s.current),s.current=null),s.current=setTimeout((()=>{S(!0)}),500),n.mark(e)})(t),g(t)},autoFocus:!0}),React.createElement(SearchIcon,null),R&&React.createElement(ButtonClear,{onClick:P},"Clear"),React.createElement(ButtonClose,{onClick:()=>{P(),o()}},React.createElement(CrossIcon,null))),React.createElement(SearchResultsBox,{"data-role":"search:results"},d&&React.createElement(TextContainer,null,"Loading..."),!d&&!(null==h?void 0:h.length)&&React.createElement(TextContainer,null,"No results found"),(null==h?void 0:h.length)?React.createElement(PerfectScrollbarWrap,{options:{wheelPropagation:!1}},React.createElement(SearchResultsItems,null,h.slice(0,50).map(((e,t)=>React.createElement(MenuItemSearch,{key:e.index+e.item.id,result:e,active:t===p,term:R,onClick:o}))))):null)))):null};
+//# sourceMappingURL=SearchBox.js.map

package/lib-esm/components/Search/SearchField.d.ts

@@ -0,0 +1,10 @@
+import type { ReactElement } from 'react';
+import type { MarkerService } from '../../services';
+interface SearchFieldProps {
+    showPopUp: () => void;
+    searchValue: string;
+    marker: MarkerService;
+    setSearchValue: (value: string) => void;
+}
+export declare const SearchField: ({ showPopUp, searchValue, marker, setSearchValue, }: SearchFieldProps) => ReactElement;
+export {};

package/lib-esm/components/Search/SearchField.js

@@ -0,0 +1,2 @@
+import React from"react";import{SearchFieldWrap,SearchIcon,ButtonClear,CrossIcon}from"./styled";export const SearchField=({showPopUp:e,searchValue:a,marker:t,setSearchValue:r})=>{const c=!!a;return React.createElement(SearchFieldWrap,{onClick:e,className:`button-field-search ${!!a&&"active"}`},React.createElement("span",null),a||"Search",React.createElement(SearchIcon,null),c&&React.createElement(ButtonClear,{onClick:e=>{e.stopPropagation(),t.unmark(),r("")}},React.createElement(CrossIcon,null)))};
+//# sourceMappingURL=SearchField.js.map

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

@@ -0,0 +1,3 @@
+export * from './SearchField';
+export * from './SearchBox';
+export * from './Search';

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

@@ -0,0 +1,2 @@
+export*from"./SearchField";export*from"./SearchBox";export*from"./Search";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,24 @@
+import type { ReactElement } from 'react';
+export declare const CrossIcon: () => ReactElement;
+export declare const ButtonClose: import("styled-components").StyledComponent<"i", any, {
+    className: "button-close";
+}, "className">;
+export declare const ButtonClear: import("styled-components").StyledComponent<"i", any, {
+    className: "button-clear";
+}, "className">;
+export declare const SearchIcon: () => ReactElement;
+export declare const SearchFieldWrap: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const SearchPopUpBG: import("styled-components").StyledComponent<"div", any, {
+    className: "search-popup";
+}, "className">;
+export declare const SearchPopUpWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SearchPopUpHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SearchResultsBox: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SearchResultsItems: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SearchInput: import("styled-components").StyledComponent<"input", any, {
+    className: "search-input";
+}, "className">;
+export declare const ResultMeta: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Place: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const MarkedSpan: import("styled-components").StyledComponent<"span", any, {}, never>;