@redocly/openapi-docs 0.0.0-beta-20240223133421 → 0.0.0-beta-20240227165736

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

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import type { SchemaModel } from '../../models';
 interface DiscriminatorDropdownProps {
     parent: SchemaModel;
     onChange?: (idx: number) => void;
 }
-export declare const Discriminator: React.NamedExoticComponent<DiscriminatorDropdownProps>;
+export declare const Discriminator: import("react").NamedExoticComponent<DiscriminatorDropdownProps>;
 export {};

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

@@ -1,4 +1,4 @@
-import React,{memo,useMemo}from"react";import styled from"styled-components";import{strikethroughText}from"../../utils";import{SchemaSelection}from"../common/SchemaSelection";import{SelectionTitle}from"../common";function DiscriminatorDropdownComponent({parent:e,onChange:o}){const r=useMemo((()=>(e.oneOf||[]).map(((e,o)=>({label:e.schema.deprecated?`${strikethroughText(e.title)} (deprecated)`:e.title,value:o})))),[e.oneOf]);return void 0===e.oneOf?null:React.createElement(Wrapper,null,React.createElement(SelectionTitle,null,"Discriminator"),React.createElement(SchemaSelection,{options:r,pointer:e.deps.operation.pointer,onChange:o,schema:e}))}export const Discriminator=memo(DiscriminatorDropdownComponent);const Wrapper=styled.div`
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{memo,useMemo}from"react";import styled from"styled-components";import{strikethroughText}from"../../utils";import{SchemaSelection}from"../common/SchemaSelection";import{SelectionTitle}from"../common";function DiscriminatorDropdownComponent({parent:e,onChange:o}){const r=useMemo((()=>(e.oneOf||[]).map(((e,o)=>({label:e.schema.deprecated?`${strikethroughText(e.title)} (deprecated)`:e.title,value:o})))),[e.oneOf]);return void 0===e.oneOf?null:_jsxs(Wrapper,{children:[_jsx(SelectionTitle,{children:"Discriminator"}),_jsx(SchemaSelection,{options:r,pointer:e.deps.operation.pointer,onChange:o,schema:e})]})}export const Discriminator=memo(DiscriminatorDropdownComponent);const Wrapper=styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;

package/lib-esm/components/Download/DownloadSpecification.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import type { ReactElement } from 'react';
 declare function DownloadSpecificationComponent(): ReactElement;
-export declare const DownloadSpecification: React.MemoExoticComponent<typeof DownloadSpecificationComponent>;
+export declare const DownloadSpecification: import("react").MemoExoticComponent<typeof DownloadSpecificationComponent>;
 export {};

package/lib-esm/components/Download/DownloadSpecification.js

@@ -1,8 +1,4 @@
-import React,{memo}from"react";import{useAtomValue}from"jotai";import styled from"styled-components";import{DownloadIcon,DocumentIcon,JsonIcon,breakpoints}from"@redocly/theme";import{useDownloadInfo}from"./useDownloadInfo";import{globalStoreAtom}from"../../jotai/store";function DownloadSpecificationComponent(){const{parser:e,options:o}=useAtomValue(globalStoreAtom),{definition:t}=e,{json:n,yaml:a}=useDownloadInfo({definition:t,downloadDefinitionUrls:o.downloadDefinitionUrls});return React.createElement(Wrapper,null,React.createElement(Card,null,React.createElement(FileName,null,React.createElement(JsonIcon,null),n.filename),React.createElement(DownloadLink,{download:!0,target:"_blank",href:n.url},React.createElement(DownloadIcon,null))),React.createElement(Card,null,React.createElement(FileName,null,React.createElement(DocumentIcon,null),a.filename),React.createElement(DownloadLink,{download:!0,target:"_blank",href:a.url},React.createElement(DownloadIcon,null))))}export const DownloadSpecification=memo(DownloadSpecificationComponent);const DownloadLink=styled.a.attrs({className:"download-specification-button button-default"})`
-  margin-left: var(--spacing-xxs);
-  text-decoration: none;
-  color: var(--text-color-secondary);
-`,Card=styled.div`
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{memo}from"react";import{useAtomValue}from"jotai";import styled from"styled-components";import{DownloadIcon,DocumentIcon,JsonIcon,breakpoints,Button}from"@redocly/theme";import{useDownloadInfo}from"./useDownloadInfo";import{globalStoreAtom}from"../../jotai/store";function DownloadSpecificationComponent(){const{parser:o,options:e}=useAtomValue(globalStoreAtom),{definition:n}=o,{json:r,yaml:i}=useDownloadInfo({definition:n,downloadDefinitionUrls:e.downloadDefinitionUrls});return _jsxs(Wrapper,{children:[_jsxs(Card,{children:[_jsxs(FileName,{children:[_jsx(DocumentIcon,{}),i.filename]}),_jsx("a",{href:i.url,target:"_blank",download:!0,rel:"noreferrer",children:_jsx(Button,{variant:"ghost",size:"small",icon:_jsx(DownloadIcon,{})})})]}),_jsxs(Card,{children:[_jsxs(FileName,{children:[_jsx(JsonIcon,{}),r.filename]}),_jsx("a",{href:r.url,target:"_blank",download:!0,rel:"noreferrer",children:_jsx(Button,{variant:"ghost",size:"small",icon:_jsx(DownloadIcon,{})})})]})]})}export const DownloadSpecification=memo(DownloadSpecificationComponent);const Card=styled.div`
   display: flex;
   align-items: baseline;
   justify-content: space-between;

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

@@ -1,8 +1,8 @@
-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 from"react";import styled from"styled-components";import{SimpleDropdown}from"../common/Dropdown";const MimeLabel=styled.span`
+var __rest=this&&this.__rest||function(o,r){var t={};for(var e in o)Object.prototype.hasOwnProperty.call(o,e)&&r.indexOf(e)<0&&(t[e]=o[e]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(e=Object.getOwnPropertySymbols(o);n<e.length;n++)r.indexOf(e[n])<0&&Object.prototype.propertyIsEnumerable.call(o,e[n])&&(t[e[n]]=o[e[n]])}return t};import{jsx as _jsx}from"react/jsx-runtime";import styled from"styled-components";import{SimpleDropdown}from"../common/Dropdown";const MimeLabel=styled.span`
   margin-left: 4px;
   font-size: 14px;
   text-transform: none;
   font-weight: 400;
   color: var(--text-color-primary);
-`;export function DropdownOrLabel(e){var{Label:t=MimeLabel,Dropdown:o=SimpleDropdown}=e,r=__rest(e,["Label","Dropdown"]);return 1===r.options.length?React.createElement(t,null,r.options[0].value):React.createElement(o,Object.assign({},r))}
+`;export function DropdownOrLabel(o){var{Label:r=MimeLabel,Dropdown:t=SimpleDropdown}=o,e=__rest(o,["Label","Dropdown"]);return 1===e.options.length?_jsx(r,{children:e.options[0].value}):_jsx(t,Object.assign({},e))}
 //# sourceMappingURL=DropdownOrLabel.js.map

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

@@ -1,5 +1,5 @@
-import React,{Children,Component}from"react";import styled from"styled-components";const ErrorWrapper=styled.div`
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{Children,Component}from"react";import styled from"styled-components";const ErrorWrapper=styled.div`
   padding: 20px;
   color: red;
-`;export class ErrorBoundary extends Component{constructor(e){super(e),this.state={error:void 0}}componentDidCatch(e){return this.setState({error:e}),!1}render(){return this.state.error?React.createElement(ErrorWrapper,null,React.createElement("h1",null,"Something went wrong..."),React.createElement("small",null," ",this.state.error.message," "),React.createElement("p",null,React.createElement("details",null,React.createElement("summary",null,"Stack trace"),React.createElement("pre",null,this.state.error.stack))),"undefined"!=typeof __REDOC_VERSION__?React.createElement(React.Fragment,null,React.createElement("small",null," References docs version: ",__REDOC_VERSION__)," ",React.createElement("br",null)):null,"undefined"!=typeof __REDOC_REVISION__?React.createElement("small",null," Commit: ",__REDOC_REVISION__):null):React.createElement(React.Fragment,null,Children.only(this.props.children))}}
+`;export class ErrorBoundary extends Component{constructor(r){super(r),this.state={error:void 0}}componentDidCatch(r){return this.setState({error:r}),!1}render(){return this.state.error?_jsxs(ErrorWrapper,{children:[_jsx("h1",{children:"Something went wrong..."}),_jsxs("small",{children:[" ",this.state.error.message," "]}),_jsx("p",{children:_jsxs("details",{children:[_jsx("summary",{children:"Stack trace"}),_jsx("pre",{children:this.state.error.stack})]})}),"undefined"!=typeof __REDOC_VERSION__?_jsxs(_Fragment,{children:[_jsxs("small",{children:[" References docs version: ",__REDOC_VERSION__]})," ",_jsx("br",{})]}):null,"undefined"!=typeof __REDOC_REVISION__?_jsxs("small",{children:[" Commit: ",__REDOC_REVISION__]}):null]}):_jsx(_Fragment,{children:Children.only(this.props.children)})}}
 //# sourceMappingURL=ErrorBoundary.js.map

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

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import type { OpenAPIExternalDocumentation } from '../../types';
 interface ExternalDocumentationProps {
     externalDocs: OpenAPIExternalDocumentation;
     compact?: boolean;
 }
-export declare const ExternalDocumentation: React.NamedExoticComponent<ExternalDocumentationProps>;
+export declare const ExternalDocumentation: import("react").NamedExoticComponent<ExternalDocumentationProps>;
 export {};

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

@@ -1,5 +1,5 @@
-import React,{memo}from"react";import styled from"styled-components";import{markdownLinksCss}from"@redocly/theme";import{normalizeText}from"../../utils";const LinkWrap=styled.div`
+import{jsx as _jsx}from"react/jsx-runtime";import{memo}from"react";import styled from"styled-components";import{markdownLinksCss}from"@redocly/theme";import{normalizeText}from"../../utils";const LinkWrap=styled.div`
   ${markdownLinksCss};
-  ${({compact:e})=>e?"":"margin: 1em 0"}
-`;function ExternalDocumentationComponent({externalDocs:e,compact:t}){if(!e||!e.url)return null;const r=normalizeText(e.description);return React.createElement(LinkWrap,{compact:t},React.createElement("a",{href:e.url,target:"_blank",rel:"noreferrer","aria-label":r||e.url},r||e.url))}export const ExternalDocumentation=memo(ExternalDocumentationComponent);
+  ${({compact:r})=>r?"":"margin: 1em 0"}
+`;function ExternalDocumentationComponent({externalDocs:r,compact:t}){if(!r||!r.url)return null;const e=normalizeText(r.description);return _jsx(LinkWrap,{compact:t,children:_jsx("a",{href:r.url,target:"_blank",rel:"noreferrer","aria-label":e||r.url,children:e||r.url})})}export const ExternalDocumentation=memo(ExternalDocumentationComponent);
 //# sourceMappingURL=ExternalDocumentation.js.map

package/lib-esm/components/Language/LanguageDropdown.js

@@ -1,2 +1,2 @@
-import React,{useCallback,useMemo}from"react";import{Dropdown}from"@redocly/theme";import{LanguageItem}from"./LanguageItem";import{DropdownControllerText,DropdownItemContainer}from"./styled";export const LanguageDropdown=({samples:e,activeTab:t,onChange:o,controller:r,width:n,withArrow:a=!0,withCheckmark:m=!0,withIcon:c=!0})=>{const i=useCallback((t=>{const r=e.find((({key:e})=>e===t.key));r&&o(r)}),[o,e]),l=useMemo((()=>e.map((e=>React.createElement(DropdownItemContainer,{key:e.key,width:n},React.createElement(LanguageItem,{item:e,active:t.key===e.key,withCheckmark:m,withIcon:c}))))),[t.key,e,n,m,c]);return React.createElement(Dropdown,{items:l,withArrow:a,alignment:"end",onChange:i},r||React.createElement(DropdownControllerText,null,t.title))};
+import{jsx as _jsx}from"react/jsx-runtime";import{useCallback,useMemo}from"react";import{Dropdown}from"@redocly/theme";import{LanguageItem}from"./LanguageItem";import{DropdownControllerText,DropdownItemContainer}from"./styled";export const LanguageDropdown=({samples:e,activeTab:o,onChange:t,controller:r,width:n,withArrow:a=!0,withCheckmark:i=!0,withIcon:m=!0})=>{const s=useCallback((o=>{const r=e.find((({key:e})=>e===o.key));r&&t(r)}),[t,e]),c=useMemo((()=>e.map((e=>_jsx(DropdownItemContainer,{width:n,children:_jsx(LanguageItem,{item:e,active:o.key===e.key,withCheckmark:i,withIcon:m})},e.key)))),[o.key,e,n,i,m]);return _jsx(Dropdown,{items:c,withArrow:a,alignment:"end",onChange:s,children:r||_jsx(DropdownControllerText,{children:o.title})})};
 //# sourceMappingURL=LanguageDropdown.js.map

package/lib-esm/components/Language/LanguageItem.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { TabType } from '../../models/tab';
 interface LanguageItemProps {
     item: TabType;
@@ -6,5 +5,5 @@ interface LanguageItemProps {
     withCheckmark?: boolean;
     withIcon?: boolean;
 }
-export declare const LanguageItem: ({ item, active, withCheckmark, withIcon }: LanguageItemProps) => React.JSX.Element;
+export declare const LanguageItem: ({ item, active, withCheckmark, withIcon }: LanguageItemProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib-esm/components/Language/LanguageItem.js

@@ -1,2 +1,2 @@
-import React from"react";import{CheckmarkIcon}from"@redocly/theme";import{CurlIcon}from"../../icons/CurlIcon";import{CSharpIcon}from"../../icons/CSharpIcon";import{NodeJSIcon}from"../../icons/NodeJSIcon";import{JavaScriptIcon}from"../../icons/JavaScriptIcon";import{PythonIcon}from"../../icons/PythonIcon";import{RIcon}from"../../icons/RIcon";import{RubyIcon}from"../../icons/RubyIcon";import{PHPIcon}from"../../icons/PHPIcon";import{GOIcon}from"../../icons/GOIcon";import{JavaIcon}from"../../icons/JavaIcon";import{LanguageIcon,LanguageTitle,LanguageTitleContainer}from"./styled";const iconsMap={curl_:React.createElement(CurlIcon,null),"C#_":React.createElement(CSharpIcon,null),"C#+Newtonsoft_":React.createElement(CSharpIcon,null),"Node.js_":React.createElement(NodeJSIcon,null),JavaScript_:React.createElement(JavaScriptIcon,null),Python_:React.createElement(PythonIcon,null),R_:React.createElement(RIcon,null),Ruby_:React.createElement(RubyIcon,null),PHP_:React.createElement(PHPIcon,null),Go_:React.createElement(GOIcon,null),Java_:React.createElement(JavaIcon,null),"Java8+Apache_":React.createElement(JavaIcon,null)};export const LanguageItem=({item:e,active:n,withCheckmark:c,withIcon:t})=>React.createElement(React.Fragment,null,React.createElement(LanguageTitleContainer,null,t&&React.createElement(LanguageIcon,null,iconsMap[e.key]),React.createElement(LanguageTitle,{active:n},e.title)),c&&n&&React.createElement(CheckmarkIcon,null));
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{CheckmarkIcon}from"@redocly/theme";import{CurlIcon}from"../../icons/CurlIcon";import{CSharpIcon}from"../../icons/CSharpIcon";import{NodeJSIcon}from"../../icons/NodeJSIcon";import{JavaScriptIcon}from"../../icons/JavaScriptIcon";import{PythonIcon}from"../../icons/PythonIcon";import{RIcon}from"../../icons/RIcon";import{RubyIcon}from"../../icons/RubyIcon";import{PHPIcon}from"../../icons/PHPIcon";import{GOIcon}from"../../icons/GOIcon";import{JavaIcon}from"../../icons/JavaIcon";import{LanguageIcon,LanguageTitle,LanguageTitleContainer}from"./styled";const iconsMap={curl_:_jsx(CurlIcon,{}),"C#_":_jsx(CSharpIcon,{}),"C#+Newtonsoft_":_jsx(CSharpIcon,{}),"Node.js_":_jsx(NodeJSIcon,{}),JavaScript_:_jsx(JavaScriptIcon,{}),Python_:_jsx(PythonIcon,{}),R_:_jsx(RIcon,{}),Ruby_:_jsx(RubyIcon,{}),PHP_:_jsx(PHPIcon,{}),Go_:_jsx(GOIcon,{}),Java_:_jsx(JavaIcon,{}),"Java8+Apache_":_jsx(JavaIcon,{})};export const LanguageItem=({item:o,active:n,withCheckmark:c,withIcon:a})=>_jsxs(_Fragment,{children:[_jsxs(LanguageTitleContainer,{children:[a&&_jsx(LanguageIcon,{children:iconsMap[o.key]}),_jsx(LanguageTitle,{active:n,children:o.title})]}),c&&n&&_jsx(CheckmarkIcon,{})]});
 //# sourceMappingURL=LanguageItem.js.map

package/lib-esm/components/Language/LanguageList.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import type { TabType } from '../../models/tab';
 interface LanguageListProps {
     languages: TabType[];
     activeLanguage: TabType;
 }
-export declare const LanguageList: React.NamedExoticComponent<LanguageListProps>;
+export declare const LanguageList: import("react").NamedExoticComponent<LanguageListProps>;
 export {};

package/lib-esm/components/Language/LanguageList.js

@@ -1,2 +1,2 @@
-import React,{useLayoutEffect,useRef,useState,useCallback,memo}from"react";import{useAtomValue,useSetAtom}from"jotai";import{OverflowMenuVerticalIcon}from"@redocly/theme";import{LanguageDropdown}from"./LanguageDropdown";import{languageAtom,layoutAtom}from"../../jotai/app";import{LanguageListContainer,LanguageListItem,MoreIconController,Container}from"./styled";import{LanguageItem}from"./LanguageItem";import{ITEM_WIDTH}from"./constants";function LanguageListComponent({languages:e,activeLanguage:t}){const[n,a]=useState(e),[o,r]=useState([]),i=useRef(null),l=useAtomValue(layoutAtom),s=useSetAtom(languageAtom),c=useCallback((()=>{var e;const l=null===(e=null==i?void 0:i.current)||void 0===e?void 0:e.offsetWidth,{newVisibleItems:s,newHiddenItems:c}=calculateVisibleAndHiddenItems(l,[...n,...o]),m=c.findIndex((e=>e.key===t.key));-1!==m&&swapItems(s,c,m),a(s),r(c)}),[t.key,o,n]);return useLayoutEffect((()=>(c(),window.addEventListener("resize",c),()=>{window.removeEventListener("resize",c)})),[l,t]),React.createElement(Container,{ref:i},React.createElement(LanguageListContainer,null,n.map((e=>React.createElement(LanguageListItem,{key:e.key,onClick:()=>s({activeLanguage:e}),active:t.key===e.key},React.createElement(LanguageItem,{item:e,withIcon:!0}))))),o.length?React.createElement(LanguageDropdown,{activeTab:t,samples:o,onChange:e=>{const t=o.findIndex((t=>t.key===e.key));if(-1!==t){const i=[...o],l=[...n];swapItems(l,i,t),a(l),r(i),s({activeLanguage:e})}},controller:React.createElement(MoreIconController,null,React.createElement(OverflowMenuVerticalIcon,{color:"--text-color-secondary"})),withArrow:!1,withCheckmark:!1,width:156}):null)}export const LanguageList=memo(LanguageListComponent);function calculateVisibleAndHiddenItems(e,t){let n=0;const a=[],o=[];return t.forEach((t=>{const r=ITEM_WIDTH;e&&n+r<=e?(a.push(t),n+=r):o.push(t)})),{newVisibleItems:a,newHiddenItems:o}}function swapItems(e,t,n){const a=e[e.length-1];a&&(e[e.length-1]=t[n],t[n]=a)}
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useLayoutEffect,useRef,useState,useCallback,memo}from"react";import{useAtomValue,useSetAtom}from"jotai";import{OverflowMenuVerticalIcon,Button}from"@redocly/theme";import{LanguageDropdown}from"./LanguageDropdown";import{languageAtom,layoutAtom}from"../../jotai/app";import{LanguageListContainer,LanguageListItem,Container}from"./styled";import{LanguageItem}from"./LanguageItem";import{ITEM_WIDTH}from"./constants";function LanguageListComponent({languages:e,activeLanguage:t}){const[n,a]=useState(e),[o,s]=useState([]),i=useRef(null),r=useAtomValue(layoutAtom),u=useSetAtom(languageAtom),m=useCallback((()=>{var e;const r=null===(e=null==i?void 0:i.current)||void 0===e?void 0:e.offsetWidth,{newVisibleItems:u,newHiddenItems:m}=calculateVisibleAndHiddenItems(r,[...n,...o]),l=m.findIndex((e=>e.key===t.key));-1!==l&&swapItems(u,m,l),a(u),s(m)}),[t.key,o,n]);return useLayoutEffect((()=>(m(),window.addEventListener("resize",m),()=>{window.removeEventListener("resize",m)})),[r,t]),_jsxs(Container,{ref:i,children:[_jsx(LanguageListContainer,{children:n.map((e=>_jsx(LanguageListItem,{onClick:()=>u({activeLanguage:e}),active:t.key===e.key,children:_jsx(LanguageItem,{item:e,withIcon:!0})},e.key)))}),o.length?_jsx(LanguageDropdown,{activeTab:t,samples:o,onChange:e=>{const t=o.findIndex((t=>t.key===e.key));if(-1!==t){const i=[...o],r=[...n];swapItems(r,i,t),a(r),s(i),u({activeLanguage:e})}},controller:_jsx(Button,{variant:"ghost",icon:_jsx(OverflowMenuVerticalIcon,{})}),withArrow:!1,withCheckmark:!1,width:156}):null]})}export const LanguageList=memo(LanguageListComponent);function calculateVisibleAndHiddenItems(e,t){let n=0;const a=[],o=[];return t.forEach((t=>{const s=ITEM_WIDTH;e&&n+s<=e?(a.push(t),n+=s):o.push(t)})),{newVisibleItems:a,newHiddenItems:o}}function swapItems(e,t,n){const a=e[e.length-1];a&&(e[e.length-1]=t[n],t[n]=a)}
 //# sourceMappingURL=LanguageList.js.map

package/lib-esm/components/Language/_tests_/LanguageDropdown.test.js

@@ -1,2 +1,2 @@
-import React from"react";import{render,fireEvent,screen}from"@testing-library/react";import{LanguageDropdown}from"../LanguageDropdown";const mockSamples=[{key:"JS",title:"JS"},{key:"Node.JS",title:"Node.JS"}],mockActiveTab=mockSamples[0],mockOnChange=jest.fn();describe("LanguageDropdown",(()=>{test("LanguageDropdown renders correctly",(()=>{const{getByText:e}=render(React.createElement(LanguageDropdown,{samples:mockSamples,activeTab:mockActiveTab,onChange:mockOnChange}));expect(e(mockActiveTab.title)).toBeInTheDocument()})),test("LanguageDropdown handles onChange correctly",(()=>{const{getByText:e}=render(React.createElement(LanguageDropdown,{samples:mockSamples,activeTab:mockActiveTab,onChange:mockOnChange}));fireEvent.click(screen.getByText(mockSamples[0].title));const t=mockSamples[1];fireEvent.click(e(t.title)),expect(mockOnChange).toHaveBeenCalledWith(t)}))}));
+import{jsx as _jsx}from"react/jsx-runtime";import{render,fireEvent,screen}from"@testing-library/react";import{LanguageDropdown}from"../LanguageDropdown";const mockSamples=[{key:"JS",title:"JS"},{key:"Node.JS",title:"Node.JS"}],mockActiveTab=mockSamples[0],mockOnChange=jest.fn();describe("LanguageDropdown",(()=>{test("LanguageDropdown renders correctly",(()=>{const{getByText:e}=render(_jsx(LanguageDropdown,{samples:mockSamples,activeTab:mockActiveTab,onChange:mockOnChange}));expect(e(mockActiveTab.title)).toBeInTheDocument()})),test("LanguageDropdown handles onChange correctly",(()=>{const{getByText:e}=render(_jsx(LanguageDropdown,{samples:mockSamples,activeTab:mockActiveTab,onChange:mockOnChange}));fireEvent.click(screen.getByText(mockSamples[0].title));const t=mockSamples[1];fireEvent.click(e(t.title)),expect(mockOnChange).toHaveBeenCalledWith(t)}))}));
 //# sourceMappingURL=LanguageDropdown.test.js.map

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

@@ -12,4 +12,3 @@ export declare const DropdownItemContainer: import("styled-components").StyledCo
     width?: number | undefined;
 }, never>;
 export declare const DropdownControllerText: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const MoreIconController: import("styled-components").StyledComponent<"span", any, {}, never>;

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

@@ -59,15 +59,8 @@ import styled,{css}from"styled-components";import{ITEM_WIDTH}from"./constants";e
   fill: var(--menu-item-content-color-active);
 `;export const DropdownControllerText=styled.span`
   margin: 0 var(--spacing-unit) 0 calc(var(--spacing-unit) * 0.5);
-  color: var(--menu-item-content-color-active);
   display: inline-block;
-  word-break: break-all;
-  line-height: var(--line-height-sm);
+  line-height: var(--line-height-base);
   font-size: var(--font-size-base);
-`;export const MoreIconController=styled.span`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
 `;
 //# sourceMappingURL=styled.js.map

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

