@redocly/openapi-docs 0.0.0-react18-20231120182601

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

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

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

@@ -0,0 +1,14 @@
+import styled from"styled-components";import{FieldsGroupHeader}from"../common/headers";export const HeadersCaption=styled(FieldsGroupHeader.withComponent("caption"))`
+  text-align: left;
+  margin-top: 1em;
+  caption-side: top;
+`;export const Wrapper=styled.div`
+  margin-bottom: 1em;
+`;export const PropertiesTableWrapStyled=styled.div`
+  :not(:last-child) {
+    border-bottom: 1px solid var(--global-border-color);
+    margin-bottom: 1.5em;
+    padding-bottom: 1.5em;
+  }
+`;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,16 @@
+import type { PanelHeaderProps } from '@redocly/theme';
+import type { ResponseModel, FieldModel } from '../../models';
+export interface ResponseProps {
+    response: ResponseModel;
+    shouldBeExpandedByDefault?: boolean;
+    onToggle?: (code: string) => void;
+}
+export interface ResponseHeadersProps {
+    headers?: FieldModel[];
+}
+export interface ResponseListProps {
+    responses: ResponseModel[];
+    defaultOpenCode?: string;
+    onToggle?: (code: string) => void;
+}
+export type ResponseTitleProps = PanelHeaderProps & ResponseProps;

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

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

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

@@ -0,0 +1,14 @@
+/// <reference types="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;
+    panel?: 'samples' | 'try-it';
+}
+export declare const ExampleSwitch: ({ exampleKey, examples, onChange, panel, }: ExampleSwitchProps) => JSX.Element;

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";import{TryItDropdown}from"../rightPanel/styled";export const ExampleSwitch=({exampleKey:e,examples:t,onChange:a,panel:o="samples"})=>{var r,n;const l=Object.keys(t),m=e?l.indexOf(e):0,[c,s]=useState(m>-1?m:0);useEffect((()=>s(m>-1?m:0)),[e,m]);const d=l.map(((e,a)=>({value:t[e].summary||e,idx:a}))),i="try-it"===o?TryItDropdown:Dropdown;return React.createElement(React.Fragment,null,"default"!==(null===(r=d[c])||void 0===r?void 0:r.value)&&React.createElement(FormControl,{"data-cy":"example-switch"},React.createElement(i,{variant:"dark",fullWidth:!0,options:d,value:null===(n=d[c])||void 0===n?void 0:n.value,onChange:({idx:e})=>{s(e),a(l[e])}})),e&&-1===m&&React.createElement(WarnMessage,null,"Provided sample not found"))};
+//# sourceMappingURL=ExampleSwitch.js.map

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

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

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

@@ -0,0 +1,8 @@
+import styled from"styled-components";export const LoadingWrapper=styled.div`
+  transition: opacity 0.2s;
+
+  .loading &:not(.updated) {
+    opacity: 0.5;
+  }
+`;
+//# sourceMappingURL=LoadingWrapper.js.map

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { TabsProps, TabProps } from '../Tabs';
+interface SampleProps extends TabProps {
+    lang: string;
+    key: string;
+}
+interface SamplesTabsProps extends Omit<TabsProps, 'operation'> {
+    onChange?: (tab: TabProps) => void;
+    tabs: SampleProps[];
+    defaultLanguage?: string;
+    id: string;
+}
+export declare const SamplesTabs: React.NamedExoticComponent<SamplesTabsProps>;
+export {};

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

