@redocly/openapi-docs 3.11.0-rc.0 → 3.11.0-rc.2

package/lib/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SECTION_ATTR=exports.useDownloadInfo=exports.CustomBadges=exports.ExampleSwitch=exports.ContentItem=exports.getValueFromMdParsedExtension=exports.addMarkdownItems=exports.PropertyDetails=exports.ExternalDocumentation=exports.OperationSamplesPanel=exports.CodeBlockPanel=exports.FieldLabel=exports.FieldValueLabel=exports.Markdown=exports.Dropdown=exports.Heading=exports.SamplesPanel=exports.Section=exports.SamplesMiddlePanel=exports.Overview=exports.RightPanelContainer=exports.Row=exports.SectionContainer=exports.convertOperationToReplayValue=exports.EmbeddedReplay=exports.makeDeepLink=exports.normalizeOptions=exports.buildContentItems=exports.OpenAPIParser=exports.pathIncludesLink=exports.isOperationName=exports.JsonPointer=exports.getMarkdownHeaderId=exports.StoreProvider=exports.AppProvider=exports.RedoclyOpenAPIDocsStandalone=exports.RedoclyOpenAPIDocs=exports.RedocExample=exports.RedocSchema=exports.ResponseSamples=exports.RequestSamples=exports.generateDeepLink=exports.getTagOrGroup=exports.getServerEnvName=exports.getOperation=exports.simplifyAstStructure=void 0,exports.useOpenapiDocsOptions=useOpenapiDocsOptions;const jotai_1=require("jotai"),store_1=require("./jotai/store");var simplifyAstStructure_1=require("./utils/simplifyAstStructure");Object.defineProperty(exports,"simplifyAstStructure",{enumerable:!0,get:function(){return simplifyAstStructure_1.simplifyAstStructure}});var operation_1=require("./models/operation");Object.defineProperty(exports,"getOperation",{enumerable:!0,get:function(){return operation_1.getOperation}});var environments_1=require("./utils/environments");Object.defineProperty(exports,"getServerEnvName",{enumerable:!0,get:function(){return environments_1.getServerEnvName}});var group_1=require("./models/group");Object.defineProperty(exports,"getTagOrGroup",{enumerable:!0,get:function(){return group_1.getTagOrGroup}});var common_1=require("./components/common");Object.defineProperty(exports,"generateDeepLink",{enumerable:!0,get:function(){return common_1.generateDeepLink}});var RequestSamples_1=require("./components/RequestSamples");Object.defineProperty(exports,"RequestSamples",{enumerable:!0,get:function(){return RequestSamples_1.RequestSamples}});var ResponseSamples_1=require("./components/ResponseSamples");Object.defineProperty(exports,"ResponseSamples",{enumerable:!0,get:function(){return ResponseSamples_1.ResponseSamples}});var pluggable_1=require("./components/pluggable");Object.defineProperty(exports,"RedocSchema",{enumerable:!0,get:function(){return pluggable_1.RedocSchema}}),Object.defineProperty(exports,"RedocExample",{enumerable:!0,get:function(){return pluggable_1.RedocExample}});var RedoclyOpenAPIDocs_1=require("./components/RedoclyOpenAPIDocs");Object.defineProperty(exports,"RedoclyOpenAPIDocs",{enumerable:!0,get:function(){return RedoclyOpenAPIDocs_1.RedoclyOpenAPIDocs}}),Object.defineProperty(exports,"RedoclyOpenAPIDocsStandalone",{enumerable:!0,get:function(){return RedoclyOpenAPIDocs_1.RedoclyOpenAPIDocsStandalone}}),Object.defineProperty(exports,"AppProvider",{enumerable:!0,get:function(){return RedoclyOpenAPIDocs_1.AppProvider}}),Object.defineProperty(exports,"StoreProvider",{enumerable:!0,get:function(){return RedoclyOpenAPIDocs_1.StoreProvider}}),Object.defineProperty(exports,"getMarkdownHeaderId",{enumerable:!0,get:function(){return RedoclyOpenAPIDocs_1.getMarkdownHeaderId}});var JsonPointer_1=require("./utils/JsonPointer");Object.defineProperty(exports,"JsonPointer",{enumerable:!0,get:function(){return JsonPointer_1.JsonPointer}});var openapi_1=require("./utils/openapi");Object.defineProperty(exports,"isOperationName",{enumerable:!0,get:function(){return openapi_1.isOperationName}});var path_1=require("./utils/path");Object.defineProperty(exports,"pathIncludesLink",{enumerable:!0,get:function(){return path_1.pathIncludesLink}});var services_1=require("./services");Object.defineProperty(exports,"OpenAPIParser",{enumerable:!0,get:function(){return services_1.OpenAPIParser}});var services_2=require("./services");function useOpenapiDocsOptions(){return(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom)}Object.defineProperty(exports,"buildContentItems",{enumerable:!0,get:function(){return services_2.buildContentItems}}),Object.defineProperty(exports,"normalizeOptions",{enumerable:!0,get:function(){return services_2.normalizeOptions}}),Object.defineProperty(exports,"makeDeepLink",{enumerable:!0,get:function(){return services_2.makeDeepLink}});var EmbeddedReplay_1=require("./components/Replay/EmbeddedReplay");Object.defineProperty(exports,"EmbeddedReplay",{enumerable:!0,get:function(){return EmbeddedReplay_1.EmbeddedReplay}});var utils_1=require("./components/Replay/utils");Object.defineProperty(exports,"convertOperationToReplayValue",{enumerable:!0,get:function(){return utils_1.convertOperationToReplayValue}});var SectionContent_1=require("./components/SectionContent");Object.defineProperty(exports,"SectionContainer",{enumerable:!0,get:function(){return SectionContent_1.SectionContainer}});var common_2=require("./components/common");Object.defineProperty(exports,"Row",{enumerable:!0,get:function(){return common_2.Row}});var SectionContent_2=require("./components/SectionContent");Object.defineProperty(exports,"RightPanelContainer",{enumerable:!0,get:function(){return SectionContent_2.RightPanelContainer}});var Overview_1=require("./components/Overview");Object.defineProperty(exports,"Overview",{enumerable:!0,get:function(){return Overview_1.Overview}});var common_3=require("./components/common");Object.defineProperty(exports,"SamplesMiddlePanel",{enumerable:!0,get:function(){return common_3.SamplesMiddlePanel}}),Object.defineProperty(exports,"Section",{enumerable:!0,get:function(){return common_3.Section}}),Object.defineProperty(exports,"SamplesPanel",{enumerable:!0,get:function(){return common_3.SamplesPanel}});var OperationItemTitle_1=require("./components/common/OperationItemTitle");Object.defineProperty(exports,"Heading",{enumerable:!0,get:function(){return OperationItemTitle_1.Heading}});var Dropdown_1=require("./components/common/Dropdown");Object.defineProperty(exports,"Dropdown",{enumerable:!0,get:function(){return Dropdown_1.Dropdown}});var Markdown_1=require("./components/Markdown");Object.defineProperty(exports,"Markdown",{enumerable:!0,get:function(){return Markdown_1.Markdown}});var common_4=require("./components/common");Object.defineProperty(exports,"FieldValueLabel",{enumerable:!0,get:function(){return common_4.FieldValueLabel}}),Object.defineProperty(exports,"FieldLabel",{enumerable:!0,get:function(){return common_4.FieldLabel}});var common_5=require("./components/common");Object.defineProperty(exports,"CodeBlockPanel",{enumerable:!0,get:function(){return common_5.CodeBlockPanel}});var OperationItem_1=require("./components/OperationItem/OperationItem");Object.defineProperty(exports,"OperationSamplesPanel",{enumerable:!0,get:function(){return OperationItem_1.OperationSamplesPanel}});var ExternalDocumentation_1=require("./components/ExternalDocumentation");Object.defineProperty(exports,"ExternalDocumentation",{enumerable:!0,get:function(){return ExternalDocumentation_1.ExternalDocumentation}});var PropertyDetails_1=require("./components/PropertyDetails");Object.defineProperty(exports,"PropertyDetails",{enumerable:!0,get:function(){return PropertyDetails_1.PropertyDetails}});var markdown_1=require("./services/menu/markdown");Object.defineProperty(exports,"addMarkdownItems",{enumerable:!0,get:function(){return markdown_1.addMarkdownItems}});var helpers_1=require("./utils/helpers");Object.defineProperty(exports,"getValueFromMdParsedExtension",{enumerable:!0,get:function(){return helpers_1.getValueFromMdParsedExtension}});var ContentItem_1=require("./components/ContentItem");Object.defineProperty(exports,"ContentItem",{enumerable:!0,get:function(){return ContentItem_1.ContentItem}});var ExampleSwitch_1=require("./components/Samples/ExampleSwitch");Object.defineProperty(exports,"ExampleSwitch",{enumerable:!0,get:function(){return ExampleSwitch_1.ExampleSwitch}});var Badges_1=require("./components/common/Badges");Object.defineProperty(exports,"CustomBadges",{enumerable:!0,get:function(){return Badges_1.CustomBadges}});var useDownloadInfo_1=require("./components/Download/useDownloadInfo");Object.defineProperty(exports,"useDownloadInfo",{enumerable:!0,get:function(){return useDownloadInfo_1.useDownloadInfo}});var constants_1=require("./constants");Object.defineProperty(exports,"SECTION_ATTR",{enumerable:!0,get:function(){return constants_1.SECTION_ATTR}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SECTION_ATTR=exports.useDownloadInfo=exports.CustomBadges=exports.ExampleSwitch=exports.ContentItem=exports.getValueFromMdParsedExtension=exports.addMarkdownItems=exports.PropertyDetails=exports.ExternalDocumentation=exports.OperationSamplesPanel=exports.CodeBlockPanel=exports.FieldLabel=exports.FieldValueLabel=exports.Markdown=exports.Dropdown=exports.Heading=exports.SamplesPanel=exports.Section=exports.SamplesMiddlePanel=exports.Overview=exports.RightPanelContainer=exports.Row=exports.SectionContainer=exports.convertOperationToReplayValue=exports.EmbeddedReplay=exports.makeDeepLink=exports.normalizeOptions=exports.buildContentItems=exports.OpenAPIParser=exports.normalizePath=exports.pathIncludesLink=exports.isOperationName=exports.JsonPointer=exports.getMarkdownHeaderId=exports.StoreProvider=exports.AppProvider=exports.RedoclyOpenAPIDocsStandalone=exports.RedoclyOpenAPIDocs=exports.RedocExample=exports.RedocSchema=exports.ResponseSamples=exports.RequestSamples=exports.generateDeepLink=exports.getTagOrGroup=exports.getServerEnvName=exports.getOperation=exports.simplifyAstStructure=void 0,exports.useOpenapiDocsOptions=useOpenapiDocsOptions;const jotai_1=require("jotai"),store_1=require("./jotai/store");var simplifyAstStructure_1=require("./utils/simplifyAstStructure");Object.defineProperty(exports,"simplifyAstStructure",{enumerable:!0,get:function(){return simplifyAstStructure_1.simplifyAstStructure}});var operation_1=require("./models/operation");Object.defineProperty(exports,"getOperation",{enumerable:!0,get:function(){return operation_1.getOperation}});var environments_1=require("./utils/environments");Object.defineProperty(exports,"getServerEnvName",{enumerable:!0,get:function(){return environments_1.getServerEnvName}});var group_1=require("./models/group");Object.defineProperty(exports,"getTagOrGroup",{enumerable:!0,get:function(){return group_1.getTagOrGroup}});var common_1=require("./components/common");Object.defineProperty(exports,"generateDeepLink",{enumerable:!0,get:function(){return common_1.generateDeepLink}});var RequestSamples_1=require("./components/RequestSamples");Object.defineProperty(exports,"RequestSamples",{enumerable:!0,get:function(){return RequestSamples_1.RequestSamples}});var ResponseSamples_1=require("./components/ResponseSamples");Object.defineProperty(exports,"ResponseSamples",{enumerable:!0,get:function(){return ResponseSamples_1.ResponseSamples}});var pluggable_1=require("./components/pluggable");Object.defineProperty(exports,"RedocSchema",{enumerable:!0,get:function(){return pluggable_1.RedocSchema}}),Object.defineProperty(exports,"RedocExample",{enumerable:!0,get:function(){return pluggable_1.RedocExample}});var RedoclyOpenAPIDocs_1=require("./components/RedoclyOpenAPIDocs");Object.defineProperty(exports,"RedoclyOpenAPIDocs",{enumerable:!0,get:function(){return RedoclyOpenAPIDocs_1.RedoclyOpenAPIDocs}}),Object.defineProperty(exports,"RedoclyOpenAPIDocsStandalone",{enumerable:!0,get:function(){return RedoclyOpenAPIDocs_1.RedoclyOpenAPIDocsStandalone}}),Object.defineProperty(exports,"AppProvider",{enumerable:!0,get:function(){return RedoclyOpenAPIDocs_1.AppProvider}}),Object.defineProperty(exports,"StoreProvider",{enumerable:!0,get:function(){return RedoclyOpenAPIDocs_1.StoreProvider}}),Object.defineProperty(exports,"getMarkdownHeaderId",{enumerable:!0,get:function(){return RedoclyOpenAPIDocs_1.getMarkdownHeaderId}});var JsonPointer_1=require("./utils/JsonPointer");Object.defineProperty(exports,"JsonPointer",{enumerable:!0,get:function(){return JsonPointer_1.JsonPointer}});var openapi_1=require("./utils/openapi");Object.defineProperty(exports,"isOperationName",{enumerable:!0,get:function(){return openapi_1.isOperationName}});var path_1=require("./utils/path");Object.defineProperty(exports,"pathIncludesLink",{enumerable:!0,get:function(){return path_1.pathIncludesLink}}),Object.defineProperty(exports,"normalizePath",{enumerable:!0,get:function(){return path_1.normalizePath}});var services_1=require("./services");Object.defineProperty(exports,"OpenAPIParser",{enumerable:!0,get:function(){return services_1.OpenAPIParser}});var services_2=require("./services");function useOpenapiDocsOptions(){return(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom)}Object.defineProperty(exports,"buildContentItems",{enumerable:!0,get:function(){return services_2.buildContentItems}}),Object.defineProperty(exports,"normalizeOptions",{enumerable:!0,get:function(){return services_2.normalizeOptions}}),Object.defineProperty(exports,"makeDeepLink",{enumerable:!0,get:function(){return services_2.makeDeepLink}});var EmbeddedReplay_1=require("./components/Replay/EmbeddedReplay");Object.defineProperty(exports,"EmbeddedReplay",{enumerable:!0,get:function(){return EmbeddedReplay_1.EmbeddedReplay}});var utils_1=require("./components/Replay/utils");Object.defineProperty(exports,"convertOperationToReplayValue",{enumerable:!0,get:function(){return utils_1.convertOperationToReplayValue}});var SectionContent_1=require("./components/SectionContent");Object.defineProperty(exports,"SectionContainer",{enumerable:!0,get:function(){return SectionContent_1.SectionContainer}});var common_2=require("./components/common");Object.defineProperty(exports,"Row",{enumerable:!0,get:function(){return common_2.Row}});var SectionContent_2=require("./components/SectionContent");Object.defineProperty(exports,"RightPanelContainer",{enumerable:!0,get:function(){return SectionContent_2.RightPanelContainer}});var Overview_1=require("./components/Overview");Object.defineProperty(exports,"Overview",{enumerable:!0,get:function(){return Overview_1.Overview}});var common_3=require("./components/common");Object.defineProperty(exports,"SamplesMiddlePanel",{enumerable:!0,get:function(){return common_3.SamplesMiddlePanel}}),Object.defineProperty(exports,"Section",{enumerable:!0,get:function(){return common_3.Section}}),Object.defineProperty(exports,"SamplesPanel",{enumerable:!0,get:function(){return common_3.SamplesPanel}});var OperationItemTitle_1=require("./components/common/OperationItemTitle");Object.defineProperty(exports,"Heading",{enumerable:!0,get:function(){return OperationItemTitle_1.Heading}});var Dropdown_1=require("./components/common/Dropdown");Object.defineProperty(exports,"Dropdown",{enumerable:!0,get:function(){return Dropdown_1.Dropdown}});var Markdown_1=require("./components/Markdown");Object.defineProperty(exports,"Markdown",{enumerable:!0,get:function(){return Markdown_1.Markdown}});var common_4=require("./components/common");Object.defineProperty(exports,"FieldValueLabel",{enumerable:!0,get:function(){return common_4.FieldValueLabel}}),Object.defineProperty(exports,"FieldLabel",{enumerable:!0,get:function(){return common_4.FieldLabel}});var common_5=require("./components/common");Object.defineProperty(exports,"CodeBlockPanel",{enumerable:!0,get:function(){return common_5.CodeBlockPanel}});var OperationItem_1=require("./components/OperationItem/OperationItem");Object.defineProperty(exports,"OperationSamplesPanel",{enumerable:!0,get:function(){return OperationItem_1.OperationSamplesPanel}});var ExternalDocumentation_1=require("./components/ExternalDocumentation");Object.defineProperty(exports,"ExternalDocumentation",{enumerable:!0,get:function(){return ExternalDocumentation_1.ExternalDocumentation}});var PropertyDetails_1=require("./components/PropertyDetails");Object.defineProperty(exports,"PropertyDetails",{enumerable:!0,get:function(){return PropertyDetails_1.PropertyDetails}});var markdown_1=require("./services/menu/markdown");Object.defineProperty(exports,"addMarkdownItems",{enumerable:!0,get:function(){return markdown_1.addMarkdownItems}});var helpers_1=require("./utils/helpers");Object.defineProperty(exports,"getValueFromMdParsedExtension",{enumerable:!0,get:function(){return helpers_1.getValueFromMdParsedExtension}});var ContentItem_1=require("./components/ContentItem");Object.defineProperty(exports,"ContentItem",{enumerable:!0,get:function(){return ContentItem_1.ContentItem}});var ExampleSwitch_1=require("./components/Samples/ExampleSwitch");Object.defineProperty(exports,"ExampleSwitch",{enumerable:!0,get:function(){return ExampleSwitch_1.ExampleSwitch}});var Badges_1=require("./components/common/Badges");Object.defineProperty(exports,"CustomBadges",{enumerable:!0,get:function(){return Badges_1.CustomBadges}});var useDownloadInfo_1=require("./components/Download/useDownloadInfo");Object.defineProperty(exports,"useDownloadInfo",{enumerable:!0,get:function(){return useDownloadInfo_1.useDownloadInfo}});var constants_1=require("./constants");Object.defineProperty(exports,"SECTION_ATTR",{enumerable:!0,get:function(){return constants_1.SECTION_ATTR}});
 //# sourceMappingURL=index.js.map

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

@@ -1,4 +1,4 @@
-import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{memo,useCallback}from"react";import{useAtomValue}from"jotai";import styled from"styled-components";import{DownloadIcon,DocumentIcon,JsonIcon,Button,FileIcon,getPathPrefix,combineUrls}from"@redocly/theme";import{useDownloadInfo}from"./useDownloadInfo";import{globalStoreAtom}from"../../jotai/store";import{useOtelTelemetry}from"../../hooks";function DownloadSpecificationComponent(){const e=useOtelTelemetry(),{options:o}=useAtomValue(globalStoreAtom),t=getPathPrefix(),n=useDownloadInfo({downloadUrls:o.downloadUrls}),r=useCallback((e=>{switch(e){case"yaml":return _jsx(DocumentIcon,{});case"json":return _jsx(JsonIcon,{});default:return _jsx(FileIcon,{})}}),[]);return n?_jsx(Wrapper,{children:(n||[]).map((({title:o,url:n,iconType:a})=>{const s=t?combineUrls(t,n):n;return _jsxs(Card,{onClick:()=>e.send({type:"openapi_docs.download_definition.clicked"}),children:[_jsxs(FileName,{children:[r(a),_jsx("a",{href:s,target:"_blank",download:!0,rel:"noreferrer",children:o})]}),_jsx("a",{href:s,target:"_blank",download:!0,rel:"noreferrer",children:_jsx(Button,{variant:"text",size:"small",icon:_jsx(DownloadIcon,{})})})]},o)}))}):_jsx(_Fragment,{})}export const DownloadSpecification=memo(DownloadSpecificationComponent);const Card=styled.div`
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{memo,useCallback}from"react";import{useAtomValue}from"jotai";import styled from"styled-components";import{DownloadIcon,DocumentIcon,JsonIcon,Button,FileIcon,getPathPrefix,combineUrls}from"@redocly/theme";import{useDownloadInfo}from"./useDownloadInfo";import{globalStoreAtom}from"../../jotai/store";import{useTelemetry}from"../../hooks";function DownloadSpecificationComponent(){const e=useTelemetry(),{options:o}=useAtomValue(globalStoreAtom),t=getPathPrefix(),n=useDownloadInfo({downloadUrls:o.downloadUrls}),r=useCallback((e=>{switch(e){case"yaml":return _jsx(DocumentIcon,{});case"json":return _jsx(JsonIcon,{});default:return _jsx(FileIcon,{})}}),[]);return n?_jsx(Wrapper,{children:(n||[]).map((({title:o,url:n,iconType:a})=>{const s=t?combineUrls(t,n):n;return _jsxs(Card,{onClick:()=>e.send({type:"openapi_docs.download_definition.clicked"}),children:[_jsxs(FileName,{children:[r(a),_jsx("a",{href:s,target:"_blank",download:!0,rel:"noreferrer",children:o})]}),_jsx("a",{href:s,target:"_blank",download:!0,rel:"noreferrer",children:_jsx(Button,{variant:"text",size:"small",icon:_jsx(DownloadIcon,{})})})]},o)}))}):_jsx(_Fragment,{})}export const DownloadSpecification=memo(DownloadSpecificationComponent);const Card=styled.div`
   display: flex;
   align-items: baseline;
   justify-content: space-between;

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

@@ -1,6 +1,8 @@
+import type { PanelType } from '../../events/types';
 interface ExpandAllButtonProps {
     operationPointer: string;
     type: 'request' | 'response';
+    onPanelToggle?: (isExpanded: boolean, panelType: PanelType) => void;
 }
-export declare const ExpandAllButton: ({ operationPointer, type }: ExpandAllButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ExpandAllButton: ({ operationPointer, type, onPanelToggle, }: ExpandAllButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import{jsx as _jsx}from"react/jsx-runtime";import styled from"styled-components";import{Button,MaximizeIcon}from"@redocly/theme";import{useAtom}from"jotai/index";import{operationStore}from"../../jotai/operation";import{useOtelTelemetry,useTranslate}from"../../hooks";export const ExpandAllButton=({operationPointer:e,type:o})=>{const t=useTranslate(),[l,n]=useAtom(operationStore(e)),a=useOtelTelemetry();return _jsx(StyledButton,{icon:_jsx(MaximizeIcon,{}),iconPosition:"right",size:"small",variant:"ghost",onClick:()=>{const e=!l[o].expandedAll;a.send({type:"openapi_docs.expand_collapse_all.clicked",payload:{is_expanded:e}}),n({[o]:{expandedAll:e}})},children:l[o].expandedAll?t("openapi.collapseAll","Collapse all"):t("openapi.expandAll","Expand all")})};const StyledButton=styled(Button)`
+import{jsx as _jsx}from"react/jsx-runtime";import styled from"styled-components";import{Button,MaximizeIcon}from"@redocly/theme";import{useAtom}from"jotai/index";import{operationStore}from"../../jotai/operation";import{useTelemetry,useTranslate}from"../../hooks";export const ExpandAllButton=({operationPointer:e,type:o,onPanelToggle:t})=>{const n=useTranslate(),[l,a]=useAtom(operationStore(e)),s=useTelemetry();return _jsx(StyledButton,{icon:_jsx(MaximizeIcon,{}),iconPosition:"right",size:"small",variant:"ghost",onClick:()=>{const e=!l[o].expandedAll;s.send({type:"openapi_docs.expand_collapse_all.clicked",payload:{is_expanded:e}}),a({[o]:{expandedAll:e}}),null==t||t(e,"request"===o?"request":"responses")},children:l[o].expandedAll?n("openapi.collapseAll","Collapse all"):n("openapi.expandAll","Expand all")})};const StyledButton=styled(Button)`
   margin-left: auto;
 `;
 //# sourceMappingURL=ExpandAllButton.js.map

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

@@ -1,2 +1,2 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useLayoutEffect,useRef,useState,useCallback,memo,useMemo}from"react";import{useAtomValue,useSetAtom}from"jotai";import{Button,OverflowMenuVerticalIcon}from"@redocly/theme";import{LanguageDropdown}from"./LanguageDropdown";import{languageAtom,layoutAtom}from"../../jotai/app";import{LanguageListContainer,LanguageListItem,Container}from"./styled";import{LanguageItem}from"./LanguageItem";import{DROPDOWN_TRIGGER_WIDTH,ITEM_WIDTH}from"./constants";import{LanguageListSkeleton}from"../common/Skeleton/LanguageListSkeleton";import{useOtelTelemetry}from"../../hooks";function LanguageListComponent({languages:e,activeLanguage:t}){const[n,o]=useState([]),[a,s]=useState([]),i=useOtelTelemetry(),r=useRef(null),u=useAtomValue(layoutAtom),l=useSetAtom(languageAtom),m=e=>{i.send({type:"openapi_docs.select_language.clicked",payload:{language:e}})},g=useCallback((()=>{var n;const a=null===(n=null==r?void 0:r.current)||void 0===n?void 0:n.offsetWidth;if(!a)return;const{newVisibleItems:i,newHiddenItems:u}=calculateVisibleAndHiddenItems(a,[...e]),l=u.findIndex((e=>e.key===t));-1!==l&&swapItems(i,u,l),o(i),s(u)}),[t,e]);useLayoutEffect((()=>(g(),window.addEventListener("resize",g),()=>{window.removeEventListener("resize",g)})),[u,t]);const c=useMemo((()=>n.length>=5||a.length?"space-between":"start"),[a.length,n.length]);return _jsxs(Container,{ref:r,children:[_jsxs(LanguageListContainer,{$justifyContent:c,children:[!n.length&&_jsx(LanguageListSkeleton,{}),n.map((e=>_jsx(LanguageListItem,{onClick:()=>{return t=e.key,l(t),void m(t);var t},active:t===e.key,children:_jsx(LanguageItem,{item:e,withIcon:!0})},e.key)))]}),a.length?_jsx(LanguageDropdown,{activeTab:t,samples:a,onChange:e=>{const t=a.findIndex((t=>t.key===e));if(-1!==t){const i=[...a],r=[...n];swapItems(r,i,t),o(r),s(i),m(e),l(e)}},trigger:_jsx(Button,{icon:_jsx(OverflowMenuVerticalIcon,{}),variant:"text",style:{height:"100%"}}),withArrow:!1,withCheckmark:!1,width:156}):null]})}export const LanguageList=memo(LanguageListComponent);function calculateVisibleAndHiddenItems(e,t){let n=0;const o=[],a=[];return t.forEach(((s,i)=>{const r=i===t.length-1&&0===a.length?0:DROPDOWN_TRIGGER_WIDTH;e&&n+ITEM_WIDTH+r<=e?(o.push(s),n+=ITEM_WIDTH):a.push(s)})),{newVisibleItems:o,newHiddenItems:a}}function swapItems(e,t,n){const o=e[e.length-1];o&&(e[e.length-1]=t[n],t[n]=o)}
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useLayoutEffect,useRef,useState,useCallback,memo,useMemo}from"react";import{useAtomValue,useSetAtom}from"jotai";import{Button,OverflowMenuVerticalIcon}from"@redocly/theme";import{LanguageDropdown}from"./LanguageDropdown";import{languageAtom,layoutAtom}from"../../jotai/app";import{LanguageListContainer,LanguageListItem,Container}from"./styled";import{LanguageItem}from"./LanguageItem";import{DROPDOWN_TRIGGER_WIDTH,ITEM_WIDTH}from"./constants";import{LanguageListSkeleton}from"../common/Skeleton/LanguageListSkeleton";import{useTelemetry}from"../../hooks";function LanguageListComponent({languages:e,activeLanguage:t}){const[n,o]=useState([]),[a,s]=useState([]),i=useTelemetry(),r=useRef(null),u=useAtomValue(layoutAtom),m=useSetAtom(languageAtom),l=e=>{i.send({type:"openapi_docs.select_language.clicked",payload:{language:e}})},g=useCallback((()=>{var n;const a=null===(n=null==r?void 0:r.current)||void 0===n?void 0:n.offsetWidth;if(!a)return;const{newVisibleItems:i,newHiddenItems:u}=calculateVisibleAndHiddenItems(a,[...e]),m=u.findIndex((e=>e.key===t));-1!==m&&swapItems(i,u,m),o(i),s(u)}),[t,e]);useLayoutEffect((()=>(g(),window.addEventListener("resize",g),()=>{window.removeEventListener("resize",g)})),[u,t]);const c=useMemo((()=>n.length>=5||a.length?"space-between":"start"),[a.length,n.length]);return _jsxs(Container,{ref:r,children:[_jsxs(LanguageListContainer,{$justifyContent:c,children:[!n.length&&_jsx(LanguageListSkeleton,{}),n.map((e=>_jsx(LanguageListItem,{onClick:()=>{return t=e.key,m(t),void l(t);var t},active:t===e.key,children:_jsx(LanguageItem,{item:e,withIcon:!0})},e.key)))]}),a.length?_jsx(LanguageDropdown,{activeTab:t,samples:a,onChange:e=>{const t=a.findIndex((t=>t.key===e));if(-1!==t){const i=[...a],r=[...n];swapItems(r,i,t),o(r),s(i),l(e),m(e)}},trigger:_jsx(Button,{icon:_jsx(OverflowMenuVerticalIcon,{}),variant:"text",style:{height:"100%"}}),withArrow:!1,withCheckmark:!1,width:156}):null]})}export const LanguageList=memo(LanguageListComponent);function calculateVisibleAndHiddenItems(e,t){let n=0;const o=[],a=[];return t.forEach(((s,i)=>{const r=i===t.length-1&&0===a.length?0:DROPDOWN_TRIGGER_WIDTH;e&&n+ITEM_WIDTH+r<=e?(o.push(s),n+=ITEM_WIDTH):a.push(s)})),{newVisibleItems:o,newHiddenItems:a}}function swapItems(e,t,n){const o=e[e.length-1];o&&(e[e.length-1]=t[n],t[n]=o)}
 //# sourceMappingURL=LanguageList.js.map

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

@@ -1,4 +1,4 @@
-import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{memo,useState,useCallback,useMemo}from"react";import styled from"styled-components";import{useAtomValue}from"jotai";import{Feedback,LayoutVariant,BeforeOpenApiOperation,AfterOpenApiOperation}from"@redocly/theme";import{SamplesMiddlePanel,SamplesPanel,ShareLink,Row,CustomBadges}from"../common";import{CallbacksList}from"../Callbacks";import{CallbackSamples}from"../CallbackSamples";import{RequestSamples}from"../RequestSamples";import{OperationResponseList}from"../Responses";import{ResponseSamples}from"../ResponseSamples";import{makeDeepLink,joinWithSeparator}from"../../services";import{layoutAtom,userClaimsAtom}from"../../jotai/app";import{globalStoreAtom}from"../../jotai/store";import{getOperation}from"../../models/operation";import{RenderHook}from"../RenderHook";import{Heading,Title}from"../common/OperationItemTitle";import{LinkToField}from"../common/LinkToField";import{RequestDetails}from"../Request/RequestDetails";import{StyledBadge}from"../common/Badges";import{useTranslate}from"../../hooks";function OperationItemComponent({item:{operationDefinition:e,parent:a,href:o}}){var t,s;const l=useTranslate(),{parser:i,options:n}=useAtomValue(globalStoreAtom),r=useAtomValue(userClaimsAtom),p=useAtomValue(layoutAtom),[d,m]=useState(),{unstable_hooks:c,feedback:u}=n,k=useMemo((()=>getOperation(i,e,a,n,o,void 0,r)),[o,e,n,a,i,r]),{name:S,deprecated:b,isWebhook:x,badges:h}=k||{},j=p===LayoutVariant.STACKED,f=(null==u?void 0:u.type)||"sentiment",g=!0!==(null==u?void 0:u.hide),[_,y]=useState(null),O=useCallback((e=>{d!==e&&m(e)}),[d]),R=useMemo((()=>g?_jsx(FeedbackWrapper,{children:_jsx(Feedback,{type:f,settings:u.settings,path:joinWithSeparator(n.routingBasePath,k.href)})}):null),[g,f,u.settings,n.routingBasePath,k.href]);return _jsxs(OperationRow,{layout:p,children:[_jsx(OperationSubRowStyled,{layout:p,children:_jsxs(SamplesMiddlePanel,{isStacked:j,children:[_jsx(RenderHook,{Hook:BeforeOpenApiOperation||(null==c?void 0:c.BeforeOperation),props:{operation:k}}),_jsxs(Heading,{"data-testid":"operation-item-header",children:[_jsx(ShareLink,{to:o,"aria-label":`link to ${S}`}),_jsx(CustomBadges,{badges:h,children:S}),b&&_jsx(StyledBadge,{deprecated:!0,children:l("openapi.badges.deprecated","Deprecated")}),x&&_jsx(StyledBadge,{children:l("openapi.badges.webhook","Webhook")})]})]})}),_jsxs(OperationSubRowStyled,{layout:p,children:[_jsx(SamplesMiddlePanel,{isStacked:j,children:_jsx(RequestDetails,{operation:k,translate:l})}),_jsx(OperationSamplesPanel,{isStacked:j,"data-testid":"samples-block",className:"panel-container-request-samples",children:_jsx(RequestSamples,{operation:k})})]}),_jsxs(OperationSubRowStyled,{layout:p,children:[_jsx(SamplesMiddlePanel,{isStacked:j,children:(null===(t=k.responses)||void 0===t?void 0:t.length)?_jsx(OperationResponseList,{responses:k.responses,operationId:k.id,operationPointer:k.pointer,callbackId:k.callbackId,activeResponseTab:d,onTabChange:O}):null}),_jsx(OperationSamplesPanel,{isStacked:j,"data-testid":"samples-block",className:"panel-container-response-samples",children:_jsx(ResponseSamples,{operation:k,activeResponseTab:d,onTabChange:O})})]}),_jsxs(OperationSubRowStyled,{layout:p,children:[_jsxs(SamplesMiddlePanel,{isStacked:j,children:[(null===(s=k.callbacks)||void 0===s?void 0:s.length)?_jsxs(_Fragment,{children:[_jsxs(Title,{children:[_jsx(LinkToField,{to:makeDeepLink(k.id,"callbacks")}),l("openapi.callbacks","Callbacks")]}),_jsx(CallbacksList,{callbacks:k.callbacks,onExpand:y,selectedCallback:_})]}):null,_jsx(RenderHook,{Hook:AfterOpenApiOperation||(null==c?void 0:c.AfterOperation),props:{operation:k}})]}),_?_jsx(OperationSamplesPanel,{isStacked:j,"data-testid":"samples-block",children:_jsx(CallbackSamples,{callback:_,translate:l})}):null]}),_jsx(OperationSubRowStyled,{layout:p,children:_jsx(SamplesMiddlePanel,{isStacked:j,fullWidth:!0,children:R})})]})}export const OperationItem=memo(OperationItemComponent);export const OperationSamplesPanel=styled(SamplesPanel)`
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{memo,useState,useCallback,useMemo}from"react";import styled from"styled-components";import{useAtomValue}from"jotai";import{Feedback,LayoutVariant,BeforeOpenApiOperation,AfterOpenApiOperation}from"@redocly/theme";import{SamplesMiddlePanel,SamplesPanel,ShareLink,Row,CustomBadges}from"../common";import{CallbacksList}from"../Callbacks";import{CallbackSamples}from"../CallbackSamples";import{RequestSamples}from"../RequestSamples";import{OperationResponseList}from"../Responses";import{ResponseSamples}from"../ResponseSamples";import{makeDeepLink,joinWithSeparator}from"../../services";import{layoutAtom,userClaimsAtom}from"../../jotai/app";import{globalStoreAtom,globalOptionsAtom}from"../../jotai/store";import{getOperation}from"../../models/operation";import{RenderHook}from"../RenderHook";import{Heading,Title}from"../common/OperationItemTitle";import{LinkToField}from"../common/LinkToField";import{RequestDetails}from"../Request/RequestDetails";import{StyledBadge}from"../common/Badges";import{useTranslate}from"../../hooks";import{createPanelToggleEvent}from"../../events";function OperationItemComponent({item:{operationDefinition:e,parent:a,href:o}}){var t,s;const l=useTranslate(),{parser:n,options:i}=useAtomValue(globalStoreAtom),{events:r}=useAtomValue(globalOptionsAtom),p=useAtomValue(userClaimsAtom),d=useAtomValue(layoutAtom),[m,c]=useState(),{unstable_hooks:u,feedback:k}=i,g=useMemo((()=>getOperation(n,e,a,i,o,void 0,p)),[o,e,i,a,n,p]),{name:S,deprecated:b,isWebhook:x,badges:h}=g||{},f=d===LayoutVariant.STACKED,j=(null==k?void 0:k.type)||"sentiment",_=!0!==(null==k?void 0:k.hide),[O,v]=useState(null),y=useCallback((e=>{m!==e&&c(e)}),[m]),R=useCallback(((e,a)=>{var o;if(!a)return;const t=createPanelToggleEvent({operation:g,isExpanded:e,panelType:a});null===(o=null==r?void 0:r.panelToggle)||void 0===o||o.call(r,t)}),[r,g]),A=useMemo((()=>_?_jsx(FeedbackWrapper,{children:_jsx(Feedback,{type:j,settings:k.settings,path:joinWithSeparator(i.routingBasePath,g.href)})}):null),[_,j,k.settings,i.routingBasePath,g.href]);return _jsxs(OperationRow,{layout:d,children:[_jsx(OperationSubRowStyled,{layout:d,children:_jsxs(SamplesMiddlePanel,{isStacked:f,children:[_jsx(RenderHook,{Hook:BeforeOpenApiOperation||(null==u?void 0:u.BeforeOperation),props:{operation:g}}),_jsxs(Heading,{"data-testid":"operation-item-header",children:[_jsx(ShareLink,{to:o,"aria-label":`link to ${S}`}),_jsx(CustomBadges,{badges:h,children:S}),b&&_jsx(StyledBadge,{deprecated:!0,children:l("openapi.badges.deprecated","Deprecated")}),x&&_jsx(StyledBadge,{children:l("openapi.badges.webhook","Webhook")})]})]})}),_jsxs(OperationSubRowStyled,{layout:d,children:[_jsx(SamplesMiddlePanel,{isStacked:f,children:_jsx(RequestDetails,{operation:g,translate:l,onPanelToggle:R})}),_jsx(OperationSamplesPanel,{isStacked:f,"data-testid":"samples-block",className:"panel-container-request-samples",children:_jsx(RequestSamples,{operation:g,onPanelToggle:R})})]}),_jsxs(OperationSubRowStyled,{layout:d,children:[_jsx(SamplesMiddlePanel,{isStacked:f,children:(null===(t=g.responses)||void 0===t?void 0:t.length)?_jsx(OperationResponseList,{responses:g.responses,operationId:g.id,operationPointer:g.pointer,callbackId:g.callbackId,activeResponseTab:m,onTabChange:y,onPanelToggle:R}):null}),_jsx(OperationSamplesPanel,{isStacked:f,"data-testid":"samples-block",className:"panel-container-response-samples",children:_jsx(ResponseSamples,{operation:g,activeResponseTab:m,onTabChange:y,onPanelToggle:R})})]}),_jsxs(OperationSubRowStyled,{layout:d,children:[_jsxs(SamplesMiddlePanel,{isStacked:f,children:[(null===(s=g.callbacks)||void 0===s?void 0:s.length)?_jsxs(_Fragment,{children:[_jsxs(Title,{children:[_jsx(LinkToField,{to:makeDeepLink(g.id,"callbacks")}),l("openapi.callbacks","Callbacks")]}),_jsx(CallbacksList,{callbacks:g.callbacks,onExpand:v,selectedCallback:O})]}):null,_jsx(RenderHook,{Hook:AfterOpenApiOperation||(null==u?void 0:u.AfterOperation),props:{operation:g}})]}),O?_jsx(OperationSamplesPanel,{isStacked:f,"data-testid":"samples-block",children:_jsx(CallbackSamples,{callback:O,translate:l})}):null]}),_jsx(OperationSubRowStyled,{layout:d,children:_jsx(SamplesMiddlePanel,{isStacked:f,fullWidth:!0,children:A})})]})}export const OperationItem=memo(OperationItemComponent);export const OperationSamplesPanel=styled(SamplesPanel)`
   margin-left: auto;
   --code-block-padding: var(--spacing-xs) 0 var(--spacing-xs) 20px;
 `;const FeedbackWrapper=styled.div`

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

@@ -1,3 +1,3 @@
 import type { ReactElement } from 'react';
 import type { ExampleProps } from './types';
-export declare function Example({ example, mimeType, onCopyClick }: ExampleProps): ReactElement;
+export declare function Example({ example, mimeType, onCopyClick, onPanelToggle, }: ExampleProps): ReactElement;

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

@@ -1,2 +1,2 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{ExampleValue}from"./ExampleValue";export function Example({example:e,mimeType:m,onCopyClick:a}){return _jsx(ExampleValue,{value:e.value,mimeType:m,encoding:e.encoding,onCopyClick:a})}
+import{jsx as _jsx}from"react/jsx-runtime";import{ExampleValue}from"./ExampleValue";export function Example({example:e,mimeType:l,onCopyClick:o,onPanelToggle:a}){return _jsx(ExampleValue,{value:e.value,mimeType:l,encoding:e.encoding,onCopyClick:o,onPanelToggle:a})}
 //# sourceMappingURL=Example.js.map

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

@@ -1,2 +1,2 @@
 import type { ExampleValueProps } from './types';
-export declare function ExampleValue({ value, mimeType, encoding, onCopyClick, }: ExampleValueProps): React.ReactNode;
+export declare function ExampleValue({ value, mimeType, encoding, onCopyClick, onPanelToggle, }: ExampleValueProps): React.ReactNode;

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

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

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

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

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

@@ -1,10 +1,11 @@
+import type { PanelType } from '../../events/types';
 import type { ExampleModel, MediaContentModel, MediaTypeModel } from '../../models';
 import type { OpenAPIEncoding } from '../../types';
-export interface ExampleProps extends Pick<MediaTypeSamplesProps, 'onCopyClick'> {
+export interface ExampleProps extends Pick<MediaTypeSamplesProps, 'onCopyClick' | 'onPanelToggle'> {
     example: ExampleModel;
     mimeType: string;
 }
-export interface ExampleValueProps extends Pick<MediaTypeSamplesProps, 'onCopyClick'> {
+export interface ExampleValueProps extends Pick<MediaTypeSamplesProps, 'onCopyClick' | 'onPanelToggle'> {
     value: GenericObject | string;
     mimeType: string;
     encoding?: {
@@ -16,8 +17,9 @@ export interface MediaTypeSamplesProps {
     properties?: GenericObject;
     onChange: (key: any) => void;
     onCopyClick?: () => void;
+    onPanelToggle?: (isExpanded: boolean, panelType?: PanelType) => void;
 }
-export interface PayloadSamplesProps extends Pick<MediaTypeSamplesProps, 'properties' | 'onCopyClick'> {
+export interface PayloadSamplesProps extends Pick<MediaTypeSamplesProps, 'properties' | 'onCopyClick' | 'onPanelToggle'> {
     content: MediaContentModel;
     onlyDefaultMimeType?: boolean;
 }

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

@@ -1,2 +1,2 @@
-import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{memo,useRef}from"react";import{GlobalStyle as ThemeCommonStyle,LayoutVariant,SidebarLogo,ThreePanelLayout,useMount}from"@redocly/theme";import{useSetAtom}from"jotai";import{AppProvider,StoreProvider}from"./Providers";import{Overlay}from"../Overlay";import{RedocWrap}from"./styled";import{StickyResponsiveSidebar}from"../StickySidebar";import{SideMenu}from"../SideMenu";import{Content}from"../Content";import{useContentItems,useUppercase2LowercaseRedirect,useOtelTelemetry,usePerformanceMetrics}from"../../hooks";import{withRouter}from"../../hoc/withRouter";import{withStore}from"../../hoc/withStore";import{compose}from"../../utils";import{useLicense}from"../../hooks/useLicense";import{allOperationsAtom}from"../../jotai/replay";const RedoclyOpenAPIDocsComponent=compose(withRouter,withStore,memo)((({licenseKey:e,onLoaded:o,children:t,options:i,layout:n,collapsedSidebar:r,parser:s,withCommonStyles:a})=>{var l,d,c,m,p;const u=useRef(null),{isValid:f,licenseInfo:y}=useLicense(e),v=useSetAtom(allOperationsAtom),h=useOtelTelemetry();useUppercase2LowercaseRedirect();const{contentItems:S,flatItems:j}=useContentItems({parser:s,options:i});usePerformanceMetrics({sendTelemetry:e=>{const o=Object.fromEntries(Object.entries(e).map((([e,o])=>[e.toLowerCase(),o])));h.send({type:"openapi_docs.performance_metrics",payload:{cls:o.cls,lcp:o.lcp,fcp:o.fcp,ttfb:o.ttfb}})}}),useMount((()=>{if(null==o||o(),h.send({type:"openapi_docs.viewed",payload:{layout:n}}),!i.hideReplay){const e=j.filter((e=>"operation"===e.type));v(e)}}));const{hideSidebar:x,scrollYOffset:L}=i||{},_=null===(d=null===(l=s.definition)||void 0===l?void 0:l.info)||void 0===d?void 0:d["x-logo"];return _jsxs(_Fragment,{children:[a&&_jsx(ThemeCommonStyle,{}),_jsxs(RedocWrap,{className:"redoc-wrap",ref:u,children:[!f&&_jsx(Overlay,{licenseInfo:y}),!x&&_jsxs(StickyResponsiveSidebar,{scrollYOffset:L,className:"menu-content",collapsedSidebar:!r,children:[_jsx(SidebarLogo,{imageUrl:null==_?void 0:_.url,href:(null==_?void 0:_.href)||(null===(p=null===(m=null===(c=s.definition)||void 0===c?void 0:c.info)||void 0===m?void 0:m.contact)||void 0===p?void 0:p.url),altText:null==_?void 0:_.altText,backgroundColor:null==_?void 0:_.backgroundColor}),_jsx(SideMenu,{items:f?S:[]})]}),_jsxs(ThreePanelLayout,{className:"api-content",id:"api-content",layout:n===LayoutVariant.THREE_PANEL?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED,collapsedSidebar:r,children:[_jsx(Content,{items:f?S:[],routingBasePath:i.routingBasePath}),t]})]})]})}));export function RedoclyOpenAPIDocs({onLoaded:e,children:o,store:t,withCommonStyles:i}){var n,r,s;return(null==t?void 0:t.definition)?_jsx(StoreProvider,Object.assign({},t,{children:_jsx(RedoclyOpenAPIDocsComponent,{onLoaded:e,basePath:null===(n=t.options)||void 0===n?void 0:n.routingBasePath,licenseKey:null===(r=t.options)||void 0===r?void 0:r.licenseKey,disableRouter:null===(s=t.options)||void 0===s?void 0:s.disableRouter,withCommonStyles:i,children:o})})):null}export function RedoclyOpenAPIDocsStandalone({definition:e,definitionUrl:o,options:t={},activeItemId:i,activeSampleLanguage:n,activeDeepLink:r}){return _jsx(AppProvider,{definition:e,definitionUrl:o,options:t,activeItemId:i,activeSampleLanguage:n,activeDeepLink:r,children:_jsx(RedoclyOpenAPIDocs,{withCommonStyles:!0})})}
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{memo,useRef}from"react";import{GlobalStyle as ThemeCommonStyle,LayoutVariant,SidebarLogo,ThreePanelLayout,useMount}from"@redocly/theme";import{useSetAtom}from"jotai";import{AppProvider,StoreProvider}from"./Providers";import{Overlay}from"../Overlay";import{RedocWrap}from"./styled";import{StickyResponsiveSidebar}from"../StickySidebar";import{SideMenu}from"../SideMenu";import{Content}from"../Content";import{useContentItems,useUppercase2LowercaseRedirect,useTelemetry,usePerformanceMetrics}from"../../hooks";import{withRouter}from"../../hoc/withRouter";import{withStore}from"../../hoc/withStore";import{compose}from"../../utils";import{useLicense}from"../../hooks/useLicense";import{allOperationsAtom}from"../../jotai/replay";const RedoclyOpenAPIDocsComponent=compose(withRouter,withStore,memo)((({licenseKey:e,onLoaded:o,children:t,options:i,layout:n,collapsedSidebar:r,parser:s,withCommonStyles:a})=>{var l,d,c,m,p;const u=useRef(null),{isValid:f,licenseInfo:y}=useLicense(e),v=useSetAtom(allOperationsAtom),h=useTelemetry();useUppercase2LowercaseRedirect();const{contentItems:S,flatItems:j}=useContentItems({parser:s,options:i});usePerformanceMetrics({sendTelemetry:e=>{const o=Object.fromEntries(Object.entries(e).map((([e,o])=>[e.toLowerCase(),o])));h.send({type:"openapi_docs.performance_metrics",payload:{cls:o.cls,lcp:o.lcp,fcp:o.fcp,ttfb:o.ttfb}})}}),useMount((()=>{if(null==o||o(),h.send({type:"openapi_docs.viewed",payload:{layout:n}}),!i.hideReplay){const e=j.filter((e=>"operation"===e.type));v(e)}}));const{hideSidebar:x,scrollYOffset:L}=i||{},_=null===(d=null===(l=s.definition)||void 0===l?void 0:l.info)||void 0===d?void 0:d["x-logo"];return _jsxs(_Fragment,{children:[a&&_jsx(ThemeCommonStyle,{}),_jsxs(RedocWrap,{className:"redoc-wrap",ref:u,children:[!f&&_jsx(Overlay,{licenseInfo:y}),!x&&_jsxs(StickyResponsiveSidebar,{scrollYOffset:L,className:"menu-content",collapsedSidebar:!r,children:[_jsx(SidebarLogo,{imageUrl:null==_?void 0:_.url,href:(null==_?void 0:_.href)||(null===(p=null===(m=null===(c=s.definition)||void 0===c?void 0:c.info)||void 0===m?void 0:m.contact)||void 0===p?void 0:p.url),altText:null==_?void 0:_.altText,backgroundColor:null==_?void 0:_.backgroundColor}),_jsx(SideMenu,{items:f?S:[]})]}),_jsxs(ThreePanelLayout,{className:"api-content",id:"api-content",layout:n===LayoutVariant.THREE_PANEL?LayoutVariant.THREE_PANEL:LayoutVariant.STACKED,collapsedSidebar:r,children:[_jsx(Content,{items:f?S:[],routingBasePath:i.routingBasePath}),t]})]})]})}));export function RedoclyOpenAPIDocs({onLoaded:e,children:o,store:t,withCommonStyles:i}){var n,r,s;return(null==t?void 0:t.definition)?_jsx(StoreProvider,Object.assign({},t,{children:_jsx(RedoclyOpenAPIDocsComponent,{onLoaded:e,basePath:null===(n=t.options)||void 0===n?void 0:n.routingBasePath,licenseKey:null===(r=t.options)||void 0===r?void 0:r.licenseKey,disableRouter:null===(s=t.options)||void 0===s?void 0:s.disableRouter,withCommonStyles:i,children:o})})):null}export function RedoclyOpenAPIDocsStandalone({definition:e,definitionUrl:o,options:t={},activeItemId:i,activeSampleLanguage:n,activeDeepLink:r}){return _jsx(AppProvider,{definition:e,definitionUrl:o,options:t,activeItemId:i,activeSampleLanguage:n,activeDeepLink:r,children:_jsx(RedoclyOpenAPIDocs,{withCommonStyles:!0})})}
 //# sourceMappingURL=RedoclyOpenAPIDocs.js.map

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

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,o,t,r){return new(t||(t=Promise))((function(n,a){function i(e){try{l(r.next(e))}catch(e){a(e)}}function s(e){try{l(r.throw(e))}catch(e){a(e)}}function l(e){var o;e.done?n(e.value):(o=e.value,o instanceof t?o:new t((function(e){e(o)}))).then(i,s)}l((r=r.apply(e,o||[])).next())}))};import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{lazy,memo,Suspense,useCallback,useRef,useState}from"react";import{Button,CircleDashIcon,Portal,RocketIcon,useFocusTrap,useModalScrollLock}from"@redocly/theme";import{useAtom,useAtomValue}from"jotai";import merge from"deepmerge";const ReplayOverlay=lazy((()=>__awaiter(void 0,void 0,void 0,(function*(){return import("@redocly/replay").then((e=>({default:e.ReplayOverlay})))}))));import{globalOptionsAtom,globalStoreAtom}from"../../jotai/store";import{allOperationsAtom,replayStateAtom}from"../../jotai/replay";import{allOperations,getDefaultOperationStore}from"../../jotai/operation";import{LOADING_STATE}from"../../constants";import{environmentAtom,userClaimsAtom}from"../../jotai/app";import{convertOperationToReplayValueForRedoc}from"./utils";import{useTranslate,useOtelTelemetry}from"../../hooks";import{JsonPointer}from"../../utils";function ReplayComponent({operation:e,corsProxyUrl:o,fullOpenApi:t}){var r,n;const a=useTranslate(),i=useOtelTelemetry(),s=useRef(null),{mockServer:l,oAuth2RedirectURI:m,routingBasePath:u}=useAtomValue(globalOptionsAtom),p=useAtomValue(allOperationsAtom),{parser:c}=useAtomValue(globalStoreAtom),d=useAtomValue(userClaimsAtom),[A,f]=useState(!1),[y,O]=useAtom(replayStateAtom),[v,_]=useAtom(allOperations),[[,h],T]=useAtom(environmentAtom);useFocusTrap(s),useModalScrollLock(A);const I=useCallback((({operations:e,environment:o,environments:t})=>{const r=e.reduce(((e,o)=>{o.requestValues.body=o.requestValues.body instanceof URLSearchParams?Object.fromEntries(o.requestValues.body.entries()):o.requestValues.body;const{path:t,method:r}=o.apiPath,n=JsonPointer.compile(["paths",t,r]);return e[n]=merge(getDefaultOperationStore(n),o),e}),{});_(Object.assign(Object.assign({},v),r)),T({environment:o,environments:t})}),[v,_,T]),S=()=>{y!==LOADING_STATE.LOADING&&(A||i.send({type:"openapi_docs.try_it.opened"}),f(!A)),y===LOADING_STATE.NOT_LOADED&&O(LOADING_STATE.LOADING)},g=useCallback((e=>{if(!e)return;const o=p.find((o=>o.operationId===e));return u+(null==o?void 0:o.href)}),[p,u]);return t?_jsxs(_Fragment,{children:[_jsx(Button,{onClick:S,variant:"primary",iconPosition:"left",icon:y===LOADING_STATE.LOADING?_jsx(CircleDashIcon,{}):_jsx(RocketIcon,{}),children:y===LOADING_STATE.LOADING?a("openapi.loading","Loading..."):a("openapi.tryIt","Try it")}),A&&_jsx(Suspense,{children:_jsx(Portal,{mountId:"api-content",children:_jsx("div",{ref:s,children:_jsx(ReplayOverlay,{activeOperationId:e.operationId||e.pointer,api:t,onRequestChange:I,onClose:S,onLoad:()=>O(LOADING_STATE.LOADED),settings:{corsProxyUrl:o,mockServer:l,environment:h,apiId:null===(n=null===(r=null==c?void 0:c.definition.info)||void 0===r?void 0:r["x-metadata"])||void 0===n?void 0:n.apiId,oAuth2RedirectURI:m,disableCollectionsTab:!0,storageKey:u,convertOperationToReplayValue:(e,o,t)=>convertOperationToReplayValueForRedoc(d)(e,o,t),getOperationUrl:g}})})})})]}):null}export const Replay=memo(ReplayComponent);
+var __awaiter=this&&this.__awaiter||function(e,t,o,r){return new(o||(o=Promise))((function(n,a){function i(e){try{l(r.next(e))}catch(e){a(e)}}function s(e){try{l(r.throw(e))}catch(e){a(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(i,s)}l((r=r.apply(e,t||[])).next())}))};import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{lazy,memo,Suspense,useCallback,useRef,useState}from"react";import{Button,CircleDashIcon,Portal,RocketIcon,useFocusTrap,useModalScrollLock}from"@redocly/theme";import{useAtom,useAtomValue}from"jotai";import merge from"deepmerge";const ReplayOverlay=lazy((()=>__awaiter(void 0,void 0,void 0,(function*(){return import("@redocly/replay").then((e=>({default:e.ReplayOverlay})))}))));import{globalOptionsAtom,globalStoreAtom}from"../../jotai/store";import{allOperationsAtom,replayStateAtom}from"../../jotai/replay";import{allOperations,getDefaultOperationStore}from"../../jotai/operation";import{LOADING_STATE}from"../../constants";import{environmentAtom,userClaimsAtom}from"../../jotai/app";import{convertOperationToReplayValueForRedoc}from"./utils";import{useTranslate,useTelemetry}from"../../hooks";import{JsonPointer}from"../../utils";import{createTryItOpenEvent,createTryItSentEvent}from"../../events";function ReplayComponent({operation:e,corsProxyUrl:t,fullOpenApi:o}){var r,n;const a=useTranslate(),i=useTelemetry(),s=useRef(null),{mockServer:l,oAuth2RedirectURI:u,routingBasePath:p}=useAtomValue(globalOptionsAtom),m=useAtomValue(allOperationsAtom),{parser:c,options:{events:d}}=useAtomValue(globalStoreAtom),y=useAtomValue(userClaimsAtom),[A,f]=useState(!1),[v,O]=useAtom(replayStateAtom),[I,T]=useAtom(allOperations),[[,S],_]=useAtom(environmentAtom);useFocusTrap(s),useModalScrollLock(A);const h=useCallback((({operations:e,environment:t,environments:o})=>{const r=e.reduce(((e,t)=>{t.requestValues.body=t.requestValues.body instanceof URLSearchParams?Object.fromEntries(t.requestValues.body.entries()):t.requestValues.body;const{path:o,method:r}=t.apiPath,n=JsonPointer.compile(["paths",o,r]);return e[n]=merge(getDefaultOperationStore(n),t),e}),{});T(Object.assign(Object.assign({},I),r)),_({environment:t,environments:o})}),[I,T,_]),g=()=>{if(v!==LOADING_STATE.LOADING){if(!A&&(i.send({type:"openapi_docs.try_it.opened"}),(null==d?void 0:d.tryItOpen)&&e)){const t=createTryItOpenEvent({operation:e});d.tryItOpen(t)}f(!A)}v===LOADING_STATE.NOT_LOADED&&O(LOADING_STATE.LOADING)},j=useCallback((t=>{if((null==d?void 0:d.tryItSent)&&e){const o=createTryItSentEvent({operation:e,isSuccess:t});d.tryItSent(o)}}),[d,e]),R=useCallback((e=>{if(!e)return;const t=m.find((t=>t.operationId===e));return p+(null==t?void 0:t.href)}),[m,p]);return o?_jsxs(_Fragment,{children:[_jsx(Button,{onClick:g,variant:"primary",iconPosition:"left",icon:v===LOADING_STATE.LOADING?_jsx(CircleDashIcon,{}):_jsx(RocketIcon,{}),children:v===LOADING_STATE.LOADING?a("openapi.loading","Loading..."):a("openapi.tryIt","Try it")}),A&&_jsx(Suspense,{children:_jsx(Portal,{mountId:"api-content",children:_jsx("div",{ref:s,children:_jsx(ReplayOverlay,Object.assign({activeOperationId:e.operationId||e.pointer,api:o,onRequestChange:h,onClose:g,onLoad:()=>O(LOADING_STATE.LOADED),settings:{corsProxyUrl:t,mockServer:l,environment:S,apiId:null===(n=null===(r=null==c?void 0:c.definition.info)||void 0===r?void 0:r["x-metadata"])||void 0===n?void 0:n.apiId,oAuth2RedirectURI:u,disableCollectionsTab:!0,storageKey:p,convertOperationToReplayValue:(e,t,o)=>convertOperationToReplayValueForRedoc(y)(e,t,o),getOperationUrl:R}},{onRequestSent:j}))})})})]}):null}export const Replay=memo(ReplayComponent);
 //# sourceMappingURL=Replay.js.map

package/lib-esm/components/Request/RequestDetails.js

@@ -1,4 +1,4 @@
-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{Row}from"../common";import{Title}from"../common/OperationItemTitle";import{LinkToField}from"../common/LinkToField";import{makeDeepLink}from"../../services";import{Description}from"../OperationItem/Description";import{Security}from"../Security";import{ExpandAllButton}from"../ExpandAllButton";import{RequestParameters}from"../RequestParameters";import{activeMimeNameAtom}from"../../jotai/app";import{getActiveMediaType}from"../../models/mediaContent";function RequestDetailsComponent({operation:{id:e,description:t,externalDocs:o,parameters:i,requestBody:r,pointer:s,security:m,extensions:n,callbackId:a},title:p,translate:l}){const c=useAtomValue(activeMimeNameAtom),d=useMemo((()=>{var e;const t=i.some((({schema:e})=>!e.isPrimitive&&!e.isCircular));if(!(null==r?void 0:r.content)||t)return t;const{schema:o}=getActiveMediaType(r.content,c)||{};return null===(e=null==o?void 0:o.fields)||void 0===e?void 0:e.some((({schema:e})=>!e.isPrimitive&&!e.isCircular))}),[c,i,null==r?void 0:r.content]);return _jsxs(_Fragment,{children:[_jsx(Row,{children:_jsxs(HeadingWrapper,{children:[_jsxs(Title,{children:[e&&_jsx(LinkToField,{to:makeDeepLink(e,"request")}),p||(null==l?void 0:l("openapi.request","Request")),d&&_jsx(ExpandAllButton,{operationPointer:s,type:"request"})]}),_jsx(Description,{description:t||o?t:void 0,externalDocs:o,extensions:n}),_jsx(Security,{securities:m})]})}),_jsx(RequestParameters,{parameters:i,body:r,operationId:e,callbackId:a})]})}const HeadingWrapper=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{Row}from"../common";import{Title}from"../common/OperationItemTitle";import{LinkToField}from"../common/LinkToField";import{makeDeepLink}from"../../services";import{Description}from"../OperationItem/Description";import{Security}from"../Security";import{ExpandAllButton}from"../ExpandAllButton";import{RequestParameters}from"../RequestParameters";import{activeMimeNameAtom}from"../../jotai/app";import{getActiveMediaType}from"../../models/mediaContent";function RequestDetailsComponent({operation:{id:e,description:t,externalDocs:o,parameters:i,requestBody:r,pointer:s,security:n,extensions:m,callbackId:a},title:l,translate:p,onPanelToggle:c}){const d=useAtomValue(activeMimeNameAtom),u=useMemo((()=>{var e;const t=i.some((({schema:e})=>!e.isPrimitive&&!e.isCircular));if(!(null==r?void 0:r.content)||t)return t;const{schema:o}=getActiveMediaType(r.content,d)||{};return null===(e=null==o?void 0:o.fields)||void 0===e?void 0:e.some((({schema:e})=>!e.isPrimitive&&!e.isCircular))}),[d,i,null==r?void 0:r.content]);return _jsxs(_Fragment,{children:[_jsx(Row,{children:_jsxs(HeadingWrapper,{children:[_jsxs(Title,{children:[e&&_jsx(LinkToField,{to:makeDeepLink(e,"request")}),l||(null==p?void 0:p("openapi.request","Request")),u&&_jsx(ExpandAllButton,{operationPointer:s,type:"request",onPanelToggle:c})]}),_jsx(Description,{description:t||o?t:void 0,externalDocs:o,extensions:m}),_jsx(Security,{securities:n})]})}),_jsx(RequestParameters,{parameters:i,body:r,operationId:e,callbackId:a})]})}const HeadingWrapper=styled.div`
   width: 100%;
 `;export const RequestDetails=memo(RequestDetailsComponent);
 //# sourceMappingURL=RequestDetails.js.map

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

@@ -1,8 +1,10 @@
 import type { TFunction } from '@redocly/theme';
 import type { ReactNode } from 'react';
 import type { OperationModel } from '../../models';
+import type { PanelType } from '../../events/types';
 export interface RequestProps {
     operation: Pick<OperationModel, 'security' | 'pointer' | 'description' | 'externalDocs' | 'extensions' | 'parameters' | 'requestBody' | 'id' | 'callbackId'>;
     title?: string | ReactNode;
     translate?: TFunction;
+    onPanelToggle?: (isExpanded: boolean, panelType?: PanelType) => void;
 }

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

@@ -1,2 +1,2 @@
-import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{memo}from"react";import{useAtom}from"jotai";import{ExampleSwitch,useExampleKey}from"../Samples";import{useActivateExample,useOtelTelemetry}from"../../hooks";import{operationStore}from"../../jotai/operation";function ExampleComponent({mediaType:e,mediaContent:t,renderSample:m}){const a=useOtelTelemetry(),o=e.operation.pointer,[p,r]=useAtom(operationStore(o)),s=e.examples||{},n=Object.keys(s),i=useActivateExample(t),{exampleKey:l}=useExampleKey(e.operation,s);if(!n.length||1===n.length)return m();return _jsxs(_Fragment,{children:[_jsx(ExampleSwitch,{examples:s,exampleKey:l,onChange:e=>{a.send({type:"openapi_docs.examples_switcher.clicked",payload:{example:e,number_of_examples:n.length}}),r(Object.assign(Object.assign({},p),{activeExampleName:e,activeOneOf:{[o]:n.indexOf(e)},requestValues:{body:null}})),i(e)}}),m(l)]})}export const Example=memo(ExampleComponent);
+import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";import{memo}from"react";import{useAtom}from"jotai";import{ExampleSwitch,useExampleKey}from"../Samples";import{useActivateExample,useTelemetry}from"../../hooks";import{operationStore}from"../../jotai/operation";function ExampleComponent({mediaType:e,mediaContent:t,renderSample:m}){const a=useTelemetry(),o=e.operation.pointer,[p,r]=useAtom(operationStore(o)),s=e.examples||{},n=Object.keys(s),i=useActivateExample(t),{exampleKey:l}=useExampleKey(e.operation,s);if(!n.length||1===n.length)return m();return _jsxs(_Fragment,{children:[_jsx(ExampleSwitch,{examples:s,exampleKey:l,onChange:e=>{a.send({type:"openapi_docs.examples_switcher.clicked",payload:{example:e,number_of_examples:n.length}}),r(Object.assign(Object.assign({},p),{activeExampleName:e,activeOneOf:{[o]:n.indexOf(e)},requestValues:{body:null}})),i(e)}}),m(l)]})}export const Example=memo(ExampleComponent);
 //# sourceMappingURL=Example.js.map

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

@@ -1,8 +1,10 @@
 import type { OperationModel } from '../../models';
+import type { PanelType } from '../../events/types';
 interface RequestSamplesProps {
     operation: OperationModel;
     defaultLanguage?: string;
     disableFooter?: boolean;
+    onPanelToggle?: (isExpanded: boolean, panelType?: PanelType) => void;
 }
 export declare const RequestSamples: import("react").NamedExoticComponent<RequestSamplesProps>;
 export {};

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

@@ -1,4 +1,4 @@
-var __rest=this&&this.__rest||function(e,o){var a={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&o.indexOf(t)<0&&(a[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(t=Object.getOwnPropertySymbols(e);r<t.length;r++)o.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(e,t[r])&&(a[t[r]]=e[t[r]])}return a};import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{memo,useCallback,useMemo}from"react";import{useAtomValue,useAtom}from"jotai";import{PanelHeader}from"@redocly/theme";import styled from"styled-components";import{PayloadSamples}from"../PayloadSamples";import{CodeSample}from"./CodeSample";import{useCodeSamples}from"./useCodeSamples";import{isPayloadSample}from"../../models";import{createCodeSampleCopyEvent}from"../../events";import{globalStoreAtom}from"../../jotai/store";import{ServerListDropdown}from"../ServerListDropdown";import{LanguageDropdown}from"../Language";import{activeMimeNameAtom,languageAtom}from"../../jotai/app";import{Replay}from"../Replay";import{CodeBlockPanel}from"../common";import{useActiveWithFallback,useOtelTelemetry}from"../../hooks";import{operationStore}from"../../jotai/operation";function RequestSamplesComponent(e){var{operation:o,disableFooter:a}=e,t=__rest(e,["operation","disableFooter"]);const r=useOtelTelemetry(),[{activeLanguage:l,languages:p},s]=useAtom(languageAtom),{samples:n}=useCodeSamples(o),{parser:i,options:{events:m,corsProxyUrl:d,hideReplay:c}}=useAtomValue(globalStoreAtom),u=!(a||o.isWebhook||c||o.hideReplay),y=!!(null==p?void 0:p.length),g=useActiveWithFallback(n,l),f=e=>{s(e),r.send({type:"openapi_docs.select_language.clicked",payload:{language:e}})},v=useAtomValue(activeMimeNameAtom),{activeExampleName:x}=useAtomValue(operationStore(o.pointer)),S=useCallback((({lang:e,title:a})=>()=>{var t;const l=createCodeSampleCopyEvent({operation:o,label:a,lang:e,type:"request",activeMimeName:v,activeExampleName:x});r.send({type:"openapi_docs.copy_code_snippet.clicked",payload:{snippet_type:"request",language:e}}),null===(t=null==m?void 0:m.codeSamplesCopy)||void 0===t||t.call(m,l)}),[o,r,m,v,x]),b=()=>_jsxs(StyledPanelHeader,{isExpandable:!1,withReplay:!y&&u,children:[_jsx(StyledServerListDropdown,{operation:o}),y&&_jsx(LanguageDropdown,{activeTab:g,samples:n,onChange:f}),!y&&u&&_jsx(Replay,{operation:o,corsProxyUrl:d,fullOpenApi:i.definition})]}),j=useMemo((()=>{if(u&&y)return _jsx(ReplayWrapper,{children:_jsx(Replay,{operation:o,corsProxyUrl:d,fullOpenApi:i.definition})})}),[u,y,o,d,i.definition]),h=useMemo((()=>n.map((e=>e.key===g?_jsx("div",{children:isPayloadSample(e)?_jsx(PayloadSamples,Object.assign({content:e.requestBodyContent,onCopyClick:S(e)},t)):_jsx(CodeSample,Object.assign({lang:e.lang,source:e.source,externalSample:e,operation:o,onCopyClick:S(e)},t))},e.key+o.id):null))),[g,S,o,t,n]);return p&&!n.length?_jsx(CodeBlockPanel,{className:"panel-request-samples",header:b,isExpandable:!1,expanded:!1}):n.length?_jsx(CodeBlockPanel,{className:"panel-request-samples",header:b,footer:j,isExpandable:!1,children:h}):null}export const RequestSamples=memo(RequestSamplesComponent);const StyledPanelHeader=styled(PanelHeader)`
+var __rest=this&&this.__rest||function(e,a){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&a.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(t=Object.getOwnPropertySymbols(e);l<t.length;l++)a.indexOf(t[l])<0&&Object.prototype.propertyIsEnumerable.call(e,t[l])&&(o[t[l]]=e[t[l]])}return o};import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{memo,useCallback,useMemo}from"react";import{useAtomValue,useAtom}from"jotai";import{PanelHeader}from"@redocly/theme";import styled from"styled-components";import{PayloadSamples}from"../PayloadSamples";import{CodeSample}from"./CodeSample";import{useCodeSamples}from"./useCodeSamples";import{isPayloadSample}from"../../models";import{createCodeSampleCopyEvent,createLanguageSwitchEvent}from"../../events";import{globalStoreAtom}from"../../jotai/store";import{ServerListDropdown}from"../ServerListDropdown";import{LanguageDropdown}from"../Language";import{activeMimeNameAtom,languageAtom}from"../../jotai/app";import{Replay}from"../Replay";import{CodeBlockPanel}from"../common";import{useActiveWithFallback,useTelemetry}from"../../hooks";import{operationStore}from"../../jotai/operation";function RequestSamplesComponent(e){var{operation:a,disableFooter:o,onPanelToggle:t}=e,l=__rest(e,["operation","disableFooter","onPanelToggle"]);const r=useTelemetry(),[{activeLanguage:n,languages:s},p]=useAtom(languageAtom),{samples:i}=useCodeSamples(a),{parser:m,options:{events:d,corsProxyUrl:c,hideReplay:u}}=useAtomValue(globalStoreAtom),g=!(o||a.isWebhook||u||a.hideReplay),y=!!(null==s?void 0:s.length),f=useActiveWithFallback(i,n),v=e=>{p(e),r.send({type:"openapi_docs.select_language.clicked",payload:{language:e}});const o=null==s?void 0:s.find((a=>a.key===e));if((null==d?void 0:d.codeSamplesLanguageSwitch)&&o){const e=createLanguageSwitchEvent({operation:a,sample:{lang:o.lang,label:o.title}});d.codeSamplesLanguageSwitch(e)}},S=useAtomValue(activeMimeNameAtom),{activeExampleName:x}=useAtomValue(operationStore(a.pointer)),b=useCallback((({lang:e,title:o})=>()=>{var t;const l=createCodeSampleCopyEvent({operation:a,label:o,lang:e,type:"request",activeMimeName:S,activeExampleName:x});r.send({type:"openapi_docs.copy_code_snippet.clicked",payload:{snippet_type:"request",language:e}}),null===(t=null==d?void 0:d.codeSamplesCopy)||void 0===t||t.call(d,l)}),[a,r,d,S,x]),h=useCallback((e=>{null==t||t(e,"request-samples")}),[t]),j=()=>_jsxs(StyledPanelHeader,{isExpandable:!1,withReplay:!y&&g,children:[_jsx(StyledServerListDropdown,{operation:a}),y&&_jsx(LanguageDropdown,{activeTab:f,samples:i,onChange:v}),!y&&g&&_jsx(Replay,{operation:a,corsProxyUrl:c,fullOpenApi:m.definition})]}),C=useMemo((()=>{if(g&&y)return _jsx(ReplayWrapper,{children:_jsx(Replay,{operation:a,corsProxyUrl:c,fullOpenApi:m.definition})})}),[g,y,a,c,m.definition]),_=useMemo((()=>i.map((e=>e.key===f?_jsx("div",{children:isPayloadSample(e)?_jsx(PayloadSamples,Object.assign({content:e.requestBodyContent,onCopyClick:b(e),onPanelToggle:h},l)):_jsx(CodeSample,Object.assign({lang:e.lang,source:e.source,externalSample:e,operation:a,onCopyClick:b(e)},l))},e.key+a.id):null))),[f,b,h,a,l,i]);return s&&!i.length?_jsx(CodeBlockPanel,{className:"panel-request-samples",header:j,isExpandable:!1,expanded:!1}):i.length?_jsx(CodeBlockPanel,{className:"panel-request-samples",header:j,footer:C,isExpandable:!1,children:_}):null}export const RequestSamples=memo(RequestSamplesComponent);const StyledPanelHeader=styled(PanelHeader)`
   flex-wrap: nowrap;
   ${({withReplay:e})=>e&&"padding: var(--spacing-xs) var(--spacing-sm);"}
 `,StyledServerListDropdown=styled(ServerListDropdown)`

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

@@ -1,10 +1,12 @@
 import type { ReactElement } from 'react';
 import type { OperationModel } from '../../models';
+import type { PanelType } from '../../events/types';
 export interface ResponseSamplesProps {
     operation: OperationModel;
     activeResponseTab?: string;
     onTabChange: (tab: string) => void;
+    onPanelToggle?: (isExpanded: boolean, panelType?: PanelType) => void;
 }
-declare function ResponseSamplesComponent({ operation, activeResponseTab, onTabChange, }: ResponseSamplesProps): ReactElement | null;
+declare function ResponseSamplesComponent({ operation, activeResponseTab, onTabChange, onPanelToggle, }: ResponseSamplesProps): ReactElement | null;
 export declare const ResponseSamples: import("react").MemoExoticComponent<typeof ResponseSamplesComponent>;
 export {};

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

@@ -1,2 +1,2 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{memo,useCallback}from"react";import{useAtomValue}from"jotai";import{PayloadSamples,StyledCodeBlock}from"../PayloadSamples";import{createCodeSampleCopyEvent}from"../../events";import{globalOptionsAtom}from"../../jotai/store";import{Summary}from"./Summary";import{Tabs}from"../Tabs";import{CodeBlockPanel}from"../common";import{useOtelTelemetry,useTranslate}from"../../hooks";import{activeMimeNameAtom}from"../../jotai/app";import{operationStore}from"../../jotai/operation";function ResponseSamplesComponent({operation:e,activeResponseTab:o,onTabChange:a}){const t=useOtelTelemetry(),{events:n}=useAtomValue(globalOptionsAtom),s=useTranslate(),l=e.responses.filter((e=>{var o,a;return null!==(a=null===(o=e.content)||void 0===o?void 0:o.hasSample)&&void 0!==a&&a})),m=e.responses.map((({code:e})=>({key:e,title:e}))),p=(null==m?void 0:m.find((({key:e})=>e===o)))||(null==m?void 0:m[0]),r=useAtomValue(activeMimeNameAtom),{activeExampleName:i}=useAtomValue(operationStore(e.pointer)),c=useCallback((()=>{var o;t.send({type:"openapi_docs.copy_code_snippet.clicked",payload:{snippet_type:"response"}});const a=createCodeSampleCopyEvent({operation:e,type:"response",activeMimeName:r,activeExampleName:i});null===(o=null==n?void 0:n.codeSamplesCopy)||void 0===o||o.call(n,a)}),[t,e,n,r,i]);if(!l.length)return null;return _jsx(CodeBlockPanel,{className:"panel-response-samples",header:()=>_jsx(Summary,{tabs:_jsx(Tabs,{tabs:m,activeTab:p,onChange:e=>a(e.key)})}),isExpandable:!1,children:e.responses.map((e=>{var o;return e.code===p.key?_jsx("div",{children:(null===(o=null==e?void 0:e.content)||void 0===o?void 0:o.hasSample)?_jsx(PayloadSamples,{content:e.content,onCopyClick:c}):_jsx(StyledCodeBlock,{source:s("openapi.noResponseContent","No content")})},e.code):null}))})}export const ResponseSamples=memo(ResponseSamplesComponent);
+import{jsx as _jsx}from"react/jsx-runtime";import{memo,useCallback}from"react";import{useAtomValue}from"jotai";import{PayloadSamples,StyledCodeBlock}from"../PayloadSamples";import{createCodeSampleCopyEvent}from"../../events";import{globalOptionsAtom}from"../../jotai/store";import{Summary}from"./Summary";import{Tabs}from"../Tabs";import{CodeBlockPanel}from"../common";import{useTelemetry,useTranslate}from"../../hooks";import{activeMimeNameAtom}from"../../jotai/app";import{operationStore}from"../../jotai/operation";function ResponseSamplesComponent({operation:e,activeResponseTab:o,onTabChange:a,onPanelToggle:t}){const n=useTelemetry(),{events:s}=useAtomValue(globalOptionsAtom),l=useTranslate(),m=e.responses.filter((e=>{var o,a;return null!==(a=null===(o=e.content)||void 0===o?void 0:o.hasSample)&&void 0!==a&&a})),p=e.responses.map((({code:e})=>({key:e,title:e}))),r=(null==p?void 0:p.find((({key:e})=>e===o)))||(null==p?void 0:p[0]),i=useAtomValue(activeMimeNameAtom),{activeExampleName:c}=useAtomValue(operationStore(e.pointer)),d=useCallback((()=>{var o;n.send({type:"openapi_docs.copy_code_snippet.clicked",payload:{snippet_type:"response"}});const a=createCodeSampleCopyEvent({operation:e,type:"response",activeMimeName:i,activeExampleName:c});null===(o=null==s?void 0:s.codeSamplesCopy)||void 0===o||o.call(s,a)}),[n,e,s,i,c]),u=useCallback((e=>{null==t||t(e,"response-samples")}),[t]);if(!m.length)return null;return _jsx(CodeBlockPanel,{className:"panel-response-samples",header:()=>_jsx(Summary,{tabs:_jsx(Tabs,{tabs:p,activeTab:r,onChange:e=>a(e.key)})}),isExpandable:!1,children:e.responses.map((e=>{var o;return e.code===r.key?_jsx("div",{children:(null===(o=null==e?void 0:e.content)||void 0===o?void 0:o.hasSample)?_jsx(PayloadSamples,{content:e.content,onCopyClick:d,onPanelToggle:u}):_jsx(StyledCodeBlock,{source:l("openapi.noResponseContent","No content")})},e.code):null}))})}export const ResponseSamples=memo(ResponseSamplesComponent);
 //# sourceMappingURL=ResponseSamples.js.map

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

@@ -1,6 +1,7 @@
 import type { ReactNode } from 'react';
 import type { ResponseModel } from '../../models';
 import type { TabType } from '../../models/tab';
+import type { PanelType } from '../../events/types';
 interface IOperationResponseList {
     responses: ResponseModel[];
     operationId: string;
@@ -9,6 +10,7 @@ interface IOperationResponseList {
     renderTitle?: (tab: TabType) => ReactNode;
     activeResponseTab?: string;
     onTabChange?: (key: string) => void;
+    onPanelToggle?: (isExpanded: boolean, panelType?: PanelType) => void;
 }
 export declare const OperationResponseList: import("react").NamedExoticComponent<IOperationResponseList>;
 export {};

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

@@ -1,4 +1,4 @@
-import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{memo,useMemo}from"react";import{useLocation}from"react-router-dom";import styled from"styled-components";import{useAtomValue}from"jotai";import{Tabs,useTabsState}from"../Tabs";import{ResponseDetails}from"./ResponseDetails";import{makeDeepLink}from"../../services";import{Row,StyledTitle}from"./styled";import{LinkToField}from"../common/LinkToField";import{pathIncludesLink}from"../../utils";import{ExpandAllButton}from"../ExpandAllButton";import{useTranslate}from"../../hooks";import{getActiveMediaType}from"../../models";import{activeMimeNameAtom}from"../../jotai/app";export const OperationResponseList=memo((({responses:e,renderTitle:o,operationId:t,operationPointer:s,activeResponseTab:i,onTabChange:n,callbackId:a})=>{const r=useLocation(),l=useTranslate(),m=useAtomValue(activeMimeNameAtom),p=e.map((({code:e})=>({key:e,title:e}))),d=p.find((({key:e})=>e===i||pathIncludesLink(r,t)&&pathIncludesLink(r,`c=${e}`))),{activeTab:c,handleTabChange:u}=useTabsState({tabs:p,defaultTab:null==d?void 0:d.key,onChange:n}),T=p.find((e=>e.key===(i||c))),f=e.find((e=>e.code===(null==T?void 0:T.key))),v=useMemo((()=>{var e;if(!(null==f?void 0:f.content))return!1;const{schema:o}=getActiveMediaType(null==f?void 0:f.content,m)||{};return null===(e=null==o?void 0:o.fields)||void 0===e?void 0:e.some((({schema:e})=>!e.isPrimitive&&!e.isCircular))}),[m,null==f?void 0:f.content]);return T?_jsxs(_Fragment,{children:[_jsxs(TitleWrap,{children:[(null==o?void 0:o(T))||_jsxs(StyledTitle,{children:[_jsx(LinkToField,{to:makeDeepLink(t,`response&c=${T.key}`)}),l("openapi.responses","Responses")]}),_jsx(Tabs,{tabs:p,activeTab:T,onChange:u}),v&&_jsx(ExpandAllButton,{type:"response",operationPointer:s})]}),f?_jsx("div",{children:_jsx(ResponseDetails,{response:f,operationId:t,callbackId:a})},f.code):null]}):null}));const TitleWrap=styled(Row)`
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{memo,useMemo}from"react";import{useLocation}from"react-router-dom";import styled from"styled-components";import{useAtomValue}from"jotai";import{Tabs,useTabsState}from"../Tabs";import{ResponseDetails}from"./ResponseDetails";import{makeDeepLink}from"../../services";import{Row,StyledTitle}from"./styled";import{LinkToField}from"../common/LinkToField";import{pathIncludesLink}from"../../utils";import{ExpandAllButton}from"../ExpandAllButton";import{useTranslate}from"../../hooks";import{getActiveMediaType}from"../../models";import{activeMimeNameAtom}from"../../jotai/app";export const OperationResponseList=memo((({responses:e,renderTitle:o,operationId:t,operationPointer:s,activeResponseTab:n,onTabChange:i,callbackId:a,onPanelToggle:r})=>{const l=useLocation(),m=useTranslate(),p=useAtomValue(activeMimeNameAtom),d=e.map((({code:e})=>({key:e,title:e}))),c=d.find((({key:e})=>e===n||pathIncludesLink(l,t)&&pathIncludesLink(l,`c=${e}`))),{activeTab:u,handleTabChange:T}=useTabsState({tabs:d,defaultTab:null==c?void 0:c.key,onChange:i}),f=d.find((e=>e.key===(n||u))),v=e.find((e=>e.code===(null==f?void 0:f.key))),k=useMemo((()=>{var e;if(!(null==v?void 0:v.content))return!1;const{schema:o}=getActiveMediaType(null==v?void 0:v.content,p)||{};return null===(e=null==o?void 0:o.fields)||void 0===e?void 0:e.some((({schema:e})=>!e.isPrimitive&&!e.isCircular))}),[p,null==v?void 0:v.content]);return f?_jsxs(_Fragment,{children:[_jsxs(TitleWrap,{children:[(null==o?void 0:o(f))||_jsxs(StyledTitle,{children:[_jsx(LinkToField,{to:makeDeepLink(t,`response&c=${f.key}`)}),m("openapi.responses","Responses")]}),_jsx(Tabs,{tabs:d,activeTab:f,onChange:T}),k&&_jsx(ExpandAllButton,{type:"response",operationPointer:s,onPanelToggle:r})]}),v?_jsx("div",{children:_jsx(ResponseDetails,{response:v,operationId:t,callbackId:a})},v.code):null]}):null}));const TitleWrap=styled(Row)`
   flex-wrap: wrap;
   gap: var(--spacing-unit);
 `;

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

@@ -1,2 +1,2 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{useState,useEffect}from"react";import{MimeLabel,Container,Select}from"../common";import{SelectOrLabel}from"../SelectOrLabel";import{normalizeText}from"../../utils";import{useOtelTelemetry}from"../../hooks";export const ExampleSwitch=({exampleKey:e,examples:t,onChange:a,className:l})=>{var m;const o=useOtelTelemetry(),r=Object.keys(t),s=e?r.indexOf(e):0,[i,n]=useState(s>-1?s:0);useEffect((()=>n(s>-1?s:0)),[e,s]);const c=r.map(((e,a)=>({value:normalizeText(t[e].summary)||e,idx:a})));return c.length<2?null:_jsx(Container,{"data-testid":"example-switch",className:l,children:_jsx(SelectOrLabel,{Select:Select,Label:MimeLabel,variant:"dark",fullWidth:!0,options:c,value:null===(m=c[i])||void 0===m?void 0:m.value,onChange:({idx:e})=>{o.send({type:"openapi_docs.examples_switcher.clicked",payload:{example:r[e],number_of_examples:r.length}}),n(e),a(r[e])}})})};
+import{jsx as _jsx}from"react/jsx-runtime";import{useState,useEffect}from"react";import{MimeLabel,Container,Select}from"../common";import{SelectOrLabel}from"../SelectOrLabel";import{normalizeText}from"../../utils";import{useTelemetry}from"../../hooks";export const ExampleSwitch=({exampleKey:e,examples:t,onChange:a,className:l})=>{var m;const o=useTelemetry(),r=Object.keys(t),s=e?r.indexOf(e):0,[i,n]=useState(s>-1?s:0);useEffect((()=>n(s>-1?s:0)),[e,s]);const c=r.map(((e,a)=>({value:normalizeText(t[e].summary)||e,idx:a})));return c.length<2?null:_jsx(Container,{"data-testid":"example-switch",className:l,children:_jsx(SelectOrLabel,{Select:Select,Label:MimeLabel,variant:"dark",fullWidth:!0,options:c,value:null===(m=c[i])||void 0===m?void 0:m.value,onChange:({idx:e})=>{o.send({type:"openapi_docs.examples_switcher.clicked",payload:{example:r[e],number_of_examples:r.length}}),n(e),a(r[e])}})})};
 //# sourceMappingURL=ExampleSwitch.js.map

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

@@ -1,4 +1,4 @@
-var __rest=this&&this.__rest||function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(e);i<o.length;i++)r.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(e,o[i])&&(t[o[i]]=e[o[i]])}return t};import{jsx as _jsx}from"react/jsx-runtime";import{memo}from"react";import{useAtomValue}from"jotai";import{useLocation}from"react-router-dom";import styled from"styled-components";import{ArraySchema}from"./ArraySchema";import{ObjectSchema}from"./ObjectSchema";import{OneOfSchema}from"./OneOfSchema";import{RecursiveSchema}from"./RecursiveSchema";import{operationStore}from"../../jotai/operation";import{FieldDetails}from"../PropertyDetails";import{pathIncludesLink}from"../../utils";function SchemaComponent(e){var r,{schema:t,onDiscriminatorChange:o}=e,i=__rest(e,["schema","onDiscriminatorChange"]);const{activeOneOf:n}=useAtomValue(operationStore((null==t?void 0:t.operationPointer)||"")),a=useLocation();if(!t)return null;const{type:s,oneOf:c,discriminatorProp:m,isCircular:l}=t;if(l)return _jsx(RecursiveSchema,{schema:t});if(void 0!==m){if(!c||!c.length)return console.warn(`Looks like you are using discriminator wrong: you don't have any definition inherited from the ${t.title}`),null;const e=c.findIndex(((e,r)=>pathIncludesLink(a,`d=${r}`))),r=-1===e?0:e,s=c[void 0!==n[t.pointer]?n[t.pointer]:r];return(null==s?void 0:s.isCircular)?_jsx(RecursiveSchema,{schema:s}):_jsx(ObjectSchema,Object.assign({},i,{schema:s,discriminator:{fieldName:m,parentSchema:t,activeOneOfIdx:r,onChange:o}}))}if(void 0!==c)return _jsx(OneOfSchema,Object.assign({},i,{schema:t}));const p=Array.isArray(s)?s:[s];if(p.includes("object")){if(null===(r=t.fields)||void 0===r?void 0:r.length)return _jsx(ObjectSchema,Object.assign({},i,{schema:t}))}else if(p.includes("array"))return _jsx(ArraySchema,Object.assign({},i,{schema:t}));const d={schema:t,name:"",description:t.description,required:!1,deprecated:!1};return _jsx(Wrapper,{children:_jsx(FieldDetails,{field:d,fieldParentsName:i.fieldParentsName})})}export const Schema=memo(SchemaComponent);const Wrapper=styled.div`
+var __rest=this&&this.__rest||function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(e);i<o.length;i++)r.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(e,o[i])&&(t[o[i]]=e[o[i]])}return t};import{jsx as _jsx}from"react/jsx-runtime";import{memo}from"react";import{useAtomValue}from"jotai";import{useLocation}from"react-router-dom";import styled from"styled-components";import{ArraySchema}from"./ArraySchema";import{ObjectSchema}from"./ObjectSchema";import{OneOfSchema}from"./OneOfSchema";import{RecursiveSchema}from"./RecursiveSchema";import{operationStore}from"../../jotai/operation";import{FieldDetails}from"../PropertyDetails";import{pathIncludesLink}from"../../utils";function SchemaComponent(e){var r,{schema:t,onDiscriminatorChange:o}=e,i=__rest(e,["schema","onDiscriminatorChange"]);const{activeOneOf:n}=useAtomValue(operationStore((null==t?void 0:t.operationPointer)||"")),a=useLocation();if(!t)return null;const{type:s,oneOf:c,discriminatorProp:m,isCircular:l}=t;if(l)return _jsx(RecursiveSchema,{schema:t});if(void 0!==m){if(!c||!c.length)return console.warn(`Looks like you are using discriminator wrong: you don't have any definition inherited from the ${t.title}`),null;const e=c.findIndex(((e,r)=>pathIncludesLink(a,`d=${r}`))),r=-1===e?0:e,s=c[void 0!==n[t.pointer]?n[t.pointer]:r];return(null==s?void 0:s.isCircular)?_jsx(RecursiveSchema,{schema:s}):_jsx(ObjectSchema,Object.assign({},i,{schema:s,discriminator:{fieldName:m,parentSchema:t,activeOneOfIdx:r,onChange:o}}))}if(void 0!==c&&c.length>1)return _jsx(OneOfSchema,Object.assign({},i,{schema:t}));const p=Array.isArray(s)?s:[s];if(p.includes("object")){if(null===(r=t.fields)||void 0===r?void 0:r.length)return _jsx(ObjectSchema,Object.assign({},i,{schema:t}))}else if(p.includes("array"))return _jsx(ArraySchema,Object.assign({},i,{schema:t}));const d={schema:t,name:"",description:t.description,required:!1,deprecated:!1};return _jsx(Wrapper,{children:_jsx(FieldDetails,{field:d,fieldParentsName:i.fieldParentsName})})}export const Schema=memo(SchemaComponent);const Wrapper=styled.div`
   width: 100%;
   padding: var(--spacing-xxs) 0;
   border-bottom: 1px solid var(--border-color-primary);