@@ -1,2 +1,2 @@
-var __rest=this&&this.__rest||function(r,o){var t={};for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&o.indexOf(e)<0&&(t[e]=r[e]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(e=Object.getOwnPropertySymbols(r);n<e.length;n++)o.indexOf(e[n])<0&&Object.prototype.propertyIsEnumerable.call(r,e[n])&&(t[e[n]]=r[e[n]])}return t};import React,{Fragment}from"react";import{parse,transform,renderers,Ast}from"@markdoc/markdoc";import{useAtomValue}from"jotai";import DOMPurify from"dompurify";import{Markdown as MarkdownWrapper,isString}from"@redocly/theme";import{globalOptionsAtom}from"../../jotai/store";const TAGS_NOT_TO_WRAP=["OpenApiResponse","OpenApiRequestBody"];export const Markdown=r=>{var o,t,e,n,i,a,s,l,d,{source:c,ast:u,htmlWrap:m}=r,p=__rest(r,["source","ast","htmlWrap"]);const v=useAtomValue(globalOptionsAtom);if(!c&&!u)return null;const f=(null==v?void 0:v.markdocOptions)&&{tags:null===(o=v.markdocOptions)||void 0===o?void 0:o.tags,nodes:null===(t=v.markdocOptions)||void 0===t?void 0:t.nodes,partials:null===(e=v.markdocOptions)||void 0===e?void 0:e.partials,variables:null===(n=v.markdocOptions)||void 0===n?void 0:n.variables,functions:null===(i=v.markdocOptions)||void 0===i?void 0:i.functions},O=(null==v?void 0:v.markdocOptions)&&{components:null===(a=v.markdocOptions)||void 0===a?void 0:a.components};let y;if(c)if(isString(c)){const r=(null===(s=null==v?void 0:v.hooks)||void 0===s?void 0:s.sanitize)?null===(d=null===(l=v.hooks)||void 0===l?void 0:l.sanitize)||void 0===d?void 0:d.call(l,c):(null==v?void 0:v.untrustedDefinition)?DOMPurify.sanitize(c):c,o=parse(r);y=transform(o,f)}else{const r=Ast.fromJSON("object"==typeof c.result?JSON.stringify(c.result):c.result);y=(Array.isArray(r),transform(r,f))}else u&&(y=transform(u,f));const k=r=>{const o=renderers.react(r,React,O);return React.createElement(MarkdownWrapper,Object.assign({},p,{children:o,as:"div"}))};if(!m)return k(y);return y=Array.isArray(y)?y:y.children,React.createElement(React.Fragment,null,y.map(((r,o)=>{var t,e,n;return React.createElement(Fragment,{key:(null===(t=null==r?void 0:r.attributes)||void 0===t?void 0:t.id)||o},(e=(r=>{var o;return!1!==(null===(o=r.attributes)||void 0===o?void 0:o.htmlWrap)&&!TAGS_NOT_TO_WRAP.includes(null==r?void 0:r.name)})(r),n=r,e?m(k(n)):k(n)))})))};
+var __rest=this&&this.__rest||function(r,o){var t={};for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&o.indexOf(n)<0&&(t[n]=r[n]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(r);i<n.length;i++)o.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(r,n[i])&&(t[n[i]]=r[n[i]])}return t};import{jsx as _jsx,Fragment as _Fragment}from"react/jsx-runtime";import React,{Fragment}from"react";import{parse,transform,renderers,Ast}from"@markdoc/markdoc";import{useAtomValue}from"jotai";import DOMPurify from"dompurify";import{Markdown as MarkdownWrapper,isString}from"@redocly/theme";import{globalOptionsAtom}from"../../jotai/store";const TAGS_NOT_TO_WRAP=["OpenApiResponse","OpenApiRequestBody"];export const Markdown=r=>{var o,t,n,i,e,s,a,l,d,{source:m,ast:u,htmlWrap:p}=r,c=__rest(r,["source","ast","htmlWrap"]);const v=useAtomValue(globalOptionsAtom);if(!m&&!u)return null;const f=(null==v?void 0:v.markdocOptions)&&{tags:null===(o=v.markdocOptions)||void 0===o?void 0:o.tags,nodes:null===(t=v.markdocOptions)||void 0===t?void 0:t.nodes,partials:null===(n=v.markdocOptions)||void 0===n?void 0:n.partials,variables:null===(i=v.markdocOptions)||void 0===i?void 0:i.variables,functions:null===(e=v.markdocOptions)||void 0===e?void 0:e.functions},O=(null==v?void 0:v.markdocOptions)&&{components:null===(s=v.markdocOptions)||void 0===s?void 0:s.components};let y;if(m)if(isString(m)){const r=(null===(a=null==v?void 0:v.hooks)||void 0===a?void 0:a.sanitize)?null===(d=null===(l=v.hooks)||void 0===l?void 0:l.sanitize)||void 0===d?void 0:d.call(l,m):(null==v?void 0:v.untrustedDefinition)?DOMPurify.sanitize(m):m,o=parse(r);y=transform(o,f)}else{const r=Ast.fromJSON("object"==typeof m.result?JSON.stringify(m.result):m.result);y=(Array.isArray(r),transform(r,f))}else u&&(y=transform(u,f));const _=r=>{const o=renderers.react(r,React,O);return _jsx(MarkdownWrapper,Object.assign({},c,{children:o,as:"div"}))};if(!p)return _(y);const g=r=>{var o;return!1!==(null===(o=r.attributes)||void 0===o?void 0:o.htmlWrap)&&!TAGS_NOT_TO_WRAP.includes(null==r?void 0:r.name)};return y=Array.isArray(y)?y:y.children,_jsx(_Fragment,{children:y.map(((r,o)=>{var t,n,i;return _jsx(Fragment,{children:(n=g(r),i=r,n?p(_(i)):_(i))},(null===(t=null==r?void 0:r.attributes)||void 0===t?void 0:t.id)||o)}))})};
 //# sourceMappingURL=Markdown.js.map