@@ -0,0 +1,2 @@
+import React,{memo,useCallback,useEffect,useLayoutEffect,useMemo,useState}from"react";import{useAtom}from"jotai";import{CollapsingTabsBase}from"../Tabs";import{WarnMessage}from"../shared";import{LoadingWrapper}from"./LoadingWrapper";import{activeSampleLanguageAtom}from"../../jotai/app";function SamplesTabsComponent({children:e,onChange:a,defaultLanguage:t="",id:o,tabs:n}){const[s,r]=useAtom(activeSampleLanguageAtom),[l,m]=useState(),[i,c]=useState((()=>{const e=n.findIndex((e=>[e.lang,e.key].some((e=>e.toLowerCase()===t.toLowerCase()))));return-1!==e?e:0}));useEffect((()=>{const e=n.findIndex((e=>e.lang.toLocaleLowerCase()===s.toLocaleLowerCase()||e.key.toLocaleLowerCase()===s.toLocaleLowerCase()));if(-1!==e)return c(e)}),[s,n]);const u=useMemo((()=>n.map((({lang:e})=>e))),[n]);useLayoutEffect((()=>{var e;const a=null===(e=document.getElementById(o))||void 0===e?void 0:e.getBoundingClientRect().y;if(a&&l&&a!==l){const e=a-l;window.requestAnimationFrame((()=>window.scrollBy(0,e))),m(void 0)}}),[u,l,o]);const d=useCallback((e=>{var t;const s=n[e];m(null===(t=document.getElementById(o))||void 0===t?void 0:t.getBoundingClientRect().y),r(s.key),null==a||a(s)}),[o,a,r,n]);return React.createElement(LoadingWrapper,{className:s&&"updated",id:o},React.createElement(CollapsingTabsBase,{tabs:n,activeIndex:i,onChange:d},t&&-1===u.indexOf(t)&&React.createElement(WarnMessage,null,"Provided language is not supported"),e))}export const SamplesTabs=memo(SamplesTabsComponent);
+//# sourceMappingURL=SamplesTabs.js.map

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

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

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