package/lib-esm/components/Security/SecurityButton.js

@@ -1,4 +1,4 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import styled from"styled-components";import{SecurityIcon,Panel,Button}from"@redocly/theme";import{Fragment}from"react";import{useTranslate}from"../../hooks";export function SecurityButton({securities:e,onClick:r}){const t=useTranslate();return _jsx(SecurityPanel,{header:()=>_jsxs(SecurityHeader,{children:[_jsx(SecurityIcon,{}),_jsx(Title,{children:"Security"}),_jsx(ViewDetailsButton,{onClick:r,variant:"link",children:t("openapi.viewDetails","View details")})]}),isExpandable:!1,children:_jsx(SecurityList,{children:e.map(((r,t)=>{const i=e.length>1&&r.schemes.length>1,n=r.schemes.map((({id:e},t)=>_jsxs(Fragment,{children:[e,t<r.schemes.length-1&&_jsx(Conjunction,{children:" and "})]},e)));return _jsxs(Fragment,{children:[i?"(":"",n,i?")":"",t<e.length-1&&_jsx(Conjunction,{children:" or "})]},t)}))})})}const SecurityPanel=styled(Panel)`
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import styled from"styled-components";import{SecurityIcon,Panel,Button}from"@redocly/theme";import{Fragment}from"react";import{useTranslate}from"../../hooks";export function SecurityButton({securities:e,onClick:r}){const t=useTranslate();return _jsx(SecurityPanel,{header:()=>_jsxs(SecurityHeader,{children:[_jsx(SecurityIcon,{}),_jsx(Title,{children:"Security"}),_jsx(ViewDetailsButton,{onClick:r,variant:"link",children:t("openapi.viewSecurityDetails","View details")})]}),isExpandable:!1,children:_jsx(SecurityList,{children:e.map(((r,t)=>{const i=e.length>1&&r.schemes.length>1,n=r.schemes.map((({id:e},t)=>_jsxs(Fragment,{children:[e,t<r.schemes.length-1&&_jsx(Conjunction,{children:" and "})]},e)));return _jsxs(Fragment,{children:[i?"(":"",n,i?")":"",t<e.length-1&&_jsx(Conjunction,{children:" or "})]},t)}))})})}const SecurityPanel=styled(Panel)`
   margin-top: var(--spacing-base);
   border: var(--panel-border);
   border-radius: var(--panel-border-radius);

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