package/lib-esm/components/MediaTypeSwitch/MediaTypesSwitch.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { ReactElement } from 'react';
 import type { DropdownProps } from '../common';
 import type { MediaContentModel, MediaTypeModel } from '../../models';
@@ -8,5 +7,5 @@ interface MediaTypesSwitchProps {
     renderDropdown: (props: DropdownProps) => ReactElement | null;
     children: (activeMime: MediaTypeModel) => ReactElement;
 }
-export declare const MediaTypesSwitch: React.NamedExoticComponent<MediaTypesSwitchProps>;
+export declare const MediaTypesSwitch: import("react").NamedExoticComponent<MediaTypesSwitchProps>;
 export {};

package/lib-esm/components/MediaTypeSwitch/MediaTypesSwitch.js

@@ -1,2 +1,2 @@
-import React,{memo,useCallback,useRef}from"react";import{useAtom}from"jotai";import{DropdownLabel,DropdownWrapper}from"../PayloadSamples";import{FormControl}from"../common";import{activeMimeNameAtom}from"../../jotai/app";import{getActiveMediaType}from"../../models";function Wrapper({children:e,withLabel:t,innerRef:n}){return t?React.createElement(DropdownWrapper,{ref:n},React.createElement(DropdownLabel,null,"Content type"),e):React.createElement(FormControl,{ref:n},e)}function MediaTypesSwitchComponent({content:e,withLabel:t,renderDropdown:n,children:r}){const[o,a]=useAtom(activeMimeNameAtom),i=useCallback((({value:t})=>{if(!e||!m.current)return null;const n=m.current.getBoundingClientRect().y;a(t),requestAnimationFrame((()=>{if(!m.current||null==n)return;const e=m.current.getBoundingClientRect().y;window.scrollBy(0,e-n)}))}),[e,a]),m=useRef(null);if(!e||!e.mediaTypes||!e.mediaTypes.length)return null;const l=e.mediaTypes.map(((e,t)=>({value:e.name,idx:t}))),c=getActiveMediaType(e,o);return React.createElement(React.Fragment,null,React.createElement(Wrapper,{innerRef:m,withLabel:t},n({value:c.name,options:l,onChange:i,ariaLabel:"Content type"})),r(c))}export const MediaTypesSwitch=memo(MediaTypesSwitchComponent);
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{memo,useCallback,useRef}from"react";import{useAtom}from"jotai";import{DropdownLabel,DropdownWrapper}from"../PayloadSamples";import{FormControl}from"../common";import{activeMimeNameAtom}from"../../jotai/app";import{getActiveMediaType}from"../../models";function Wrapper({children:e,withLabel:r,innerRef:n}){return r?_jsxs(DropdownWrapper,{ref:n,children:[_jsx(DropdownLabel,{children:"Content type"}),e]}):_jsx(FormControl,{ref:n,children:e})}function MediaTypesSwitchComponent({content:e,withLabel:r,renderDropdown:n,children:t}){const[o,i]=useAtom(activeMimeNameAtom),a=useCallback((({value:r})=>{if(!e||!m.current)return null;const n=m.current.getBoundingClientRect().y;i(r),requestAnimationFrame((()=>{if(!m.current||null==n)return;const e=m.current.getBoundingClientRect().y;window.scrollBy(0,e-n)}))}),[e,i]),m=useRef(null);if(!e||!e.mediaTypes||!e.mediaTypes.length)return null;const s=e.mediaTypes.map(((e,r)=>({value:e.name,idx:r}))),l=getActiveMediaType(e,o);return _jsxs(_Fragment,{children:[_jsx(Wrapper,{innerRef:m,withLabel:r,children:n({value:l.name,options:s,onChange:a,ariaLabel:"Content type"})}),t(l)]})}export const MediaTypesSwitch=memo(MediaTypesSwitchComponent);
 //# sourceMappingURL=MediaTypesSwitch.js.map