@@ -0,0 +1,2 @@
+export*from"./SamplesTabs";export*from"./LoadingWrapper";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,4 @@
+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{ArrayClosingLabel,ArrayOpeningLabel,TypeName}from"../common";import{Schema}from"./Schema";import{ObjectSchema}from"./ObjectSchema";import{humanizeConstraints}from"../../utils";const PaddedSchema=styled.div`
+  padding-left: calc(var(--spacing-unit) * 2);
+`;function ArraySchemaComponent(e){var{schema:t,schema:{minItems:a,maxItems:r,items:n}}=e,m=__rest(e,["schema","schema"]);const c=void 0===a&&void 0===r?"":`(${humanizeConstraints(t)})`;return(null==t?void 0:t.fields)?React.createElement(ObjectSchema,Object.assign({},m,{level:(null==m?void 0:m.level)||1,schema:t})):!t.displayType||n||c.length?React.createElement("div",null,React.createElement(ArrayOpeningLabel,null," Array ",c),React.createElement(PaddedSchema,null,React.createElement(Schema,Object.assign({},m,{schema:n}))),React.createElement(ArrayClosingLabel,null)):React.createElement("div",null,React.createElement(TypeName,null,t.displayType))}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{PropertiesTable,PropertiesTableCaption}from"../common";import{Field}from"../Fields";import{DiscriminatorDropdown}from"../DiscriminatorDropdown";import{mapWithLast}from"../../utils";import{globalOptionsAtom}from"../../jotai/store";function ObjectSchemaComponent({schema:{fields:e=[],title:t},showTitle:o,discriminator:a,level:i,skipWriteOnly:m,skipReadOnly:n}){const{expandSingleSchemaField:l,showObjectSchemaExamples:r,schemaExpansionLevel:s}=useAtomValue(globalOptionsAtom),c=n||m?e.filter((e=>!(n&&e.schema.readOnly||m&&e.schema.writeOnly))):e,p=l&&1===c.length||s>=i;return React.createElement(PropertiesTable,null,o&&React.createElement(PropertiesTableCaption,null,t),React.createElement("tbody",null,mapWithLast(c,((e,t)=>React.createElement(Field,{key:e.name,isLast:t,field:e,expandByDefault:p,renderDiscriminatorSwitch:(null==a?void 0:a.fieldName)===e.name&&(null==a?void 0:a.parentSchema)?()=>React.createElement(DiscriminatorDropdown,{parent:a.parentSchema,enumValues:e.schema.enum,onChange:null==a?void 0:a.onChange}):void 0,showExamples:r,skipReadOnly:n,skipWriteOnly:m,showTitle:o,level:i})))))}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,2 @@
+var __rest=this&&this.__rest||function(e,t){var a={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(a[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(a[o[n]]=e[o[n]])}return a};import React,{memo,useCallback}from"react";import isDeepEqual from"fast-deep-equal";import{useAtomValue,useAtom}from"jotai";import{BadgeStyle,OneOfButton as StyledOneOfButton,OneOfList,Wrapper}from"../common";import{Markdown}from"../Markdown";import{ConstraintsView}from"../Fields";import{Schema}from"./Schema";import{globalOptionsAtom}from"../../jotai/store";import{operationStore}from"../../jotai/operation";import{writeAtom}from"../../jotai/nexus";function OneOfSchemaComponent(e){var{schema:{oneOf:t},schema:a}=e,o=__rest(e,["schema","schema"]);const{hideOneOfDescription:n}=useAtomValue(globalOptionsAtom),[r,i]=useAtom(operationStore(a.deps.operation.pointer)),c=t[r.activeOneOf[a.pointer]||0],m=useCallback((e=>{a.oneOf.forEach((t=>{isDeepEqual(t.rawSchema.discriminator,null==c?void 0:c.rawSchema.discriminator)&&writeAtom(operationStore(t.deps.operation.pointer),(o=>{var n,r;return Object.assign(Object.assign({},o),{activeExampleName:(null===(r=null===(n=t.oneOf)||void 0===n?void 0:n[e])||void 0===r?void 0:r.title)||o.activeExampleName,activeOneOf:Object.assign(Object.assign({},o.activeOneOf),{[a.pointer]:e})})}))}))}),[null==c?void 0:c.rawSchema.discriminator,a.oneOf,a.pointer]);return c?React.createElement("div",null,React.createElement(Wrapper,null,React.createElement("span",null,a.oneOfType,":"),React.createElement(OneOfList,null,t.map(((e,t)=>React.createElement(StyledOneOfButton,{key:e.pointer,selected:t===(r.activeOneOf[a.pointer]||0),deprecated:e.deprecated,onClick:()=>i((e=>{var o,n;return Object.assign(Object.assign({},e),{activeExampleName:(null===(n=null===(o=a.oneOf)||void 0===o?void 0:o[t])||void 0===n?void 0:n.title)||e.activeExampleName,activeOneOf:Object.assign(Object.assign({},e.activeOneOf),{[a.pointer]:t})})})),"data-cy":"oneOf"+e.title||e.typePrefix+e.displayType},e.title||e.typePrefix+e.displayType))))),c.deprecated&&React.createElement(BadgeStyle,{deprecated:!0},"Deprecated"),React.createElement(Wrapper,null,!n&&c.description&&React.createElement(Markdown,{source:c.description}),React.createElement(ConstraintsView,{constraints:c.constraints})),React.createElement(Schema,Object.assign({},o,{schema:c,onDiscriminatorChange:m,isOneOf:!0}))):null}export const OneOfSchema=memo(OneOfSchemaComponent);
+//# 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,2 @@
+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 n=0;for(a=Object.getOwnPropertySymbols(e);n<a.length;n++)t.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(r[a[n]]=e[a[n]])}return r};import React,{memo}from"react";import{useAtomValue}from"jotai";import{FieldDetails}from"../Fields";import{ArraySchema}from"./ArraySchema";import{ObjectSchema}from"./ObjectSchema";import{OneOfSchema}from"./OneOfSchema";import{RecursiveSchema}from"./RecursiveSchema";import{operationStore}from"../../jotai/operation";function SchemaComponent(e){var t,{schema:r,onDiscriminatorChange:a,isOneOf:n=!1}=e,i=__rest(e,["schema","onDiscriminatorChange","isOneOf"]);const{activeOneOf:o}=useAtomValue(operationStore((null==r?void 0:r.deps.operation.pointer)||""));if(!r)return null;const{type:c,oneOf:m,discriminatorProp:l,isCircular:s}=r,h=(i.level||0)+1;if(s)return React.createElement(RecursiveSchema,{schema:r});if(void 0!==l){if(!m||!m.length)return console.warn(`Looks like you are using discriminator wrong: you don't have any definition inherited from the ${r.title}`),null;const e=m[o[r.pointer]||0];return(null==e?void 0:e.isCircular)?React.createElement(RecursiveSchema,{schema:e}):React.createElement(ObjectSchema,Object.assign({},i,{level:h,schema:e,discriminator:{fieldName:l,parentSchema:r,onChange:a}}))}if(void 0!==m)return React.createElement(OneOfSchema,Object.assign({},i,{schema:r}));const f=Array.isArray(c)?c:[c];if(f.includes("object")){if(null===(t=r.fields)||void 0===t?void 0:t.length)return React.createElement(ObjectSchema,Object.assign({},i,{level:h,schema:r}))}else if(f.includes("array"))return React.createElement(ArraySchema,Object.assign({},i,{level:h,schema:r}));const u={schema:r,name:"",required:!1,description:n?"":r.description,externalDocs:r.externalDocs,deprecated:!1,toggle:()=>null,expanded:!1};return React.createElement("div",null,React.createElement(FieldDetails,{field:u}))}export const Schema=memo(SchemaComponent);
+//# 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,23 @@
+import type { ExampleModel, OperationModel, SchemaModel } from '../../models';
+export interface SchemaOptions {
+    showTitle?: boolean;
+    skipReadOnly?: boolean;
+    skipWriteOnly?: boolean;
+    level?: number;
+    examples?: {
+        [name: string]: ExampleModel;
+    };
+    operation?: OperationModel;
+    isOneOf?: boolean;
+}
+export interface SchemaProps extends SchemaOptions {
+    schema: SchemaModel;
+    onDiscriminatorChange?: (idx: number) => void;
+}
+export interface ObjectSchemaProps extends Omit<SchemaProps, 'onDiscriminatorChange'> {
+    discriminator?: {
+        fieldName: string;
+        parentSchema: SchemaModel;
+        onChange?: (idx: number) => void;
+    };
+}

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,7 @@
+import React,{memo,useCallback,useMemo}from"react";import styled from"styled-components";import{PanelBody,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,showRightPanelToggleAtom}from"../../jotai/app";import{globalStoreAtom}from"../../jotai/store";import{operationStore}from"../../jotai/operation";const getMediaTypeInfo=(e,o)=>{if(!e)return{};const a={schema:{$ref:e}};return o&&(a.examples={example:{$ref:o}}),a};function SchemaDefinitionComponent({schemaRef:e,exampleRef:o,showReadOnly:a=!0,showWriteOnly:t=!1}){var n,i,l;const m=useAtomValue(layoutAtom),{parser:r,options:s}=useAtomValue(globalStoreAtom),c=useAtomValue(showRightPanelToggleAtom),p=useMemo((()=>getMediaType(r,"json",!1,getMediaTypeInfo(e,o),s,{operation:{pointer:"SchemaDefinitionComponent"}})),[o,s,r,e]),[d,u]=useAtom(operationStore(null===(n=p.operation)||void 0===n?void 0:n.pointer)),f=useCallback((e=>{if(!p.schema)return;const o=p.schema,a=o.oneOf;if(a&&(null==p?void 0:p.examples)&&Object.keys(null==p?void 0:p.examples).includes(e)){const t=a.findIndex((o=>o.title===e));-1!==t&&o&&writeAtom(operationStore(o.deps.operation.pointer),(e=>{var a,n;return Object.assign(Object.assign({},e),{activeExampleName:(null===(n=null===(a=o.oneOf)||void 0===a?void 0:a[t])||void 0===n?void 0:n.title)||e.activeExampleName,activeOneOf:Object.assign(Object.assign({},e.activeOneOf),{[o.pointer]:t})})}))}d.activeExampleName!==e&&u((o=>Object.assign(Object.assign({},o),{activeExampleName:e})))}),[null==p?void 0:p.examples,p.schema,d.activeExampleName,u]);return React.createElement(Section,null,React.createElement(Row,{layout:m},React.createElement(SamplesMiddlePanel,{isStacked:m===LayoutVariant.STACKED||!c},(null===(i=p.schema)||void 0===i?void 0:i.description)&&React.createElement(Description,null,React.createElement(Markdown,{source:null===(l=p.schema)||void 0===l?void 0:l.description})),React.createElement(StyledPanelBody,{className:"panel-default"},React.createElement(Schema,{skipWriteOnly:!t,skipReadOnly:!a,schema:p.schema}))),c?React.createElement(SamplesPanel,null,React.createElement(CodePanel,{className:"panel-response-samples"},React.createElement(MediaTypeSamples,{mediaType:p,onChange:f}))):null))}export const SchemaDefinition=memo(SchemaDefinitionComponent);const Description=styled.div`
+  margin-bottom: var(--spacing-vertical);
+`,StyledPanelBody=styled(PanelBody)`
+  --panel-schemas-body-padding: var(--panel-body-padding);
+  --panel-body-border-local: var(--panel-border);
+`;
+//# 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 @@
+/// <reference types="react" />
+import type { MenuItemSearchProps } from './types';
+export declare const MenuItemSearch: ({ result, term, active, onClick, }: MenuItemSearchProps) => JSX.Element;

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 @@
+/// <reference types="react" />
+import type { SearchBoxProps } from './types';
+export declare const SearchBox: ({ search, shown, searchValue, setSearchValue, marker, flatItems, options, hidePopUp, showPopUp, }: SearchBoxProps) => JSX.Element | 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}from"@redocly/theme";import{usePrevious}from"../../hooks";import{PerfectScrollbarWrap,Portal}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),[S,d]=useState(!1),[R,k]=useState(""),E=usePrevious(t),C=useCallback((e=>{s.current&&(clearTimeout(s.current),s.current=null),i(null),k(e),d(!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))))),d(!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,null,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((()=>{d(!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"},S&&React.createElement(TextContainer,null,"Loading..."),!S&&!(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 @@
+/// <reference types="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) => JSX.Element;
+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 React from 'react';
+export declare const CrossIcon: () => React.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: () => React.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-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

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

@@ -0,0 +1,42 @@
+import type { SearchResultMeta, IMenuItem, SearchStore, MarkerService, Options, ExtendedMenuItem } from '../../services';
+import type { ContentItemModel } from '../../models';
+export interface MenuItemSearchProps {
+    result: SearchResultExtended;
+    active: boolean;
+    onClick: () => void;
+    term: string;
+}
+export type SearchResultExtended = {
+    index: number;
+    item: IMenuItem & {
+        path: string;
+    };
+    score: number;
+} & Omit<SearchResultMeta, 'menuId' | 'place' | 'path'> & {
+    places: {
+        place: string;
+        paths: Array<string[] | undefined>;
+    }[];
+    count: number;
+};
+export type SearchResult<T = GenericObject | undefined> = {
+    score: number;
+    meta: T;
+};
+export interface SearchBoxProps {
+    search: SearchStore<SearchResultMeta>;
+    flatItems: SearchProps['flatItems'];
+    marker: MarkerService;
+    className?: string;
+    options: Options;
+    shown: boolean;
+    hidePopUp: () => void;
+    showPopUp: () => void;
+    setSearchValue: (value: string) => void;
+    searchValue: string;
+}
+export interface SearchProps {
+    contentItems: ContentItemModel[];
+    flatItems: (ExtendedMenuItem & IMenuItem)[];
+    options: Options;
+}

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

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

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

@@ -0,0 +1,11 @@
+import type { FieldModel, SchemaModel } from '../../models';
+import type { SearchResultMeta, IMenuItem } from '../../services';
+import type { SearchResult, SearchResultExtended } from './types';
+export declare function getFields(schema?: SchemaModel): FieldModel[];
+export declare function expandDeep(path: string[] | undefined, fields: FieldModel[]): void;
+export declare function enhanceResults(results: SearchResult<SearchResultMeta>[], getItemById: (id: string) => IMenuItem | undefined): SearchResultExtended[];
+export declare function formatPlaces(places: {
+    place: string;
+}[]): string;
+export declare function formatPath(term: string, path?: string[]): string;
+export declare function expandResults(res: SearchResultExtended): void;

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

@@ -0,0 +1,2 @@
+import{readAtom}from"../../jotai/nexus";import{getActiveMediaType}from"../../models";import{operationStore}from"../../jotai/operation";export function getFields(e){var t;if(!e)return[];const{activeOneOf:o}=readAtom(operationStore(e.deps.operation.pointer));if(e.oneOf){const n=null!==(t=o[e.pointer])&&void 0!==t?t:0;return getFields(e.oneOf[n])}return e.items?getFields(e.items):e.fields||[]}export function expandDeep(e,t){if(e)for(const o of e){const e=t.find((e=>e.name===o));if(!e)break;t=getFields(e.schema)}}export function enhanceResults(e,t){const o={};e.forEach((({meta:e,score:n})=>{const s=e.menuId,a=o[s];if(n=e.boost?n*e.boost:n,a){if(a.score=Math.max(n,a.score),e.place&&a.count++,e.place){const t=a.places.find((t=>t.place===e.place));t&&e.path?t.paths.find((t=>{var o;return(t&&t.join("->"))===(null===(o=e.path)||void 0===o?void 0:o.join("->"))}))||t.paths.push(e.path):a.places.push({place:e.place,paths:[e.path]})}}else o[s]={item:t(s),places:e.place?[{place:e.place,paths:[e.path]}]:[],score:n,count:e.place?1:0}}));const n=Object.keys(o).map((e=>o[e]));return n.forEach(((e,t)=>e.index=t)),n.sort(((e,t)=>t.score-e.score)),n}export function formatPlaces(e){return e.slice().sort(),e.map((e=>e.place)).join(" and ")}export function formatPath(e,t){return t&&t.length&&t[t.length-1].toLowerCase().startsWith(e.toLowerCase())&&(t=t.slice(0,t.length-1)),t&&0!==t.length?" → "+t.join(" → "):""}export function expandResults(e){var t,o;for(const n of e.places)if("request fields"===n.place){const o=e.item.requestBody,s=getFields(o&&o.content&&(null===(t=getActiveMediaType(o.content))||void 0===t?void 0:t.schema));for(const e of n.paths){if(!e)return;expandDeep(e.slice(0,e.length-1),s)}}else if(n.place.startsWith("response ")){const t=n.place.split(" ")[1],s=e.item.responses.find((e=>e.code===t));s&&(s.expanded=!0);const a=getFields(s&&s.content&&(null===(o=getActiveMediaType(s.content))||void 0===o?void 0:o.schema));for(const e of n.paths){if(!e)return;expandDeep(e.slice(0,e.length-1),a)}}}
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import type { ContentItemModel } from '../../models';
+import type { Options } from '../../services';
+import { Pagination } from '../../services';
+interface SectionContentProps {
+    items: ContentItemModel[];
+    pagination: Pagination;
+    nextSectionLink?: {
+        name: string;
+        href?: string;
+    };
+    showNextButton: Options['showNextButton'];
+    hideFooterAndHeader?: boolean;
+}
+export declare function SectionContent({ items, pagination, nextSectionLink, showNextButton, hideFooterAndHeader, }: SectionContentProps): JSX.Element | null;
+export {};

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

@@ -0,0 +1,2 @@
+import React,{useMemo}from"react";import{OpenApiHeader}from"@redocly/theme";import{useAtomValue}from"jotai";import{ContentItem}from"../ContentItem";import{Pagination}from"../../services";import{MiddlePanelWrapper}from"../Panel";import{PageFooter}from"../PageFooter";import{globalOptionsAtom}from"../../jotai/store";import{RenderHook}from"../RenderHook";export function SectionContent({items:e,pagination:t,nextSectionLink:o,showNextButton:n,hideFooterAndHeader:r}){const a=useMemo((()=>t===Pagination.None?e:null==e?void 0:e.filter((e=>"section"===e.type))),[e,t]),{hooks:{MiddlePanelHeader:i}}=useAtomValue(globalOptionsAtom),l=useMemo((()=>r?null:React.createElement(MiddlePanelWrapper,null,React.createElement(PageFooter,{showNextButton:n,pagination:t,nextSectionLink:o}))),[o,t,n,r]),m=useMemo((()=>r||!OpenApiHeader&&!i?null:React.createElement(MiddlePanelWrapper,null,i?React.createElement(RenderHook,{Hook:i,props:void 0}):React.createElement(OpenApiHeader,null))),[i,r]);return 0===a.length?null:React.createElement(React.Fragment,null,m,a.map((e=>React.createElement(ContentItem,{key:e.id,item:e}))),l)}
+//# sourceMappingURL=SectionContent.js.map

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

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

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

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

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { GroupModel } from '../../models';
+export interface SectionItemProps {
+    item: GroupModel;
+}
+export declare const SectionItem: React.NamedExoticComponent<SectionItemProps>;

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

@@ -0,0 +1,2 @@
+import React,{memo}from"react";import{SamplesMiddlePanel,Row}from"../common";import{Markdown}from"../Markdown";import{ExternalDocumentation}from"../ExternalDocumentation";function SectionItemComponent({item:e}){const{externalDocs:t,ast:n,description:o}=e;return React.createElement(React.Fragment,null,React.createElement(Markdown,{ast:n,source:o,htmlWrap:e=>React.createElement(SamplesMiddlePanel,null,e)}),t&&React.createElement(Row,null,React.createElement(SamplesMiddlePanel,null,React.createElement(ExternalDocumentation,{externalDocs:t}))))}export const SectionItem=memo(SectionItemComponent);
+//# sourceMappingURL=SectionItem.js.map

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

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

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

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