@@ -1,2 +1,2 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useMemo,useCallback}from"react";import{Dropdown,DropdownMenu}from"@redocly/theme";import{useAtom}from"jotai";import{HttpVerb}from"../common";import{PathWrapper,Path,StyledCopyButton,StyledDropdownMenuItem}from"./styled";import{PanelItem}from"../PanelItem";import{joinWithSeparator}from"../../services";import{replaceVariables}from"../../utils";import{environmentAtom}from"../../jotai/app";import{useActiveWithFallback,useOtelTelemetry}from"../../hooks";import{getServerEnvName}from"../../utils/environments";export const ServerListDropdown=({operation:e,className:r})=>{const t=useOtelTelemetry(),[[o],s]=useAtom(environmentAtom),a=useActiveWithFallback(e.servers.map((e=>Object.assign(Object.assign({},e),{key:e.url}))),o.server),n=useCallback((e=>{e.stopPropagation()}),[]),i=useCallback((r=>()=>{1!==e.servers.length&&(s({environment:getServerEnvName(r)}),t.send({type:"openapi_docs.switch_servers.clicked",payload:{server:getServerEnvName(r)}}))}),[e.servers.length,s,t]),m=useMemo((()=>e.servers.map((r=>{const t=joinWithSeparator(replaceVariables(r),e.path);return _jsx(StyledDropdownMenuItem,{onAction:i(r),children:_jsx(PanelItem,{header:r.description,title:t,actions:[_jsx(StyledCopyButton,{data:t,toasterPlacement:"left",onCopyClick:n},t)],active:r.url===a,withCheckmark:!0})},t)}))),[e.servers,e.path,i,n,a]);return _jsx(Dropdown,{className:r,trigger:_jsxs(PathWrapper,{variant:"ghost",children:[_jsx(HttpVerb,{color:e.httpVerb,children:e.httpVerb}),_jsx(Path,{children:e.path})]}),withArrow:!0,children:_jsx(DropdownMenu,{children:m})})};
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useMemo,useCallback}from"react";import{Dropdown,DropdownMenu}from"@redocly/theme";import{useAtom,useAtomValue}from"jotai";import{HttpVerb}from"../common";import{PathWrapper,Path,StyledCopyButton,StyledDropdownMenuItem}from"./styled";import{PanelItem}from"../PanelItem";import{joinWithSeparator}from"../../services";import{replaceVariables}from"../../utils";import{environmentAtom}from"../../jotai/app";import{globalStoreAtom}from"../../jotai/store";import{useActiveWithFallback,useTelemetry}from"../../hooks";import{getServerEnvName}from"../../utils/environments";import{createTargetServerSwitchEvent}from"../../events";export const ServerListDropdown=({operation:e,className:r})=>{const t=useTelemetry(),[[o],a]=useAtom(environmentAtom),{options:{events:s}}=useAtomValue(globalStoreAtom),i=useActiveWithFallback(e.servers.map((e=>Object.assign(Object.assign({},e),{key:e.url}))),o.server),n=useCallback((e=>{e.stopPropagation()}),[]),m=useCallback((r=>()=>{if(1!==e.servers.length&&(a({environment:getServerEnvName(r)}),t.send({type:"openapi_docs.switch_servers.clicked",payload:{server:getServerEnvName(r)}}),(null==s?void 0:s.targetServerSwitch)&&r)){const t=createTargetServerSwitchEvent({operation:e,serverUrl:r.url});s.targetServerSwitch(t)}}),[e,a,t,s]),l=useMemo((()=>e.servers.map((r=>{const t=joinWithSeparator(replaceVariables(r),e.path);return _jsx(StyledDropdownMenuItem,{onAction:m(r),children:_jsx(PanelItem,{header:r.description,title:t,actions:[_jsx(StyledCopyButton,{data:t,toasterPlacement:"left",onCopyClick:n},t)],active:r.url===i,withCheckmark:!0})},t)}))),[e.servers,e.path,m,n,i]);return _jsx(Dropdown,{className:r,trigger:_jsxs(PathWrapper,{variant:"ghost",children:[_jsx(HttpVerb,{color:e.httpVerb,children:e.httpVerb}),_jsx(Path,{children:e.path})]}),withArrow:!0,children:_jsx(DropdownMenu,{children:l})})};
 //# sourceMappingURL=ServerListDropdown.js.map