package/lib-esm/components/OperationItem/Description.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { OpenAPIExternalDocumentation } from '../../types';
 interface DescriptionProps {
     description?: string | GenericObject;
@@ -7,5 +6,5 @@ interface DescriptionProps {
         [p: string]: string | Record<string, unknown>;
     };
 }
-export declare function Description({ description, externalDocs, extensions }: DescriptionProps): React.JSX.Element | null;
+export declare function Description({ description, externalDocs, extensions }: DescriptionProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/lib-esm/components/OperationItem/Description.js

@@ -1,2 +1,2 @@
-import React from"react";import{Markdown}from"../Markdown";import{ExternalDocumentation}from"../ExternalDocumentation";import{Extensions}from"../common/Extensions";export function Description({description:e,externalDocs:t,extensions:n}){return e?React.createElement(React.Fragment,null,React.createElement(Markdown,{source:e}),t&&React.createElement(ExternalDocumentation,{externalDocs:t}),Object.keys(n||{}).length?React.createElement(Extensions,{extensions:n}):null):null}
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{Markdown}from"../Markdown";import{ExternalDocumentation}from"../ExternalDocumentation";import{Extensions}from"../common/Extensions";export function Description({description:n,externalDocs:t,extensions:e}){return n?_jsxs(_Fragment,{children:[_jsx(Markdown,{source:n}),t&&_jsx(ExternalDocumentation,{externalDocs:t}),Object.keys(e||{}).length?_jsx(Extensions,{extensions:e}):null]}):null}
 //# sourceMappingURL=Description.js.map

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

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

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

@@ -1,6 +1,6 @@
-import React,{memo,useState,useCallback}from"react";import styled from"styled-components";import{useAtomValue,useSetAtom}from"jotai";import{useMount,Feedback,LayoutVariant,BeforeOpenApiOperation,BeforeOpenApiOperationSummary,AfterOpenApiOperationSummary,AfterOpenApiOperation,Badge}from"@redocly/theme";import{Row}from"../common/panels";import{SamplesMiddlePanel,SamplesPanel,ShareLink}from"../common";import{CallbacksList}from"../Callbacks";import{CallbackSamples}from"../CallbackSamples";import{RequestSamples}from"../RequestSamples";import{OperationResponseList}from"../Responses";import{ResponseSamples}from"../ResponseSamples";import{makeDeepLink}from"../../services";import{layoutAtom}from"../../jotai/app";import{globalStoreAtom}from"../../jotai/store";import{getOperation}from"../../models/operation";import{operationStore}from"../../jotai/operation";import{RenderHook}from"../RenderHook";import{Security}from"../Security";import{RequestParameters}from"../RequestParameters";import{Description}from"./Description";import{Heading,Title}from"../common/OperationItemTitle";import{LinkToField}from"../common/LinkToField";const OperationSamplesPanel=styled(SamplesPanel)`
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{memo,useState,useCallback}from"react";import styled from"styled-components";import{useAtomValue,useSetAtom}from"jotai";import{useMount,Feedback,LayoutVariant,BeforeOpenApiOperation,BeforeOpenApiOperationSummary,AfterOpenApiOperationSummary,AfterOpenApiOperation,Badge}from"@redocly/theme";import{Row}from"../common/panels";import{SamplesMiddlePanel,SamplesPanel,ShareLink}from"../common";import{CallbacksList}from"../Callbacks";import{CallbackSamples}from"../CallbackSamples";import{RequestSamples}from"../RequestSamples";import{OperationResponseList}from"../Responses";import{ResponseSamples}from"../ResponseSamples";import{makeDeepLink}from"../../services";import{layoutAtom}from"../../jotai/app";import{globalStoreAtom}from"../../jotai/store";import{getOperation}from"../../models/operation";import{operationStore}from"../../jotai/operation";import{RenderHook}from"../RenderHook";import{Security}from"../Security";import{RequestParameters}from"../RequestParameters";import{Description}from"./Description";import{Heading,Title}from"../common/OperationItemTitle";import{LinkToField}from"../common/LinkToField";const OperationSamplesPanel=styled(SamplesPanel)`
   margin-left: auto;
-`;function OperationItemComponent({item:{operationDefinition:e,parent:t,href:a}}){var o,r;const{parser:n,options:l}=useAtomValue(globalStoreAtom),i=useAtomValue(layoutAtom),[m,p]=useState(),{hooks:c,feedback:s,showWebhookVerb:d}=l,u=getOperation(n,e,t,l,a),{name:R,description:S,deprecated:k,externalDocs:y,isWebhook:b,httpVerb:f,pointer:E}=u,O=useSetAtom(operationStore(E)),v=i===LayoutVariant.STACKED,g=(null==s?void 0:s.type)||"sentiment",A=!0!==(null==s?void 0:s.hide),[h,C]=useState(null);useMount((()=>{O((e=>Object.assign(Object.assign({},e),{activeExampleName:u.activeExampleName,activeServer:u.activeServer})))}));const L=useCallback((e=>{(null==m?void 0:m.key)!==e.key&&p(e)}),[null==m?void 0:m.key]);return React.createElement(OperationRow,{layout:i},React.createElement(OperationSubRowStyled,{layout:i},React.createElement(SamplesMiddlePanel,{isStacked:v},React.createElement(RenderHook,{Hook:BeforeOpenApiOperation||(null==c?void 0:c.BeforeOperation),props:{operation:u}}),React.createElement(Heading,null,React.createElement(ShareLink,{to:a,"aria-label":`link to ${R}`}),React.createElement(RenderHook,{Hook:BeforeOpenApiOperationSummary||(null==c?void 0:c.BeforeOperationSummary),props:{operation:u}}),R,React.createElement(RenderHook,{Hook:AfterOpenApiOperationSummary||(null==c?void 0:c.AfterOperationSummary),props:{operation:u}}),k&&React.createElement(Badge,{deprecated:!0},"Deprecated"),b&&React.createElement(React.Fragment,null,React.createElement(Badge,null,"Webhook"),d&&f&&React.createElement(Badge,null,f.toUpperCase()))))),React.createElement(OperationSubRowStyled,{layout:i},React.createElement(SamplesMiddlePanel,null,React.createElement(Title,null,React.createElement(LinkToField,{to:makeDeepLink(u.id,"request")}),"Request"),React.createElement(Description,{description:S||y?S:void 0,externalDocs:y,extensions:u.extensions}),React.createElement(Security,{securities:u.security}),React.createElement(RequestParameters,{parameters:u.parameters,body:u.requestBody,operationId:u.id})),React.createElement(OperationSamplesPanel,{"data-cy":"samples-block",className:"panel-container-request-samples"},React.createElement(RequestSamples,{operation:u}))),React.createElement(OperationSubRowStyled,{layout:i},React.createElement(SamplesMiddlePanel,{isStacked:v},(null===(o=u.responses)||void 0===o?void 0:o.length)?React.createElement(OperationResponseList,{responses:u.responses,operation:u,activeResponseTab:m,onTabChange:L}):null),React.createElement(OperationSamplesPanel,{"data-cy":"samples-block",className:"panel-container-response-samples"},React.createElement(ResponseSamples,{operation:u,activeResponseTab:m,onTabChange:L}))),React.createElement(OperationSubRowStyled,{layout:i},React.createElement(SamplesMiddlePanel,{isStacked:v},(null===(r=u.callbacks)||void 0===r?void 0:r.length)?React.createElement(React.Fragment,null,React.createElement(Title,null,React.createElement(LinkToField,{to:makeDeepLink(u.id,"callbacks")}),"Callbacks"),React.createElement(CallbacksList,{callbacks:u.callbacks,onExpand:C,selectedCallback:h})):null,React.createElement(RenderHook,{Hook:AfterOpenApiOperation||(null==c?void 0:c.AfterOperation),props:{operation:u}})),h?React.createElement(OperationSamplesPanel,{"data-cy":"samples-block"},React.createElement(CallbackSamples,{callback:h})):null),React.createElement(OperationSubRowStyled,{layout:i},React.createElement(SamplesMiddlePanel,{isStacked:v},A?React.createElement(FeedbackWrapper,null,React.createElement(Feedback,{type:g,settings:s.settings,path:u.href})):null)))}export const OperationItem=memo(OperationItemComponent);const FeedbackWrapper=styled.div`
+`;function OperationItemComponent({item:{operationDefinition:e,parent:o,href:a}}){var t,s;const{parser:r,options:i}=useAtomValue(globalStoreAtom),n=useAtomValue(layoutAtom),[l,p]=useState(),{hooks:m,feedback:d,showWebhookVerb:c}=i,u=getOperation(r,e,o,i,a),{name:S,description:k,deprecated:x,externalDocs:j,isWebhook:f,httpVerb:y,pointer:b}=u,_=useSetAtom(operationStore(b)),O=n===LayoutVariant.STACKED,h=(null==d?void 0:d.type)||"sentiment",R=!0!==(null==d?void 0:d.hide),[g,v]=useState(null);useMount((()=>{_((e=>Object.assign(Object.assign({},e),{activeExampleName:u.activeExampleName,activeServer:u.activeServer})))}));const A=useCallback((e=>{(null==l?void 0:l.key)!==e.key&&p(e)}),[null==l?void 0:l.key]);return _jsxs(OperationRow,{layout:n,children:[_jsx(OperationSubRowStyled,{layout:n,children:_jsxs(SamplesMiddlePanel,{isStacked:O,children:[_jsx(RenderHook,{Hook:BeforeOpenApiOperation||(null==m?void 0:m.BeforeOperation),props:{operation:u}}),_jsxs(Heading,{children:[_jsx(ShareLink,{to:a,"aria-label":`link to ${S}`}),_jsx(RenderHook,{Hook:BeforeOpenApiOperationSummary||(null==m?void 0:m.BeforeOperationSummary),props:{operation:u}}),S,_jsx(RenderHook,{Hook:AfterOpenApiOperationSummary||(null==m?void 0:m.AfterOperationSummary),props:{operation:u}}),x&&_jsx(Badge,{deprecated:!0,children:"Deprecated"}),f&&_jsxs(_Fragment,{children:[_jsx(Badge,{children:"Webhook"}),c&&y&&_jsx(Badge,{children:y.toUpperCase()})]})]})]})}),_jsxs(OperationSubRowStyled,{layout:n,children:[_jsxs(SamplesMiddlePanel,{children:[_jsxs(Title,{children:[_jsx(LinkToField,{to:makeDeepLink(u.id,"request")}),"Request"]}),_jsx(Description,{description:k||j?k:void 0,externalDocs:j,extensions:u.extensions}),_jsx(Security,{securities:u.security}),_jsx(RequestParameters,{parameters:u.parameters,body:u.requestBody,operationId:u.id})]}),_jsx(OperationSamplesPanel,{"data-cy":"samples-block",className:"panel-container-request-samples",children:_jsx(RequestSamples,{operation:u})})]}),_jsxs(OperationSubRowStyled,{layout:n,children:[_jsx(SamplesMiddlePanel,{isStacked:O,children:(null===(t=u.responses)||void 0===t?void 0:t.length)?_jsx(OperationResponseList,{responses:u.responses,operation:u,activeResponseTab:l,onTabChange:A}):null}),_jsx(OperationSamplesPanel,{"data-cy":"samples-block",className:"panel-container-response-samples",children:_jsx(ResponseSamples,{operation:u,activeResponseTab:l,onTabChange:A})})]}),_jsxs(OperationSubRowStyled,{layout:n,children:[_jsxs(SamplesMiddlePanel,{isStacked:O,children:[(null===(s=u.callbacks)||void 0===s?void 0:s.length)?_jsxs(_Fragment,{children:[_jsxs(Title,{children:[_jsx(LinkToField,{to:makeDeepLink(u.id,"callbacks")}),"Callbacks"]}),_jsx(CallbacksList,{callbacks:u.callbacks,onExpand:v,selectedCallback:g})]}):null,_jsx(RenderHook,{Hook:AfterOpenApiOperation||(null==m?void 0:m.AfterOperation),props:{operation:u}})]}),g?_jsx(OperationSamplesPanel,{"data-cy":"samples-block",children:_jsx(CallbackSamples,{callback:g})}):null]}),_jsx(OperationSubRowStyled,{layout:n,children:_jsx(SamplesMiddlePanel,{isStacked:O,children:R?_jsx(FeedbackWrapper,{children:_jsx(Feedback,{type:h,settings:d.settings,path:u.href})}):null})})]})}export const OperationItem=memo(OperationItemComponent);const FeedbackWrapper=styled.div`
   display: flex;
   justify-content: center;
 `,OperationRow=styled(Row)`

package/lib-esm/components/Overlay.js

@@ -1,4 +1,4 @@
-import React,{useState,useEffect}from"react";import styled from"styled-components";const INVALID_KEY="Invalid license key",INVALID_KEY_MISSING=INVALID_KEY+": missing key",EXPIRED="Invalid license key: expired",TRIAL_EXPIRED=EXPIRED,INVALID_HOST="Invalid license key: host not allowed";export const Overlay=({licenseInfo:e})=>{const[t,l]=useState(null),[a,i]=useState(-1),[n,r]=useState(!1);return useEffect((()=>{var t;e.local?r(!0):(e.valid?e.allowed?e.expired&&l(e.t?EXPIRED:TRIAL_EXPIRED):l(INVALID_HOST):l(!1===e.valid?INVALID_KEY+(e.cryptoMissing?": works only with https":""):INVALID_KEY_MISSING),e.t&&i(Math.ceil(((null!==(t=null==e?void 0:e.e)&&void 0!==t?t:0)-Date.now()/1e3)/60/60/24)))}),[e]),n?React.createElement(TrialWrap,null,React.createElement("a",{href:"https://redoc.ly"},"Redocly API reference docs")," preview"):!t&&a>-1?React.createElement(TrialWrap,null," Trial version: ",a," days remaining "):t?React.createElement(Flash,null,React.createElement("span",null,t," ",React.createElement("br",null),React.createElement("small",null,"Please contact ",React.createElement("a",{href:"mailto:team@redoc.ly"},"team@redoc.ly")," to remedy the problem."," "))):null};const TrialWrap=styled.div`
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useState,useEffect}from"react";import styled from"styled-components";const INVALID_KEY="Invalid license key",INVALID_KEY_MISSING=INVALID_KEY+": missing key",EXPIRED="Invalid license key: expired",TRIAL_EXPIRED=EXPIRED,INVALID_HOST="Invalid license key: host not allowed";export const Overlay=({licenseInfo:e})=>{const[i,s]=useState(null),[t,r]=useState(-1),[l,n]=useState(!1);return useEffect((()=>{var i;e.local?n(!0):(e.valid?e.allowed?e.expired&&s(e.t?EXPIRED:TRIAL_EXPIRED):s(INVALID_HOST):s(!1===e.valid?INVALID_KEY+(e.cryptoMissing?": works only with https":""):INVALID_KEY_MISSING),e.t&&r(Math.ceil(((null!==(i=null==e?void 0:e.e)&&void 0!==i?i:0)-Date.now()/1e3)/60/60/24)))}),[e]),l?_jsxs(TrialWrap,{children:[_jsx("a",{href:"https://redoc.ly",children:"Redocly API reference docs"})," preview"]}):!i&&t>-1?_jsxs(TrialWrap,{children:[" Trial version: ",t," days remaining "]}):i?_jsx(Flash,{children:_jsxs("span",{children:[i," ",_jsx("br",{}),_jsxs("small",{children:["Please contact ",_jsx("a",{href:"mailto:team@redoc.ly",children:"team@redoc.ly"})," to remedy the problem."," "]})]})}):null};const TrialWrap=styled.div`
   padding: 10px 40px;
   position: fixed;
   text-align: right;

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

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

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

@@ -1,3 +1,3 @@
-import React from 'react';
-export declare function PageFooterComponent(): React.JSX.Element | null;
-export declare const PageFooter: React.MemoExoticComponent<typeof PageFooterComponent>;
+/// <reference types="react" />
+export declare function PageFooterComponent(): import("react/jsx-runtime").JSX.Element | null;
+export declare const PageFooter: import("react").MemoExoticComponent<typeof PageFooterComponent>;

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

@@ -1,2 +1,2 @@
-import{OpenApiFooter}from"@redocly/theme";import React,{memo}from"react";import{useAtomValue}from"jotai";import{globalOptionsAtom}from"../../jotai/store";import{RenderHook}from"../RenderHook";export function PageFooterComponent(){const{hooks:{MiddlePanelFooter:o}}=useAtomValue(globalOptionsAtom);switch(!0){case Boolean(o):return React.createElement(RenderHook,{Hook:o,props:void 0});case Boolean(OpenApiFooter):return React.createElement(OpenApiFooter,null);default:return null}}export const PageFooter=memo(PageFooterComponent);
+import{jsx as _jsx}from"react/jsx-runtime";import{OpenApiFooter}from"@redocly/theme";import{memo}from"react";import{useAtomValue}from"jotai";import{globalOptionsAtom}from"../../jotai/store";import{RenderHook}from"../RenderHook";export function PageFooterComponent(){const{hooks:{MiddlePanelFooter:o}}=useAtomValue(globalOptionsAtom);switch(!0){case Boolean(o):return _jsx(RenderHook,{Hook:o,props:void 0});case Boolean(OpenApiFooter):return _jsx(OpenApiFooter,{});default:return null}}export const PageFooter=memo(PageFooterComponent);
 //# sourceMappingURL=PageFooter.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-import React from"react";import{ExampleValue}from"./ExampleValue";import{ExternalExample}from"./ExternalExample";export function Example({example:e,mimeType:l,onCopyClick:a}){return void 0===e.value&&e.externalValueUrl?e.externalValueUrl.endsWith(".pdf")?React.createElement(ExampleValue,{value:"PDF file",mimeType:l,encoding:e.encoding,onCopyClick:a}):React.createElement(ExternalExample,{example:e,mimeType:l,onCopyClick:a}):React.createElement(ExampleValue,{value:e.value,mimeType:l,encoding:e.encoding,onCopyClick:a})}
+import{jsx as _jsx}from"react/jsx-runtime";import{ExampleValue}from"./ExampleValue";import{ExternalExample}from"./ExternalExample";export function Example({example:e,mimeType:l,onCopyClick:a}){return void 0===e.value&&e.externalValueUrl?e.externalValueUrl.endsWith(".pdf")?_jsx(ExampleValue,{value:"PDF file",mimeType:l,encoding:e.encoding,onCopyClick:a}):_jsx(ExternalExample,{example:e,mimeType:l,onCopyClick:a}):_jsx(ExampleValue,{value:e.value,mimeType:l,encoding:e.encoding,onCopyClick:a})}
 //# sourceMappingURL=Example.js.map

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

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

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

@@ -1,2 +1,2 @@
-import{CodeBlockContainer}from"@redocly/theme";import React from"react";import{useExternalExample}from"./useExternalExample";import{ExampleValue}from"./ExampleValue";export function ExternalExample({example:e,mimeType:a,onCopyClick:r}){const l=useExternalExample(e,a);return void 0===l?React.createElement("span",null,"Loading..."):l instanceof Error?React.createElement(CodeBlockContainer,null,"Error loading external example: ",React.createElement("br",null),React.createElement("a",{className:"token string",href:e.externalValueUrl,target:"_blank",rel:"noopener noreferrer"},e.externalValueUrl)):React.createElement(ExampleValue,{value:l,mimeType:a,onCopyClick:r})}
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{CodeBlockContainer}from"@redocly/theme";import{useExternalExample}from"./useExternalExample";import{ExampleValue}from"./ExampleValue";export function ExternalExample({example:e,mimeType:r,onCopyClick:a}){const l=useExternalExample(e,r);return void 0===l?_jsx("span",{children:"Loading..."}):l instanceof Error?_jsxs(CodeBlockContainer,{children:["Error loading external example: ",_jsx("br",{}),_jsx("a",{className:"token string",href:e.externalValueUrl,target:"_blank",rel:"noopener noreferrer",children:e.externalValueUrl})]}):_jsx(ExampleValue,{value:l,mimeType:r,onCopyClick:a})}
 //# sourceMappingURL=ExternalExample.js.map

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

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

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

@@ -1,2 +1,2 @@
-import React,{memo}from"react";import merge from"deepmerge";import{NoSampleLabel}from"../shared";import{Markdown}from"../Markdown";import{Example}from"./Example";import{ExampleWrapper}from"./styled";import{ExampleSwitch,useExampleKey}from"../Samples";import{arrayMergeStrategy}from"../../services/utils";function MediaTypeSamplesComponent({mediaType:e,onlyDefaultSample:a,properties:t,onChange:m,onCopyClick:r}){const l=e.examples||{},p=e.name,o=Object.keys(l),{exampleKey:n,defaultExampleName:c}=useExampleKey(e.operation,l),i=1===o.length?Object.values(l)[0]:l[n];if(!o.length)return React.createElement(NoSampleLabel,null,"Sample not available");const s=t?Object.assign(Object.assign({},i),{value:merge(i.value,t,{arrayMerge:arrayMergeStrategy})}):i,y=s.description;return c&&a?React.createElement(React.Fragment,null,s.description&&React.createElement(Markdown,{source:s.description}),React.createElement(Example,{example:s,mimeType:p,onCopyClick:r})):React.createElement(React.Fragment,null,React.createElement(ExampleSwitch,{examples:l,exampleKey:n,onChange:m}),React.createElement(ExampleWrapper,null,y&&React.createElement(Markdown,{source:y}),React.createElement(Example,{example:s,mimeType:p,onCopyClick:r})))}export const MediaTypeSamples=memo(MediaTypeSamplesComponent);
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{memo}from"react";import merge from"deepmerge";import{NoSampleLabel}from"../shared";import{Markdown}from"../Markdown";import{Example}from"./Example";import{ExampleWrapper}from"./styled";import{ExampleSwitch,useExampleKey}from"../Samples";import{arrayMergeStrategy}from"../../services/utils";function MediaTypeSamplesComponent({mediaType:e,onlyDefaultSample:a,properties:r,onChange:m,onCopyClick:p}){const o=e.examples||{},s=e.name,l=Object.keys(o),{exampleKey:t,defaultExampleName:n}=useExampleKey(e.operation,o),i=1===l.length?Object.values(o)[0]:o[t];if(!l.length)return _jsx(NoSampleLabel,{children:"Sample not available"});const x=r?Object.assign(Object.assign({},i),{value:merge(i.value,r,{arrayMerge:arrayMergeStrategy})}):i,c=x.description;return _jsxs(_Fragment,n&&a?{children:[x.description&&_jsx(Markdown,{source:x.description}),_jsx(Example,{example:x,mimeType:s,onCopyClick:p})]}:{children:[_jsx(ExampleSwitch,{examples:o,exampleKey:t,onChange:m}),_jsxs(ExampleWrapper,{children:[c&&_jsx(Markdown,{source:c}),_jsx(Example,{example:x,mimeType:s,onCopyClick:p})]})]})}export const MediaTypeSamples=memo(MediaTypeSamplesComponent);
 //# sourceMappingURL=MediaTypeSamples.js.map

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
-import React,{memo}from"react";import styled from"styled-components";import{Markdown}from"../Markdown";import{DescriptionEnumsBlock,ToggleButton}from"./styled";const EnumValueStyled=styled.td`
+import{jsxs as _jsxs,jsx as _jsx,Fragment as _Fragment}from"react/jsx-runtime";import{memo}from"react";import styled from"styled-components";import{Markdown}from"../Markdown";import{DescriptionEnumsBlock}from"./styled";import{ToggleButton}from"../common";const EnumValueStyled=styled.td`
   max-width: 15vw;
   word-wrap: break-word;
-`;export function DescriptionEnumsComponent({enums:e,toggle:t,showToggleButton:n,toggleButtonText:l,type:a}){return React.createElement(React.Fragment,null,React.createElement(DescriptionEnumsBlock,null,React.createElement("table",{className:"md"},React.createElement("thead",null,React.createElement("tr",null,React.createElement("th",null,"array"===a?"Items":""," ",1===e.length?"Value":"Enum Value"),React.createElement("th",null,"Description"))),React.createElement("tbody",null,e.map((({description:e,value:t})=>React.createElement("tr",{key:t},React.createElement(EnumValueStyled,null,t),React.createElement("td",null,React.createElement(Markdown,{source:e})))))))),n?React.createElement(ToggleButton,{onClick:t},l):null)}export const DescriptionEnums=memo(DescriptionEnumsComponent);
+`;export function DescriptionEnumsComponent({enums:e,toggle:t,showToggleButton:n,toggleButtonText:o,type:r}){return _jsxs(_Fragment,{children:[_jsx(DescriptionEnumsBlock,{children:_jsxs("table",{className:"md",children:[_jsx("thead",{children:_jsxs("tr",{children:[_jsxs("th",{children:["array"===r?"Items":""," ",1===e.length?"Value":"Enum Value"]}),_jsx("th",{children:"Description"})]})}),_jsx("tbody",{children:e.map((({description:e,value:t})=>_jsxs("tr",{children:[_jsx(EnumValueStyled,{children:t}),_jsx("td",{children:_jsx(Markdown,{source:e})})]},t)))})]})}),n?_jsx(ToggleButton,{onClick:t,children:o}):null]})}export const DescriptionEnums=memo(DescriptionEnumsComponent);
 //# sourceMappingURL=DescriptionEnums.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import React,{memo,useMemo}from"react";import{useAtomValue}from"jotai";import styled from"styled-components";import{LinkIcon}from"@redocly/theme";import{RecursiveLabel,Tag,AccessLabel,RequiredLabel}from"../common";import{ExternalDocumentation}from"../ExternalDocumentation";import{Markdown}from"../Markdown";import{FieldDetail}from"./FieldDetail";import{Extensions}from"./Extensions";import{EnumValues}from"./EnumValues";import{Examples,getSerializedValue}from"./Examples";import{globalOptionsAtom}from"../../jotai/store";import{SchemaTypeInfo}from"./SchemaTypeInfo";import{LinkToField}from"../common/LinkToField";import{Pattern}from"./Pattern";import{getAccessModeLabelText}from"../RenderHook";function FieldDetailsComponent({showExamples:e,field:t,renderDiscriminatorSwitch:a,deepLink:o,fieldParentsName:r=[]}){var l;const{enumSkipQuotes:n,hideSchemaTitles:i,hideSchemaPattern:c,showAccessMode:m,hideParametersPrefix:s}=useAtomValue(globalOptionsAtom),{schema:p,description:d,example:u,deprecated:f,examples:y,kind:h,required:E,name:x}=t,v=Boolean(n)||"header"===t.in,R=useMemo((()=>{if(!e||void 0===u&&void 0===y)return null;if(void 0!==y)return React.createElement(Examples,{field:t});{const e=!!t.in;return React.createElement(FieldDetail,{label:"Example",value:getSerializedValue(t,t.example),raw:e})}}),[u,y,t,e]),g=getAccessModeLabelText(t.schema,m);return React.createElement(React.Fragment,null,React.createElement(Row,null,x&&React.createElement(Name,null,React.createElement(LinkToField,{to:o}),!s&&r.map((e=>e+".")),React.createElement(SchemaName,{className:"schema-name"},x)),React.createElement(SchemaTypeInfo,{type:p.typePrefix+p.displayType}),React.createElement(SchemaTypeInfo,{type:p.displayFormat&&`(${p.displayFormat})`}),React.createElement(SchemaTypeInfo,{type:p.contentEncoding}),React.createElement(SchemaTypeInfo,{type:p.title&&!i?`(${p.title})`:""}),null===(l=p.constraints)||void 0===l?void 0:l.map((e=>React.createElement(SchemaTypeInfo,{type:e,key:e}))),f&&React.createElement(DeprecatedLabel,null,"Deprecated"),React.createElement(Pattern,{pattern:p.pattern,hideSchemaPattern:c}),"additionalProperties"===h&&React.createElement(Tag,null,"additional property"),"patternProperties"===h&&React.createElement(Tag,null,"pattern property"),g&&React.createElement(AccessLabel,null,g),E&&React.createElement(RequiredLabel,null,"required"),p.isCircular&&React.createElement(RecursiveLabel,null,"Recursive")),React.createElement(StyledDescription,{source:d}),React.createElement(FieldDetail,{raw:v,label:"Default",value:p.default}),React.createElement(EnumValues,{type:p.type,values:p["x-enumDescriptions"]||p.enum}),R,React.createElement(Extensions,{extensions:Object.assign(Object.assign({},t.extensions),p.extensions)}),p.externalDocs&&React.createElement(ExternalDocumentation,{externalDocs:p.externalDocs,compact:!0}),null==a?void 0:a(),React.createElement(FieldDetail,{label:"Value",value:t.const||void 0}))}export const FieldDetails=memo(FieldDetailsComponent);const Row=styled.div`
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{memo,useMemo}from"react";import{useAtomValue}from"jotai";import styled from"styled-components";import{LinkIcon}from"@redocly/theme";import{RecursiveLabel,Tag,AccessLabel,RequiredLabel}from"../common";import{ExternalDocumentation}from"../ExternalDocumentation";import{Markdown}from"../Markdown";import{FieldDetail}from"./FieldDetail";import{Extensions}from"./Extensions";import{EnumValues}from"./EnumValues";import{Examples,getSerializedValue}from"./Examples";import{globalOptionsAtom}from"../../jotai/store";import{SchemaTypeInfo}from"./SchemaTypeInfo";import{LinkToField}from"../common/LinkToField";import{Pattern}from"./Pattern";import{getAccessModeLabelText}from"../RenderHook";function FieldDetailsComponent({showExamples:e,field:t,renderDiscriminatorSwitch:a,deepLink:o,fieldParentsName:i=[]}){var r;const{enumSkipQuotes:s,hideSchemaTitles:n,hideSchemaPattern:l,showAccessMode:m,hideParametersPrefix:c}=useAtomValue(globalOptionsAtom),{schema:p,description:d,example:x,deprecated:f,examples:h,kind:u,required:y,name:v}=t,g=Boolean(s)||"header"===t.in,j=useMemo((()=>{if(!e||void 0===x&&void 0===h)return null;if(void 0!==h)return _jsx(Examples,{field:t});{const e=!!t.in;return _jsx(FieldDetail,{label:"Example",value:getSerializedValue(t,t.example),raw:e})}}),[x,h,t,e]),b=getAccessModeLabelText(t.schema,m);return _jsxs(_Fragment,{children:[_jsxs(Row,{children:[v&&_jsxs(Name,{children:[_jsx(LinkToField,{to:o}),!c&&i.map((e=>e+".")),_jsx(SchemaName,{className:"schema-name",children:v})]}),_jsx(SchemaTypeInfo,{type:p.typePrefix+p.displayType}),_jsx(SchemaTypeInfo,{type:p.displayFormat&&`(${p.displayFormat})`}),_jsx(SchemaTypeInfo,{type:p.contentEncoding}),_jsx(SchemaTypeInfo,{type:p.title&&!n?`(${p.title})`:""}),null===(r=p.constraints)||void 0===r?void 0:r.map((e=>_jsx(SchemaTypeInfo,{type:e},e))),f&&_jsx(DeprecatedLabel,{children:"Deprecated"}),_jsx(Pattern,{pattern:p.pattern,hideSchemaPattern:l}),"additionalProperties"===u&&_jsx(Tag,{children:"additional property"}),"patternProperties"===u&&_jsx(Tag,{children:"pattern property"}),b&&_jsx(AccessLabel,{children:b}),y&&_jsx(RequiredLabel,{children:"required"}),p.isCircular&&_jsx(RecursiveLabel,{children:"Recursive"})]}),_jsx(StyledDescription,{source:d}),_jsx(FieldDetail,{raw:g,label:"Default",value:p.default}),_jsx(EnumValues,{type:p.type,values:p["x-enumDescriptions"]||p.enum}),j,_jsx(Extensions,{extensions:Object.assign(Object.assign({},t.extensions),p.extensions)}),p.externalDocs&&_jsx(ExternalDocumentation,{externalDocs:p.externalDocs,compact:!0}),null==a?void 0:a(),_jsx(FieldDetail,{label:"Value",value:t.const||void 0})]})}export const FieldDetails=memo(FieldDetailsComponent);const Row=styled.div`
   display: flex;
   align-items: center;
   gap: var(--spacing-xxs);