@redocly/openapi-docs 0.0.0-beta-20240215154132

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

@@ -0,0 +1,2 @@
+import React from"react";import{PanelHeader,PanelHeaderTitle}from"@redocly/theme";export const Summary=({tabs:e})=>React.createElement(PanelHeader,{isExpandable:!1},React.createElement(PanelHeaderTitle,{"data-cy":"title"},"Response"),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{useTabsState,Tabs}from"../Tabs";import{ResponseDetails}from"./ResponseDetails";import{joinWithSeparator}from"../../services";import{Row,StyledTitle}from"./styled";import{pathIncludesLink}from"../../utils";import{LinkToField}from"../common/LinkToField";export const OperationResponseList=memo((({responses:e,title:t,operation:o})=>{const a=useLocation(),n=e.map((({code:e})=>({key:e,title:e}))),i=n.find((({key:e})=>pathIncludesLink(a,o.id)&&pathIncludesLink(a,`c=${e}`))),{activeTab:r,handleTabChange:s}=useTabsState({tabs:n,defaultTab:i});return React.createElement(React.Fragment,null,React.createElement(Row,null,t||React.createElement(StyledTitle,null,React.createElement(LinkToField,{to:"#"+joinWithSeparator(o.id,`response&c=${r.key}`)}),"Responses"),React.createElement(Tabs,{tabs:n,activeTab:r,onChange:s})),e.map((e=>e.code===r.key?React.createElement("div",{key:e.code},React.createElement(ResponseDetails,{response:e,operationId:o.id})):null)))}));
+//# 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,operationId:t}){const{description:o,headers:n,content:r,summary:s}=e;return React.createElement(React.Fragment,null,React.createElement(StyledDescription,{className:"redoc-markdown",source:s}),React.createElement(StyledDescription,{className:"redoc-markdown",source:o}),React.createElement(ResponseHeaders,{headers:n}),React.createElement(BodyContent,{content:r,skipWriteOnly:!0,operationId:t}))}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,27 @@
+import styled from"styled-components";import{Title}from"../common/OperationItemTitle";import{Markdown}from"../Markdown";export const HeadersCaption=styled.div`
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+  font-size: var(--font-size-lg);
+  line-height: var(--line-height-lg);
+  font-weight: var(--font-weight-semibold);
+  color: var(--text-color-primary);
+
+  :after {
+    content: '';
+    flex: auto;
+    border-top: 1px solid var(--border-color-primary);
+  }
+`;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,10 @@
+import type { ResponseModel, FieldModel } from '../../models';
+export interface ResponseProps {
+    response: ResponseModel;
+    shouldBeExpandedByDefault?: boolean;
+    onToggle?: (code: string) => void;
+    operationId: string;
+}
+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{Markdown as MarkdownWrapper,Panel}from"@redocly/theme";import{useAtomValue}from"jotai";import{DownloadSpecification}from"../Download";import{Overview}from"../Overview";import{LanguageList}from"../Language";import{ServerList}from"../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:r,mockServer:t},parser:{definition:o,definitionUrl:n}}=useAtomValue(globalStoreAtom),{languages:l,activeLanguage:i}=useAtomValue(languageAtom),m=normalizeServers(n,mergeInMockServer(o.servers||[],t));return React.createElement(React.Fragment,null,!a&&React.createElement(Panel,{className:"panel-download",header:"OpenAPI specification",isExpandable:!1},React.createElement(DownloadSpecification,null)),((null==e?void 0:e.license)||(null==e?void 0:e.contact)||(null==e?void 0:e.termsOfService))&&React.createElement(Panel,{className:"panel-overview",header:"Overview",isExpandable:!1},React.createElement(MarkdownWrapper,null,React.createElement(Overview,{info:e}))),!!(null==l?void 0:l.length)&&React.createElement(Panel,{className:"panel-language-list",header:"Languages",isExpandable:!1},React.createElement(LanguageList,{languages:l,activeLanguage:i})),!!m.length&&React.createElement(Panel,{className:"panel-servers-list",header:"Servers",isExpandable:!1},React.createElement(ServerList,{servers:m,path:"/",expandVariables:Boolean(r),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,4 @@
+import React from 'react';
+import type { SchemaProps } from './types';
+export declare const ArrayClosingLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
+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 r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(a=Object.getOwnPropertySymbols(e);l<a.length;l++)t.indexOf(a[l])<0&&Object.prototype.propertyIsEnumerable.call(e,a[l])&&(r[a[l]]=e[a[l]])}return r};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{ViewNested}from"../ViewNested";function ArraySchemaComponent(e){var t,r,a,l,{schema:o,schema:{minItems:n,maxItems:i,items:c},fieldParentsName:s}=e,m=__rest(e,["schema","schema","fieldParentsName"]);const d=void 0===n&&void 0===i?"":`(${humanizeConstraints(o)})`;let p=s?[...s.slice(0,-1),s[s.length-1]+"[]"]:s;if(null==o?void 0:o.fields)return React.createElement(ObjectSchema,Object.assign({},m,{level:(null==m?void 0:m.level)||1,schema:o,fieldParentsName:p}));if(o.displayType&&!c&&!d.length)return React.createElement("div",null,React.createElement(TypeName,null,o.displayType));const b=(null===(t=null==c?void 0:c.fields)||void 0===t?void 0:t.length)||(null===(l=null===(a=null===(r=null==c?void 0:c.oneOf)||void 0===r?void 0:r[0])||void 0===a?void 0:a.fields)||void 0===l?void 0:l.length),y=1===m.level;return React.createElement(ViewNested,Object.assign({},m,{propertyLength:b,isArray:!0,expandable:!y}),React.createElement(React.Fragment,null,y&&React.createElement(ArrayLabel,null,React.createElement(LabelValue,null,"Array [")),React.createElement(Schema,Object.assign({},m,{schema:c,fieldParentsName:p,expandable:!1})),y&&React.createElement(ArrayClosingLabel,{className:"array-closing-label"},React.createElement(LabelValue,null,"]"))))}const ArrayLabel=styled.span`
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+  margin-top: var(--spacing-xxs);
+
+  :after {
+    content: '';
+    flex: auto;
+    border-top: 1px solid var(--border-color-primary);
+  }
+`,LabelValue=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-content-color);
+`;export const ArrayClosingLabel=styled(ArrayLabel)`
+  margin-top: 0;
+  margin-left: auto;
+  :after {
+    content: none;
+  }
+  :before {
+    content: '';
+    flex: auto;
+    border-top: 1px solid var(--border-color-primary);
+  }
+`;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{ViewNested}from"../ViewNested";function ObjectSchemaComponent({schema:{fields:e=[],title:t},showTitle:a,discriminator:i,level:r,skipWriteOnly:n,skipReadOnly:o,fieldParentsName:l,expandable:m,deepLink:s}){const{expandSingleSchemaField:p,showObjectSchemaExamples:c,schemaExpansionLevel:d}=useAtomValue(globalOptionsAtom),h=o||n?e.filter((e=>!(o&&e.schema.readOnly||n&&e.schema.writeOnly))):e,f=p&&1===h.length||d>=Number(r);return React.createElement(ViewNested,{expandable:m,expandByDefault:f,level:r,propertyLength:h.length,deepLink:s},React.createElement(React.Fragment,null,a&&React.createElement(PropertiesTableCaption,null,t),h.map(((e,t)=>React.createElement(PropertyDetails,{key:e.name,isFirst:0===t,field:e,expandByDefault:f,fieldParentsName:Number(r)>1?l:[],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:c,skipReadOnly:o,skipWriteOnly:n,showTitle:a,level:r})))))}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,6 @@
+var __rest=this&&this.__rest||function(e,t){var o={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(o[n[r]]=e[n[r]])}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,n=__rest(e,["schema","schema"]);const{hideOneOfDescription:r}=useAtomValue(globalOptionsAtom),[a]=useAtom(operationStore(o.deps.operation.pointer)),i=t[a.activeOneOf[o.pointer]||0];if(!i)return null;const c=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:c,pointer:o.deps.operation.pointer,schema:o}),i.deprecated&&React.createElement(BadgeStyle,{deprecated:!0},"Deprecated"),!r&&i.description&&React.createElement(StyledDescription,{source:i.description}),React.createElement(ConstraintsView,{constraints:i.constraints}),React.createElement(Schema,Object.assign({},n,{schema:i})))}export const OneOfSchema=memo(OneOfSchemaComponent);const StyledDescription=styled(Markdown)`
+  margin-top: var(--spacing-xs);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+`;
+//# 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{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," 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:n}=useAtomValue(operationStore((null==t?void 0:t.deps.operation.pointer)||""));if(!t)return null;const{type:i,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[n[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(i)?i:[i];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(--spacing-xxs) 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,Panel}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{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(Panel,{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,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}),R&&React.createElement(ButtonClear,{onClick:P},"Clear"),React.createElement(ButtonClose,{onClick:()=>{P(),o()}})),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>;

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

@@ -0,0 +1,145 @@
+import React from"react";import styled from"styled-components";export const CrossIcon=()=>React.createElement("svg",{version:"1.1",viewBox:"0 0 12 12",width:"12",height:"12",xmlns:"http://www.w3.org/2000/svg",fill:"none",className:"clear-icon"},React.createElement("path",{d:"M11 1L6 6L11 11",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("path",{d:"M1 1L6 6L1 11",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}));export const ButtonClose=styled.i.attrs((()=>({className:"button-close"})))`
+  cursor: pointer;
+  position: absolute;
+  right: 15px;
+  color: var(--text-color-secondary);
+`;export const ButtonClear=styled.i.attrs((()=>({className:"button-clear"})))`
+  cursor: pointer;
+  position: absolute;
+`;export const SearchIcon=()=>React.createElement("svg",{version:"1.1",viewBox:"0 0 15 16",width:"15",height:"16",xmlns:"http://www.w3.org/2000/svg",fill:"none",className:"search-icon"},React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.5 14C11.0899 14 14 11.0899 14 7.5C14 3.91015 11.0899 1 7.5 1C3.91015 1 1 3.91015 1 7.5C1 11.0899 3.91015 14 7.5 14Z",stroke:"currentColor",strokeWidth:"2"}),React.createElement("path",{d:"M7.5 5C6.11929 5 5 6.11929 5 7.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),React.createElement("path",{d:"M1 15L3 13",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}));export const SearchFieldWrap=styled.button`
+  cursor: text;
+  margin: 10px 20px 13px;
+  padding: 0 18px 0 3px;
+  border: 0;
+  position: relative;
+  border-bottom: 1px solid var(--sidebar-search-button-border);
+  border-radius: var(--sidebar-search-button-border-radius);
+  background-color: var(--sidebar-search-button-background-color);
+  height: 37px;
+  color: var(--sidebar-search-button-text-color);
+  text-align: left;
+  font-family: var(--sidebar-search-button-font-family);
+  font-size: var(--sidebar-search-button-font-size);
+  font-weight: 600;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex: 0 0 auto;
+  line-height: var(--sidebar-search-button-line-height);
+
+  &:hover {
+    background-color: var(--sidebar-search-button-hover-background-color);
+    border-bottom: 1px solid var(--sidebar-search-button-hover-border);
+  }
+
+  &.active {
+    background-color: var(--sidebar-search-button-active-background-color);
+    border-bottom: 1px solid var(--sidebar-search-button-active-border);
+  }
+
+  span {
+    display: block;
+    position: absolute;
+    right: 0;
+    width: 18px;
+    height: 37px;
+    background-color: var(--sidebar-background-color);
+    z-index: 2;
+  }
+
+  .search-icon {
+    margin-left: 6px;
+    position: relative;
+    top: 2px;
+    z-index: 1;
+  }
+
+  .button-clear {
+    padding: 3px;
+    right: 0;
+    margin-top: 4px;
+    z-index: 3;
+  }
+`;export const SearchPopUpBG=styled.div.attrs((()=>({className:"search-popup"})))`
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: var(--z-index-raised);
+  background: rgba(0, 0, 0, 0.45);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`;export const SearchPopUpWrap=styled.div`
+  width: 100%;
+  max-width: 500px;
+  height: 445px;
+`;export const SearchPopUpHeader=styled.div`
+  background-color: var(--search-modal-header-background-color);
+  border-top-left-radius: var(--search-modal-header-border-radius);
+  border-top-right-radius: var(--search-modal-header-border-radius);
+  height: 45px;
+  display: flex;
+  align-items: center;
+  position: relative;
+
+  .search-icon {
+    position: absolute;
+    left: 15px;
+  }
+
+  .button-clear {
+    right: 45px;
+    font-style: normal;
+    font-weight: 600;
+    font-size: 0.8em;
+    background-color: var(--search-modal-clear-button-background-color);
+    padding: 4px 16px;
+    border-radius: var(--border-radius);
+    border: var(--search-modal-clear-button-border);
+    &:hover {
+      background-color: var(--search-modal-clear-button-hover-background-color);
+      border: var(--search-modal-clear-button-hover-border);
+    }
+  }
+`;export const TextContainer=styled.div`
+  padding: 30px 20px;
+`;export const SearchResultsBox=styled.div`
+  padding: 10px;
+  background-color: var(--search-modal-background);
+  color: var(--search-modal-text-color);
+  border: var(--search-modal-border);
+  box-shadow: var(--search-modal-box-shadow);
+  min-height: 100px;
+  max-height: 400px;
+  border-bottom-left-radius: var(--panel-border-radius);
+  border-bottom-right-radius: var(--panel-border-radius);
+
+  li a {
+    margin-right: 30px;
+    border-radius: var(--border-radius);
+
+    svg {
+      display: none;
+    }
+  }
+`;export const SearchResultsItems=styled.div`
+  max-height: 372px;
+`;export const SearchInput=styled.input.attrs((()=>({className:"search-input"})))`
+  padding: 0 35px;
+  outline: none;
+  border: 0;
+  background-color: transparent;
+  width: 100%;
+  margin-top: 2px;
+`;export const ResultMeta=styled.div`
+  font-size: 0.8em;
+  font-family: var(--code-font-family);
+`;export const Place=styled.span`
+  font-weight: bold;
+`;export const MarkedSpan=styled.span`
+  color: var(--sidebar-item-active-color);
+  background-color: var(--search-highlight-text-color);
+`;
+//# sourceMappingURL=styled.js.map