package/lib-esm/events/index.d.ts

@@ -3,3 +3,6 @@ export { AnalyticsEventType } from './types';
 export { createLanguageSwitchEvent } from './languageSwitch';
 export { createPanelToggleEvent } from './panelToggle';
 export { createCodeSampleCopyEvent } from './codeSampleCopy';
+export { createTargetServerSwitchEvent } from './serverSwitch';
+export { createTryItOpenEvent } from './tryItOpen';
+export { createTryItSentEvent } from './tryItSent';

package/lib-esm/events/index.js

@@ -1,2 +1,2 @@
-export{AnalyticsEventType}from"./types";export{createLanguageSwitchEvent}from"./languageSwitch";export{createPanelToggleEvent}from"./panelToggle";export{createCodeSampleCopyEvent}from"./codeSampleCopy";
+export{AnalyticsEventType}from"./types";export{createLanguageSwitchEvent}from"./languageSwitch";export{createPanelToggleEvent}from"./panelToggle";export{createCodeSampleCopyEvent}from"./codeSampleCopy";export{createTargetServerSwitchEvent}from"./serverSwitch";export{createTryItOpenEvent}from"./tryItOpen";export{createTryItSentEvent}from"./tryItSent";
 //# sourceMappingURL=index.js.map

package/lib-esm/events/serverSwitch.d.ts

@@ -0,0 +1,2 @@
+import type { TargetServerSwitchedEvent, TargetServerSwitchProps } from './types';
+export declare const createTargetServerSwitchEvent: ({ operation, serverUrl, }: TargetServerSwitchProps) => TargetServerSwitchedEvent;

package/lib-esm/events/serverSwitch.js

@@ -0,0 +1,2 @@
+import{createTrackingEvent}from"./creator";import{AnalyticsEventType}from"./types";const targetServerSwitchEvent=createTrackingEvent(AnalyticsEventType.TargetServerSwitched);export const createTargetServerSwitchEvent=({operation:e,serverUrl:r})=>targetServerSwitchEvent({resource:"Redocly_CodeSample",action:"TargetServerSwitched",operationId:e.id,operationPath:e.path,operationHttpVerb:e.httpVerb,operationSummary:e.name,serverUrl:r});
+//# sourceMappingURL=serverSwitch.js.map

package/lib-esm/events/tryItOpen.d.ts

@@ -0,0 +1,2 @@
+import type { TryItOpenedEvent, TryItOpenProps } from './types';
+export declare const createTryItOpenEvent: ({ operation }: TryItOpenProps) => TryItOpenedEvent;

package/lib-esm/events/tryItOpen.js

@@ -0,0 +1,2 @@
+import{createTrackingEvent}from"./creator";import{AnalyticsEventType}from"./types";const tryItOpenEvent=createTrackingEvent(AnalyticsEventType.TryItOpen);export const createTryItOpenEvent=({operation:t})=>tryItOpenEvent({resource:"Redocly_OperationTryIt",action:"Opened",operationId:t.id,operationPath:t.path,operationHttpVerb:t.httpVerb,operationSummary:t.name});
+//# sourceMappingURL=tryItOpen.js.map

package/lib-esm/events/tryItSent.d.ts

@@ -0,0 +1,2 @@
+import type { TryItSentEvent, TryItSentProps } from './types';
+export declare const createTryItSentEvent: ({ operation, isSuccess }: TryItSentProps) => TryItSentEvent;

package/lib-esm/events/tryItSent.js

@@ -0,0 +1,2 @@
+import{createTrackingEvent}from"./creator";import{AnalyticsEventType}from"./types";const tryItSentEvent=createTrackingEvent(AnalyticsEventType.TryItSent);export const createTryItSentEvent=({operation:t,isSuccess:e})=>tryItSentEvent({resource:"Redocly_OperationTryIt",action:e?"Sent":"ValidationFailed",operationId:t.id,operationPath:t.path,operationHttpVerb:t.httpVerb,operationSummary:t.name});
+//# sourceMappingURL=tryItSent.js.map

package/lib-esm/events/types.d.ts

@@ -21,16 +21,25 @@ export interface TargetServerSwitchProps {
     operation: OperationModel;
     serverUrl: string;
 }
+export interface TryItOpenProps {
+    operation: OperationModel;
+}
+export interface TryItSentProps {
+    operation: OperationModel;
+    isSuccess: boolean;
+}
 export declare enum AnalyticsEventType {
     CodeSampleLanguageSwitched = "CodeSampleLanguageSwitched",
     CodeSampleCopied = "CodeSampleCopied",
     OperationServerExpanded = "OperationServerExpanded",
     PanelToggle = "PanelToggle",
-    TargetServerSwitched = "TargetServerSwitched"
+    TargetServerSwitched = "TargetServerSwitched",
+    TryItOpen = "TryItOpen",
+    TryItSent = "TryItSent"
 }
 export interface AnalyticsEvent {
     eventType: AnalyticsEventType;
-    resource: 'Redocly_CodeSample' | 'Redocly_Operation';
+    resource: 'Redocly_CodeSample' | 'Redocly_Operation' | 'Redocly_OperationTryIt';
     action: 'LanguageSwitched' | 'PanelToggled' | 'Opened' | 'Closed' | 'NavigatedOverrideLink' | 'Sent' | 'ValidationFailed' | 'CodeSampleCopied' | 'TargetServerSwitched';
     operationId?: string;
     operationPath: string;
@@ -49,8 +58,9 @@ export interface CodeSamplesCopiedEvent extends AnalyticsEvent {
     exampleId?: string;
     exampleMimeType?: string;
 }
+export type PanelType = 'request' | 'responses' | 'request-samples' | 'response-samples';
 export interface PanelToggleEvent extends AnalyticsEvent {
-    panelType: 'request' | 'responses' | 'request-samples' | 'response-samples';
+    panelType: PanelType;
     state: 'expanded' | 'collapsed';
     operationId: string;
     operationPath: string;
@@ -60,9 +70,14 @@ export interface PanelToggleEvent extends AnalyticsEvent {
 export interface TargetServerSwitchedEvent extends AnalyticsEvent {
     serverUrl: string;
 }
+export type TryItOpenedEvent = AnalyticsEvent;
+export type TryItSentEvent = AnalyticsEvent;
+export type EventType = CodeSamplesLanguageSwitchedEvent | CodeSamplesCopiedEvent | TryItOpenedEvent | TryItSentEvent | PanelToggleEvent | TargetServerSwitchedEvent;
 export type Events = {
     codeSamplesLanguageSwitch?: (event: CodeSamplesLanguageSwitchedEvent) => void;
     codeSamplesCopy?: (event: CodeSamplesCopiedEvent) => void;
+    tryItOpen?: (event: TryItOpenedEvent) => void;
+    tryItSent?: (event: TryItSentEvent) => void;
     panelToggle?: (event: PanelToggleEvent) => void;
     targetServerSwitch?: (event: TargetServerSwitchedEvent) => void;
 };

package/lib-esm/events/types.js

@@ -1,2 +1,2 @@
-export var AnalyticsEventType;!function(e){e.CodeSampleLanguageSwitched="CodeSampleLanguageSwitched",e.CodeSampleCopied="CodeSampleCopied",e.OperationServerExpanded="OperationServerExpanded",e.PanelToggle="PanelToggle",e.TargetServerSwitched="TargetServerSwitched"}(AnalyticsEventType||(AnalyticsEventType={}));
+export var AnalyticsEventType;!function(e){e.CodeSampleLanguageSwitched="CodeSampleLanguageSwitched",e.CodeSampleCopied="CodeSampleCopied",e.OperationServerExpanded="OperationServerExpanded",e.PanelToggle="PanelToggle",e.TargetServerSwitched="TargetServerSwitched",e.TryItOpen="TryItOpen",e.TryItSent="TryItSent"}(AnalyticsEventType||(AnalyticsEventType={}));
 //# sourceMappingURL=types.js.map

package/lib-esm/hooks/index.d.ts

@@ -4,5 +4,5 @@ export { useContentItems } from './useContentItems';
 export { useActiveWithFallback } from './useActiveWithFallback';
 export { useUppercase2LowercaseRedirect } from './useUppercase2LowercaseRedirect';
 export { useTranslate } from './useTranslate';
-export { useOtelTelemetry } from './useOtelTelemetry';
+export { useTelemetry } from './useTelemetry';
 export { usePerformanceMetrics } from './usePerformanceMetrics';

package/lib-esm/hooks/index.js

@@ -1,2 +1,2 @@
-export{useActivateExample}from"./useActivateExample";export{useRouter}from"./useRouter";export{useContentItems}from"./useContentItems";export{useActiveWithFallback}from"./useActiveWithFallback";export{useUppercase2LowercaseRedirect}from"./useUppercase2LowercaseRedirect";export{useTranslate}from"./useTranslate";export{useOtelTelemetry}from"./useOtelTelemetry";export{usePerformanceMetrics}from"./usePerformanceMetrics";
+export{useActivateExample}from"./useActivateExample";export{useRouter}from"./useRouter";export{useContentItems}from"./useContentItems";export{useActiveWithFallback}from"./useActiveWithFallback";export{useUppercase2LowercaseRedirect}from"./useUppercase2LowercaseRedirect";export{useTranslate}from"./useTranslate";export{useTelemetry}from"./useTelemetry";export{usePerformanceMetrics}from"./usePerformanceMetrics";
 //# sourceMappingURL=index.js.map

package/lib-esm/hooks/useTelemetry.d.ts

@@ -0,0 +1,2 @@
+import { useThemeHooks } from '@redocly/theme';
+export declare function useTelemetry(): ReturnType<ReturnType<typeof useThemeHooks>['useTelemetry']>;

package/lib-esm/hooks/useTelemetry.js

@@ -0,0 +1,2 @@
+import{useThemeHooks}from"@redocly/theme";export function useTelemetry(){return useThemeHooks().useTelemetry()}
+//# sourceMappingURL=useTelemetry.js.map

package/lib-esm/index.d.ts

@@ -16,7 +16,7 @@ export { RedocSchema, RedocExample } from './components/pluggable';
 export { RedoclyOpenAPIDocs, RedoclyOpenAPIDocsStandalone, AppProvider, StoreProvider, getMarkdownHeaderId, } from './components/RedoclyOpenAPIDocs';
 export { JsonPointer } from './utils/JsonPointer';
 export { isOperationName } from './utils/openapi';
-export { pathIncludesLink } from './utils/path';
+export { pathIncludesLink, normalizePath } from './utils/path';
 export { OpenAPIParser } from './services';
 export { buildContentItems, normalizeOptions, makeDeepLink } from './services';
 export declare function useOpenapiDocsOptions(): import("./services").Options;