@redocly/api-docs 0.2.0-next.4 → 0.2.0-next.6

package/lib/components/Security/styled.js

@@ -7,7 +7,7 @@ import{styled as r}from"styled-components";import{Panel as a}from"@redocly/theme
   &&& {
     margin-bottom: var(--spacing-lg);
   }
-`,d=r.div`
+`,g=r.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -18,7 +18,7 @@ import{styled as r}from"styled-components";import{Panel as a}from"@redocly/theme
   border-bottom: var(--panel-border, 1px solid var(--border-color-primary));
   border-radius: var(--panel-border-radius, var(--border-radius))
     var(--panel-border-radius, var(--border-radius)) 0 0;
-`,g=r(e)`
+`,d=r(e)`
   margin-left: auto;
   font-size: var(--font-size-sm);
 `,v=r.span`
@@ -53,14 +53,14 @@ import{styled as r}from"styled-components";import{Panel as a}from"@redocly/theme
   position: fixed;
   width: 100vw;
   height: 100vh;
-  z-index: var(--z-index-popover, 1000);
+  z-index: var(--z-index-popover, 200);
   left: 0;
   top: 0;
   pointer-events: auto;
 `,y=r.div`
   background: var(--bg-color);
   box-shadow: var(--bg-raised-shadow, 0 8px 32px rgba(0, 0, 0, 0.15));
-  border-radius: var(--border-radius-lg, 12px);
+  border-radius: var(--border-radius-lg);
   padding: var(--spacing-lg);
   display: flex;
   flex-direction: column;
@@ -170,7 +170,7 @@ import{styled as r}from"styled-components";import{Panel as a}from"@redocly/theme
   font-size: var(--font-size-sm);
   font-family: var(--font-family-monospaced);
   padding: 0 var(--spacing-xxs);
-  border-radius: var(--border-radius);
+  border-radius: var(--tag-border-radius);
   background: var(--tag-bg-color, var(--border-color-secondary));
   color: var(--text-color-secondary);
 `,V=r.button`
@@ -199,7 +199,7 @@ import{styled as r}from"styled-components";import{Panel as a}from"@redocly/theme
   transform: ${o=>o.isOpen?"rotate(90deg)":"rotate(0deg)"};
   transition: transform 0.3s ease-in-out;
 `,i=r.div`
-  border-radius: var(--border-radius);
+  border-radius: var(--tag-border-radius);
   padding: 0 var(--spacing-xxs);
   font-family: var(--font-family-monospaced);
   font-size: var(--font-size-sm);
@@ -216,4 +216,4 @@ import{styled as r}from"styled-components";import{Panel as a}from"@redocly/theme
   display: inline-flex;
   align-items: center;
   gap: var(--spacing-xxs);
-`;export{u as CloseButton,f as Conjunction,A as DeprecatedBadge,T as FlowDescription,F as FlowProperties,S as FlowTitle,k as FlowTitleWrapper,O as FlowTypeBody,L as FlowTypeName,B as FlowTypeSection,R as FlowTypeTag,z as FlowWrapper,h as ModalBackground,w as ModalTitle,y as ModalWrapper,I as OptionalScopesChevron,H as OptionalScopesList,V as OptionalScopesToggle,j as PropertyLabel,P as PropertyRow,$ as PropertyValue,C as SchemeLink,m as SchemeName,b as ScopeInline,N as ScopeTag,M as ScopesLabel,W as ScopesList,D as ScopesSection,d as SecurityHeader,x as SecurityList,c as SecurityPanel,i as Tag,v as Title,g as ViewDetailsButton};
+`;export{u as CloseButton,f as Conjunction,A as DeprecatedBadge,T as FlowDescription,F as FlowProperties,S as FlowTitle,k as FlowTitleWrapper,O as FlowTypeBody,L as FlowTypeName,B as FlowTypeSection,R as FlowTypeTag,z as FlowWrapper,h as ModalBackground,w as ModalTitle,y as ModalWrapper,I as OptionalScopesChevron,H as OptionalScopesList,V as OptionalScopesToggle,j as PropertyLabel,P as PropertyRow,$ as PropertyValue,C as SchemeLink,m as SchemeName,b as ScopeInline,N as ScopeTag,M as ScopesLabel,W as ScopesList,D as ScopesSection,g as SecurityHeader,x as SecurityList,c as SecurityPanel,i as Tag,v as Title,d as ViewDetailsButton};

package/lib/components/StickySidebar/FloatingButton.d.ts

@@ -0,0 +1 @@
+export declare const FloatingButton: () => React.JSX.Element;

package/lib/components/StickySidebar/FloatingButton.js

@@ -0,0 +1,32 @@
+import{jsx as e}from"react/jsx-runtime";import{useCallback as n}from"react";import{useAtom as i}from"jotai";import{styled as a}from"styled-components";import{breakpoints as s}from"@redocly/theme/core/openapi";import{MenuIcon as p}from"@redocly/theme/icons/MenuIcon/MenuIcon";import{CloseIcon as l}from"@redocly/theme/icons/CloseIcon/CloseIcon";import{isSidebarOpenedAtom as d}from"../../jotai/app.js";const h=()=>{const[o,r]=i(d),t=n(()=>{r(!o)},[o,r]);return e(m,{type:"button",onClick:t,"aria-label":o?"Close navigation menu":"Open navigation menu","aria-expanded":o,"data-testid":"floating-button",children:o?e(l,{size:"24px"}):e(p,{size:"24px"})})},m=a.button`
+  border: none;
+  outline: none;
+  user-select: none;
+  background-color: var(--sidebar-bg-color, #fff);
+  color: var(--color-primary-base, var(--color-blueberry-6));
+  display: none;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  position: fixed;
+  right: 20px;
+  bottom: 44px;
+  z-index: 100;
+  border-radius: 50%;
+  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
+  width: 60px;
+  height: 60px;
+  padding: 0;
+
+  svg path {
+    fill: var(--color-primary-base, var(--color-blueberry-6));
+  }
+
+  @media screen and (max-width: ${s.small}) {
+    display: flex;
+  }
+
+  @media print {
+    display: none;
+  }
+`;export{h as FloatingButton};

package/lib/components/StickySidebar/RedoclyAttributionLogo.d.ts

@@ -0,0 +1,5 @@
+import type { ReactElement } from 'react';
+/** Redocly logo for the community edition's sidebar attribution. Hidden until mounted; removed if the CDN image fails to load. */
+export declare function RedoclyAttributionLogo({ full }: {
+    full?: boolean;
+}): ReactElement | null;

package/lib/components/StickySidebar/RedoclyAttributionLogo.js

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import{useEffect as e,useState as l}from"react";function n({full:t=!1}){const[r,o]=l(!1);return e(()=>{o(!0)},[]),r?s("img",{alt:"redocly logo",onError:()=>o(!1),src:t?"https://cdn.redoc.ly/redoc/logo-mini-full.svg":"https://cdn.redoc.ly/redoc/logo-mini.svg"}):null}export{n as RedoclyAttributionLogo};

package/lib/components/StickySidebar/StickySidebar.js

@@ -1,22 +1,46 @@
-import{jsx as a,jsxs as t}from"react/jsx-runtime";import{memo as s}from"react";import{styled as d,css as o}from"styled-components";import{SidebarActions as n}from"./SidebarActions.js";function l({className:r,children:e,collapsedSidebar:i=!1}){return t(c,{className:r,$collapsedSidebar:i,children:[i?null:e,a(n,{})]})}const b=s(l),c=d.div`
+import{Fragment as f,jsx as d,jsxs as s}from"react/jsx-runtime";import{memo as g,useCallback as b,useEffect as u}from"react";import{styled as x,css as m}from"styled-components";import{useAtom as v}from"jotai";import{breakpoints as c}from"@redocly/theme/core/openapi";import{isSidebarOpenedAtom as w}from"../../jotai/app.js";import{useBodyScrollLock as S}from"../../hooks/useBodyScrollLock.js";import{SidebarActions as y}from"./SidebarActions.js";import{FloatingButton as L}from"./FloatingButton.js";const k=["menu-item-type-group","menu-item-type-drilldown"];function E({className:i,children:l,collapsedSidebar:r=!1}){const[e,a]=v(w);u(()=>{if(!e)return;const t=window.matchMedia(`(min-width: ${c.small})`),o=()=>{t.matches&&a(!1)};return o(),t.addEventListener("change",o),()=>t.removeEventListener("change",o)},[e,a]),S(e);const p=b(t=>{if(!e)return;const o=t.target.closest("a");if(!o)return;const n=o.closest('[data-component-name="Menu/MenuItem"]');n&&k.some(h=>n.classList.contains(h))||a(!1)},[e,a]);return s(f,{children:[s(_,{className:i,$collapsedSidebar:r,$open:e,onClick:p,children:[r&&!e?null:l,d(y,{})]}),d(L,{})]})}const z=g(E),_=x.div`
   flex-shrink: 0;
   overflow-y: auto;
   overflow-x: hidden;
-  position: sticky;
   top: var(--navbar-height, 0px);
   height: calc(100vh - var(--navbar-height, 0px));
-  display: flex;
+  height: calc(100dvh - var(--navbar-height, 0px));
   flex-direction: column;
   background: var(--sidebar-bg-color, #fff);
   border-right: 1px solid var(--sidebar-border-color, #e0e0e0);
 
-  ${({$collapsedSidebar:r})=>r?o`
-          width: auto;
-        `:o`
-          width: var(--sidebar-width, 260px);
-        `}
+  [data-component-name='SidebarLogo/SidebarLogo'] {
+    padding: var(--spacing-md, 16px) var(--spacing-sm, 12px);
+  }
+
+  [data-component-name='SidebarLogo/SidebarLogo'] img {
+    /* Keep the logo compact inside the full-width mobile drawer. */
+    max-width: min(140px, var(--sidebar-logo-max-width, 285px));
+  }
+
+  /* Mobile: full-width drawer toggled by the floating hamburger button. */
+  position: fixed;
+  z-index: 20;
+  width: 100%;
+  display: ${({$open:i})=>i?"flex":"none"};
+
+  @media screen and (min-width: ${c.small}) {
+    position: sticky;
+    z-index: auto;
+    display: flex;
+
+    [data-component-name='SidebarLogo/SidebarLogo'] img {
+      max-width: var(--sidebar-logo-max-width, 285px);
+    }
+
+    ${({$collapsedSidebar:i})=>i?m`
+            width: auto;
+          `:m`
+            width: var(--sidebar-width, 260px);
+          `}
+  }
 
   @media print {
     display: none;
   }
-`;export{b as StickySidebar};
+`;export{z as StickySidebar};

package/lib/components/common/Breadcrumbs.js

@@ -1,4 +1,4 @@
-import{Fragment as m,jsx as n,jsxs as u}from"react/jsx-runtime";import{Fragment as T,useCallback as E,useLayoutEffect as M,useMemo as z,useRef as B,useState as R}from"react";import{styled as c}from"styled-components";import{Dropdown as _}from"@redocly/theme/components/Dropdown/Dropdown";import{DropdownMenu as k}from"@redocly/theme/components/Dropdown/DropdownMenu";import{DropdownMenuItem as D}from"@redocly/theme/components/Dropdown/DropdownMenuItem";import{Tooltip as F}from"@redocly/theme/components/Tooltip/Tooltip";import{trimText as S}from"@redocly/theme/core/openapi";import{calculateMaxLength as P}from"../../utils/calculateMaxLength.js";const b=25,O=3,j=16;function g({breadcrumb:e,onClick:r,maxLength:t}){const o=e.name.length>t,a=S(e.name,t);return n(F,{tip:e.name,placement:"bottom",disabled:!o,children:n(y,{onClick:()=>r(e.href),children:a})})}function G({breadcrumbs:e,onClick:r,maxLength:t}){const o=e[0],a=e[e.length-1],d=e.slice(1,-1);return u(m,{children:[n(g,{breadcrumb:o,onClick:r,maxLength:t}),n(f,{children:"/"}),n(_,{trigger:n(I,{children:"..."}),closeOnClick:!0,alignment:"end",children:n(k,{children:d.map(i=>n(D,{onAction:()=>r(i.href),children:i.name},i.href))})}),n(f,{children:"/"}),n(g,{breadcrumb:a,onClick:r,maxLength:t})]})}function H({breadcrumbs:e,onClick:r,maxLength:t}){return n(m,{children:e.map((o,a)=>u(T,{children:[n(g,{breadcrumb:o,onClick:r,maxLength:t}),a!==e.length-1&&n(f,{children:"/"})]},o.href))})}function $({breadcrumbs:e,onClick:r}){const t=B(null),o=B(null),[a,d]=R(b),i=e.length>O,x=z(()=>i?[e[0],e[e.length-1]]:e,[e,i]),p=E(()=>{const s=t.current,l=s?.parentElement;if(!s||!l||!o.current)return;const v=getComputedStyle(l),C=parseFloat(v.paddingLeft||"0")+parseFloat(v.paddingRight||"0");let h=l.clientWidth-C;const w=l.parentElement?.querySelector('[data-component-name="PageActions/PageActions"]');if(w){const L=w.getBoundingClientRect().left-s.getBoundingClientRect().left-j;L>0&&(h=Math.min(h,L))}const A=P(x,h,i,o.current);d(A)},[x,i]);return M(()=>{p();const s=new ResizeObserver(p),l=t.current?.parentElement;return l&&s.observe(l),()=>{s.disconnect()}},[p]),e.length?u(m,{children:[n(N,{ref:o,"aria-hidden":"true"}),n(W,{ref:t,"data-component-name":"Breadcrumbs",children:i?n(G,{breadcrumbs:e,onClick:r,maxLength:a}):n(H,{breadcrumbs:e,onClick:r,maxLength:a})})]}):null}const N=c.span`
+import{Fragment as m,jsx as n,jsxs as u}from"react/jsx-runtime";import{Fragment as T,useCallback as E,useLayoutEffect as M,useMemo as z,useRef as B,useState as R}from"react";import{styled as c}from"styled-components";import{Dropdown as _}from"@redocly/theme/components/Dropdown/Dropdown";import{DropdownMenu as b}from"@redocly/theme/components/Dropdown/DropdownMenu";import{DropdownMenuItem as k}from"@redocly/theme/components/Dropdown/DropdownMenuItem";import{Tooltip as D}from"@redocly/theme/components/Tooltip/Tooltip";import{trimText as F}from"@redocly/theme/core/openapi";import{calculateMaxLength as S}from"../../utils/calculateMaxLength.js";const P=25,O=3,j=16;function g({breadcrumb:e,onClick:r,maxLength:t}){const o=e.name.length>t,a=F(e.name,t);return n(D,{tip:e.name,placement:"bottom",disabled:!o,children:n(y,{onClick:()=>r(e.href),children:a})})}function G({breadcrumbs:e,onClick:r,maxLength:t}){const o=e[0],a=e[e.length-1],d=e.slice(1,-1);return u(m,{children:[n(g,{breadcrumb:o,onClick:r,maxLength:t}),n(f,{children:"/"}),n(_,{trigger:n(I,{children:"..."}),closeOnClick:!0,alignment:"end",children:n(b,{children:d.map(i=>n(k,{onAction:()=>r(i.href),children:i.name},i.href))})}),n(f,{children:"/"}),n(g,{breadcrumb:a,onClick:r,maxLength:t})]})}function H({breadcrumbs:e,onClick:r,maxLength:t}){return n(m,{children:e.map((o,a)=>u(T,{children:[n(g,{breadcrumb:o,onClick:r,maxLength:t}),a!==e.length-1&&n(f,{children:"/"})]},o.href))})}function $({breadcrumbs:e,onClick:r}){const t=B(null),o=B(null),[a,d]=R(P),i=e.length>O,x=z(()=>i?[e[0],e[e.length-1]]:e,[e,i]),p=E(()=>{const s=t.current,l=s?.parentElement;if(!s||!l||!o.current)return;const v=getComputedStyle(l),C=parseFloat(v.paddingLeft||"0")+parseFloat(v.paddingRight||"0");let h=l.clientWidth-C;const w=l.parentElement?.querySelector('[data-component-name="PageActions/PageActions"]');if(w){const L=w.getBoundingClientRect().left-s.getBoundingClientRect().left-j;L>0&&(h=Math.min(h,L))}const A=S(x,h,i,o.current);d(A)},[x,i]);return M(()=>{p();const s=new ResizeObserver(p),l=t.current?.parentElement;return l&&s.observe(l),()=>{s.disconnect()}},[p]),e.length?u(m,{children:[n(N,{ref:o,"aria-hidden":"true"}),n(W,{ref:t,"data-component-name":"Breadcrumbs",children:i?n(G,{breadcrumbs:e,onClick:r,maxLength:a}):n(H,{breadcrumbs:e,onClick:r,maxLength:a})})]}):null}const N=c.span`
   position: absolute;
   visibility: hidden;
   white-space: nowrap;
@@ -19,7 +19,7 @@ import{Fragment as m,jsx as n,jsxs as u}from"react/jsx-runtime";import{Fragment
   font-size: var(--font-size-sm);
   line-height: var(--line-height-sm);
   color: var(--text-color-secondary);
-  border-radius: var(--border-radius);
+  border-radius: var(--breadcrumbs-border-radius);
   cursor: pointer;
   padding: 1px calc(var(--spacing-xxs) / 2);
   overflow: hidden;

package/lib/components/common/ResponseCodeTabs.js

@@ -9,7 +9,7 @@ import{styled as o}from"styled-components";function e(r){return r.startsWith("2"
   align-items: center;
   padding: 0 var(--spacing-sm);
   height: 24px;
-  border-radius: var(--border-radius);
+  border-radius: var(--border-radius-md);
   border: none;
   cursor: pointer;
   font-family: var(--font-family-base);

package/lib/components/common/Tag.js

@@ -4,7 +4,7 @@ import{styled as r}from"styled-components";const o=r.span`
   font-family: var(--font-family-monospaced);
   font-size: var(--font-size-sm);
   line-height: var(--line-height-sm);
-  border-radius: var(--border-radius);
+  border-radius: var(--tag-border-radius);
   color: var(--text-color-secondary);
   display: inline-flex;
   word-break: var(--code-word-break);

package/lib/components/common/ViewNested.js

@@ -1,4 +1,4 @@
-import{Fragment as c,jsx as e,jsxs as l}from"react/jsx-runtime";import{styled as a,css as d}from"styled-components";import{memo as $,useState as j}from"react";import{isUndefined as N}from"@redocly/theme/core/openapi";import{cycleColorsByLevel as C}from"../Schema/utils.js";import{NestedToggleButton as L}from"./NestedToggleButton.js";function S({expandByDefault:r,level:g,expandable:f=!1,expandText:v,hideText:x,hideDivider:h=!1,children:s,expandedAll:i,isNestedArray:n}){const[b,u]=j((r||n)??!1),o=N(i)?b:i,t=o?C(g):void 0;if(!f)return s;const y=()=>{u(w=>!w)};return n?l(c,{children:[e(_,{children:"Array ["}),e(m,{$isArrayInsideArray:n,className:"view-nested-wrapper",children:e(p,{color:t,children:s})})]}):e(c,{children:l(m,{$divider:!h&&!o,className:"view-nested-wrapper",children:[e(V,{expanded:o,label:o?x||"":v||"",color:t,onClick:y}),o&&e(p,{color:t,children:s})]})})}const I=$(S),V=a(L)`
+import{Fragment as c,jsx as e,jsxs as l}from"react/jsx-runtime";import{styled as a,css as d}from"styled-components";import{memo as $,useState as j}from"react";import{isUndefined as N}from"@redocly/theme/core/openapi";import{cycleColorsByLevel as C}from"../Schema/utils.js";import{NestedToggleButton as L}from"./NestedToggleButton.js";function S({expandByDefault:r,level:g,expandable:f=!1,expandText:v,hideText:x,hideDivider:h=!1,children:s,expandedAll:i,isNestedArray:t}){const[b,u]=j((r||t)??!1),o=N(i)?b:i,n=o?C(g):void 0;if(!f)return s;const y=()=>{u(w=>!w)};return t?l(c,{children:[e(_,{children:"Array ["}),e(m,{$isArrayInsideArray:t,className:"view-nested-wrapper",children:e(p,{color:n,children:s})})]}):e(c,{children:l(m,{$divider:!h&&!o,className:"view-nested-wrapper",children:[e(V,{expanded:o,label:o?x||"":v||"",color:n,onClick:y}),o&&e(p,{color:n,children:s})]})})}const I=$(S),V=a(L)`
   margin: var(--spacing-xxs) 0 var(--spacing-xs);
   width: 100%;
 `,p=a.div`
@@ -22,7 +22,7 @@ import{Fragment as c,jsx as e,jsxs as l}from"react/jsx-runtime";import{styled as
     `}
 `,_=a.span`
   padding: 0 var(--spacing-xs);
-  border-radius: var(--border-radius);
+  border-radius: var(--tag-border-radius);
   border: 1px solid var(--border-color-secondary);
   background-color: var(--bg-color);
   font-size: var(--font-size-sm);

package/lib/components/graphql/GraphQLFieldView.js

@@ -1 +1 @@
-import{jsx as n,jsxs as d}from"react/jsx-runtime";import{useState as $,useEffect as z,memo as J,useMemo as f,useRef as K}from"react";import{useAtomValue as H}from"jotai";import{Admonition as X}from"@redocly/theme/components/Admonition/Admonition";import{FieldWrapper as Y,FieldNameBox as Z,FieldName as ee,ExpandableFieldBody as ne,PanelAnnotation as F,InlineCode as re}from"./styled.js";import{ViewNested as G}from"./ViewNested.js";import{LazyMount as V}from"../common/LazyMount.js";import{GraphQLTypeViewByName as oe}from"./GraphQLTypeView.js";import{GraphQLReturnTypeDetails as te}from"./GraphQLReturnTypeDetails.js";import{GraphQLArgumentsSection as se}from"./GraphQLArgumentsSection.js";import{RequiresScopesButton as ae}from"./RequiresScopesButton.js";import{renderDescription as ie}from"./renderDescription.js";import{Markdown as pe}from"../common/Markdown.js";import{DeepLinkAnchor as me}from"../common/DeepLinkAnchor.js";import{buildGraphqlSuffix as ce,getDeepLinkId as de,isGraphqlDeepLinkAncestor as le}from"../../utils/deep-link.js";import{useDeepLinkUrl as ue}from"../../hooks/useDeepLinkSection.js";import{useSpecTranslate as he}from"../../hooks/useTranslate.js";import{globalOptionsAtom as ge}from"../../jotai/store.js";import{graphqlTypeLookupAtom as fe}from"../../jotai/graphql.js";import{mergeRequiresScopes as xe}from"../../utils/graphql-scopes.js";import{countNamedTypeFields as Le,isGraphqlFieldExpandable as ye}from"../../utils/graphql-type-expansion.js";import{isWithinExpansionLevel as Te}from"../../utils/expansion.js";import{useMarkdownAdapter as Ee}from"../../index.js";import{useUrlHash as qe}from"../../hooks/useUrlHash.js";const B=72;function ke({field:e,contrast:x,isArgument:t,fieldExpandLevel:s,parentTypeName:r,parentRequiresScopes:l,expanded:a}){const{fieldExpandLevel:M,schemasExpansionLevel:b}=H(ge),L=H(fe),y=Ee(),o=he(),T=s+1,i=r?`${r}.${e.name}`:e.name,u=qe(),E=K(u);u&&(E.current=u);const p=le(E.current,i),m=Te(s,b,0),[I,q]=$(void 0),[Q,k]=$(void 0);z(()=>{q(void 0),k(void 0)},[a]);const h=I??a??(p||m),w=Q??a??(p||m),A=!!e.deprecationReason,D=f(()=>e.deprecationReason?y.parse(e.deprecationReason)??null:null,[e.deprecationReason,y]),U=!!t&&!!e.required,c=e.args??[],v=c.length>0,_=Le(e.type.name,L)*B,j=c.length*B,R=ye(e,s,M,L),C=!R||!h,N=t?r?`arg-${r}-${e.name}`:`arg-${e.name}`:r?`${r}-${e.name}`:e.name,O=c.map(S=>({name:S.name,required:!!S.required})),P=f(()=>l!==void 0?xe(e.requiresScopes,l):null,[e.requiresScopes,l]),W=f(()=>ce({t:t?"argument":"field",path:i,arg:t?e.name:void 0}),[i,t,e.name]),g=ue(W);return n("div",{id:de(g)??N,children:d(Y,{$showBorder:C,children:[d(Z,{children:[g&&n(me,{to:g,label:`link to ${e.name}`,variant:"field"}),n(ee,{$isDeprecated:A,children:e.name}),n(te,{typeRef:e.type,inline:!v,deprecated:A,required:U})]}),e.defaultValue!==void 0&&d(F,{children:[o("defaultValue","Default"),":"," ",n(re,{children:JSON.stringify(e.defaultValue)})]}),e.description&&n(F,{children:ie(e.description)}),D&&n(X,{type:"warning",name:o("deprecationReason","Deprecation reason"),children:n(pe,{source:D})}),R&&d(ne,{$contrast:!x,children:[v&&n(G,{expanded:w,level:s,expandText:o("arguments.show","Show arguments"),collapseText:o("arguments.hide","Hide arguments"),collapsedArgs:O,onClick:()=>k(!w),children:n(V,{forceMount:p||m,estimatedHeight:j,children:n(se,{args:c,fieldExpandLevel:T,parentName:i,expanded:a})})}),n(G,{expanded:h,level:s,expandText:o("returnTypes.show","Show return type"),collapseText:o("returnTypes.hide","Hide return type"),onClick:()=>q(!h),children:n(V,{forceMount:p||m,estimatedHeight:_,children:n(oe,{typeName:e.type.name,contrast:!x,fieldExpandLevel:T,expanded:a,parentPath:i})})})]}),n(ae,{directive:P})]})})}const ze=J(ke);export{ze as GraphQLFieldView};
+import{jsx as n,jsxs as d}from"react/jsx-runtime";import{useState as $,useEffect as z,memo as J,useMemo as f,useRef as K}from"react";import{useAtomValue as H}from"jotai";import{Admonition as X}from"@redocly/theme/components/Admonition/Admonition";import{FieldWrapper as Y,FieldNameBox as Z,FieldName as ee,ExpandableFieldBody as ne,PanelAnnotation as F,InlineCode as re}from"./styled.js";import{ViewNested as G}from"./ViewNested.js";import{LazyMount as V}from"../common/LazyMount.js";import{GraphQLTypeViewByName as oe}from"./GraphQLTypeView.js";import{GraphQLReturnTypeDetails as te}from"./GraphQLReturnTypeDetails.js";import{GraphQLArgumentsSection as se}from"./GraphQLArgumentsSection.js";import{RequiresScopesButton as ae}from"./RequiresScopesButton.js";import{renderDescription as ie}from"./renderDescription.js";import{Markdown as pe}from"../common/Markdown.js";import{DeepLinkAnchor as me}from"../common/DeepLinkAnchor.js";import{buildGraphqlSuffix as ce,getDeepLinkId as de,isGraphqlDeepLinkAncestor as le}from"../../utils/deep-link.js";import{useDeepLinkUrl as ue}from"../../hooks/useDeepLinkSection.js";import{useSpecTranslate as he}from"../../hooks/useTranslate.js";import{globalOptionsAtom as ge}from"../../jotai/store.js";import{graphqlTypeLookupAtom as fe}from"../../jotai/graphql.js";import{mergeRequiresScopes as xe}from"../../utils/graphql-scopes.js";import{countNamedTypeFields as Le,isGraphqlFieldExpandable as ye}from"../../utils/graphql-type-expansion.js";import{isWithinExpansionLevel as Te}from"../../utils/expansion.js";import{useMarkdownAdapter as Ee}from"../../contexts/markdownAdapter.js";import{useUrlHash as qe}from"../../hooks/useUrlHash.js";const B=72;function ke({field:e,contrast:x,isArgument:t,fieldExpandLevel:s,parentTypeName:r,parentRequiresScopes:l,expanded:a}){const{fieldExpandLevel:M,schemasExpansionLevel:b}=H(ge),L=H(fe),y=Ee(),o=he(),T=s+1,i=r?`${r}.${e.name}`:e.name,u=qe(),E=K(u);u&&(E.current=u);const p=le(E.current,i),m=Te(s,b,0),[I,q]=$(void 0),[Q,k]=$(void 0);z(()=>{q(void 0),k(void 0)},[a]);const h=I??a??(p||m),w=Q??a??(p||m),A=!!e.deprecationReason,D=f(()=>e.deprecationReason?y.parse(e.deprecationReason)??null:null,[e.deprecationReason,y]),U=!!t&&!!e.required,c=e.args??[],v=c.length>0,_=Le(e.type.name,L)*B,j=c.length*B,R=ye(e,s,M,L),C=!R||!h,N=t?r?`arg-${r}-${e.name}`:`arg-${e.name}`:r?`${r}-${e.name}`:e.name,O=c.map(S=>({name:S.name,required:!!S.required})),P=f(()=>l!==void 0?xe(e.requiresScopes,l):null,[e.requiresScopes,l]),W=f(()=>ce({t:t?"argument":"field",path:i,arg:t?e.name:void 0}),[i,t,e.name]),g=ue(W);return n("div",{id:de(g)??N,children:d(Y,{$showBorder:C,children:[d(Z,{children:[g&&n(me,{to:g,label:`link to ${e.name}`,variant:"field"}),n(ee,{$isDeprecated:A,children:e.name}),n(te,{typeRef:e.type,inline:!v,deprecated:A,required:U})]}),e.defaultValue!==void 0&&d(F,{children:[o("defaultValue","Default"),":"," ",n(re,{children:JSON.stringify(e.defaultValue)})]}),e.description&&n(F,{children:ie(e.description)}),D&&n(X,{type:"warning",name:o("deprecationReason","Deprecation reason"),children:n(pe,{source:D})}),R&&d(ne,{$contrast:!x,children:[v&&n(G,{expanded:w,level:s,expandText:o("arguments.show","Show arguments"),collapseText:o("arguments.hide","Hide arguments"),collapsedArgs:O,onClick:()=>k(!w),children:n(V,{forceMount:p||m,estimatedHeight:j,children:n(se,{args:c,fieldExpandLevel:T,parentName:i,expanded:a})})}),n(G,{expanded:h,level:s,expandText:o("returnTypes.show","Show return type"),collapseText:o("returnTypes.hide","Hide return type"),onClick:()=>q(!h),children:n(V,{forceMount:p||m,estimatedHeight:_,children:n(oe,{typeName:e.type.name,contrast:!x,fieldExpandLevel:T,expanded:a,parentPath:i})})})]}),n(ae,{directive:P})]})})}const ze=J(ke);export{ze as GraphQLFieldView};

package/lib/components/graphql/RequiresScopesModal.js

@@ -3,14 +3,14 @@ import{jsx as r,jsxs as a}from"react/jsx-runtime";import{useRef as b,memo as u,F
   position: fixed;
   width: 100vw;
   height: 100vh;
-  z-index: var(--z-index-popover, 1000);
+  z-index: var(--z-index-popover, 200);
   left: 0;
   top: 0;
   pointer-events: auto;
 `,B=o.div`
   background: var(--bg-color);
   box-shadow: var(--bg-raised-shadow, 0 8px 32px rgba(0, 0, 0, 0.15));
-  border-radius: var(--border-radius-lg, 12px);
+  border-radius: var(--border-radius-lg);
   padding: var(--spacing-lg);
   display: flex;
   flex-direction: column;
@@ -58,7 +58,7 @@ import{jsx as r,jsxs as a}from"react/jsx-runtime";import{useRef as b,memo as u,F
   line-height: var(--line-height-base);
   font-family: var(--font-family-monospaced);
   padding: 0 var(--spacing-xxs, 4px);
-  border-radius: var(--border-radius);
+  border-radius: var(--tag-border-radius);
   background: var(--tag-bg-color, var(--border-color-secondary));
   color: var(--text-color-secondary);
 `,T=o.p`

package/lib/components/graphql/sections/GraphQLArgsSection.js

@@ -1,4 +1,4 @@
-import{Fragment as p,jsx as r,jsxs as u}from"react/jsx-runtime";import{useMemo as v}from"react";import{useAtomValue as s}from"jotai";import{styled as y}from"styled-components";import{Admonition as b}from"@redocly/theme/components/Admonition/Admonition";import{graphqlDirectiveDataAtom as F,graphqlOperationAtom as N,graphqlOperationKey as D,graphqlTypeLookupAtom as E}from"../../../jotai/graphql.js";import{GraphQLFieldView as x}from"../GraphQLFieldView.js";import{renderDescription as R}from"../renderDescription.js";import{Markdown as T}from"../../common/Markdown.js";import{FieldNameBox as S,FieldName as k,PanelAnnotation as q,InlineCode as L}from"../styled.js";import{useSpecTranslate as O}from"../../../hooks/useTranslate.js";import{useCollapsibleEntryKey as w,useExpandableSection as V,useRegisterCollapsibleEntry as j}from"../../../hooks/useExpandableSection.js";import{isGraphqlFieldExpandable as C}from"../../../utils/graphql-type-expansion.js";import{globalOptionsAtom as G}from"../../../jotai/store.js";import{useMarkdownAdapter as M}from"../../../index.js";function ae({node:e}){const{fieldExpandLevel:o}=s(G),d=s(E),a=s(N(D(e.graphqlOperationType,e.graphqlFieldName))),i=!!e.graphqlTypeName&&e.graphqlOperationType==null&&e.graphqlFieldName==null,f=s(F(i?e.graphqlTypeName??"":"")),t=a?.args??null,l=f?.args??null,h=(t?.length?t:l)??null,g=!!h&&h.some(n=>C(n,0,o,d)),m=V(e.variant,g);if(j(w(g?e.variant:void 0),!!m),t&&t.length>0)return r(p,{children:t.map(n=>r(x,{field:n,isArgument:!0,fieldExpandLevel:0,parentTypeName:e.graphqlFieldName,parentRequiresScopes:a?a.requiresScopes??null:void 0,expanded:m},n.name))});if(l&&l.length>0){const n=`@${f?.name}`;return r(p,{children:l.map(A=>r(x,{field:A,isArgument:!0,fieldExpandLevel:0,parentTypeName:n,expanded:m},A.name))})}const c=e.graphqlSchema;return!Array.isArray(c)||c.length===0?r(p,{}):r(p,{children:c.map(n=>r(_,{arg:n},n.name))})}function _({arg:e}){const o=O(),d=!!e.deprecationReason,a=M(),i=v(()=>e.deprecationReason?a.parse(e.deprecationReason)??null:null,[e.deprecationReason,a]);return u(z,{children:[u(S,{children:[r(k,{$isDeprecated:d,children:e.name}),r(B,{children:e.type})]}),e.defaultValue!==void 0&&u(q,{children:[o("defaultValue","Default"),":"," ",r(L,{children:JSON.stringify(e.defaultValue)})]}),e.description!=null&&e.description!==""&&r(q,{children:R(e.description)}),i&&r(b,{type:"warning",name:o("deprecationReason","Deprecation reason"),children:r(T,{source:i})})]})}const z=y.div`
+import{Fragment as p,jsx as r,jsxs as u}from"react/jsx-runtime";import{useMemo as v}from"react";import{useAtomValue as s}from"jotai";import{styled as y}from"styled-components";import{Admonition as b}from"@redocly/theme/components/Admonition/Admonition";import{graphqlDirectiveDataAtom as F,graphqlOperationAtom as N,graphqlOperationKey as D,graphqlTypeLookupAtom as E}from"../../../jotai/graphql.js";import{GraphQLFieldView as x}from"../GraphQLFieldView.js";import{renderDescription as R}from"../renderDescription.js";import{Markdown as T}from"../../common/Markdown.js";import{FieldNameBox as S,FieldName as k,PanelAnnotation as q,InlineCode as L}from"../styled.js";import{useSpecTranslate as O}from"../../../hooks/useTranslate.js";import{useCollapsibleEntryKey as w,useExpandableSection as V,useRegisterCollapsibleEntry as j}from"../../../hooks/useExpandableSection.js";import{isGraphqlFieldExpandable as C}from"../../../utils/graphql-type-expansion.js";import{globalOptionsAtom as G}from"../../../jotai/store.js";import{useMarkdownAdapter as M}from"../../../contexts/markdownAdapter.js";function ae({node:e}){const{fieldExpandLevel:o}=s(G),d=s(E),a=s(N(D(e.graphqlOperationType,e.graphqlFieldName))),i=!!e.graphqlTypeName&&e.graphqlOperationType==null&&e.graphqlFieldName==null,f=s(F(i?e.graphqlTypeName??"":"")),t=a?.args??null,l=f?.args??null,h=(t?.length?t:l)??null,g=!!h&&h.some(n=>C(n,0,o,d)),m=V(e.variant,g);if(j(w(g?e.variant:void 0),!!m),t&&t.length>0)return r(p,{children:t.map(n=>r(x,{field:n,isArgument:!0,fieldExpandLevel:0,parentTypeName:e.graphqlFieldName,parentRequiresScopes:a?a.requiresScopes??null:void 0,expanded:m},n.name))});if(l&&l.length>0){const n=`@${f?.name}`;return r(p,{children:l.map(A=>r(x,{field:A,isArgument:!0,fieldExpandLevel:0,parentTypeName:n,expanded:m},A.name))})}const c=e.graphqlSchema;return!Array.isArray(c)||c.length===0?r(p,{}):r(p,{children:c.map(n=>r(_,{arg:n},n.name))})}function _({arg:e}){const o=O(),d=!!e.deprecationReason,a=M(),i=v(()=>e.deprecationReason?a.parse(e.deprecationReason)??null:null,[e.deprecationReason,a]);return u(z,{children:[u(S,{children:[r(k,{$isDeprecated:d,children:e.name}),r(B,{children:e.type})]}),e.defaultValue!==void 0&&u(q,{children:[o("defaultValue","Default"),":"," ",r(L,{children:JSON.stringify(e.defaultValue)})]}),e.description!=null&&e.description!==""&&r(q,{children:R(e.description)}),i&&r(b,{type:"warning",name:o("deprecationReason","Deprecation reason"),children:r(T,{source:i})})]})}const z=y.div`
   padding: var(--spacing-base) 0;
   border-bottom: 1px solid var(--border-color-primary);
 `,B=y.span`

package/lib/components/panels/ExampleItem/CallbackPayloadItem.js

@@ -1,5 +1,5 @@
-import{Fragment as N,jsx as e,jsxs as y}from"react/jsx-runtime";import{useState as u,useContext as L,useEffect as _,useMemo as g,useCallback as B}from"react";import{styled as F}from"styled-components";import{useAtomValue as K}from"jotai";import{CodeBlockPanel as V,StyledCodeBlock as H}from"../styled.js";import{useResolvedExamples as Y,useExampleEntries as $}from"../../ItemContent/hooks.js";import{useBodySamplingSchemaId as O,useMediaTypeContent as R}from"./hooks.js";import{ExampleSelector as U,MediaTypeSelector as W,PayloadDisplay as q}from"./selectors.js";import{StyledPanelHeader as z}from"./styled.js";import{ServerDropdown as G}from"./ServerDropdown.js";import{LanguageDropdown as J}from"../LanguageItem/LanguageDropdown.js";import{itemStoreFieldAtom as Q}from"../../../jotai/itemStore.js";import{ItemIdContext as X}from"../../../hooks/useDeepLinkSection.js";import{getSyntaxHighlightLang as Z}from"../../../utils/languages.js";import{useSpecTranslate as ee}from"../../../hooks/useTranslate.js";import{useCopyCodeTelemetry as ae}from"../../../hooks/useCopyCodeTelemetry.js";const m="payload",te=F.div`
+import{Fragment as N,jsx as e,jsxs as y}from"react/jsx-runtime";import{useState as u,useContext as L,useEffect as _,useMemo as g,useCallback as B}from"react";import{styled as F}from"styled-components";import{useAtomValue as K}from"jotai";import{CodeBlockPanel as V,StyledCodeBlock as H}from"../styled.js";import{useResolvedExamples as Y,useExampleEntries as $}from"../../ItemContent/hooks.js";import{useBodySamplingSchemaId as O,useMediaTypeContent as R}from"./hooks.js";import{ExampleDescription as U,ExampleSelector as W,MediaTypeSelector as q,PayloadDisplay as z}from"./selectors.js";import{StyledPanelHeader as G}from"./styled.js";import{ServerDropdown as J}from"./ServerDropdown.js";import{LanguageDropdown as Q}from"../LanguageItem/LanguageDropdown.js";import{itemStoreFieldAtom as X}from"../../../jotai/itemStore.js";import{ItemIdContext as Z}from"../../../hooks/useDeepLinkSection.js";import{getSyntaxHighlightLang as ee}from"../../../utils/languages.js";import{useSpecTranslate as ae}from"../../../hooks/useTranslate.js";import{useCopyCodeTelemetry as te}from"../../../hooks/useCopyCodeTelemetry.js";const m="payload",oe=F.div`
   min-width: 0;
   overflow: hidden;
   flex: 1 1 auto;
-`;function Se({node:a}){const x=ee(),h=L(X)??"",S=K(Q({itemId:h,key:"selectedCallback"})),p=a.callbackName,t=a.definitionSamples,C=p!=null&&S===p,{mediaTypes:b,activeMediaType:l,effectiveSchemaId:v,effectiveExampleIds:s,onMediaTypeChange:k}=R(a),E=O(v,l),d=Y(E,s,"response",l),I=$(s),[i,f]=u(0),[n,T]=u(m);_(()=>f(0),[s,l]);const D=d[i]??d[0],P=I[i]?.description,M=g(()=>{const o=[{key:m,lang:"json",title:"Payload"}];if(t)for(const c of t){const A=`x-${c.lang}`;o.push({key:A,lang:c.lang,title:c.label||c.lang})}return o},[t]),r=g(()=>{if(!(n===m||!t))return t.find(o=>`x-${o.lang}`===n)},[n,t]),j=ae("response"),w=B(o=>T(o),[]);return C?e(V,{className:"panel-callback-samples",header:()=>y(z,{isExpandable:!1,children:[e(te,{children:e(G,{servers:a.servers??[],method:(a.httpVerb??"post").toUpperCase(),path:a.path??"Callback"})}),e(J,{activeTab:n,samples:M,onChange:w})]}),isExpandable:!1,children:r?e(H,{lang:Z(r.lang),source:r.source,header:{className:"code-block-header",controls:{copy:{onClick:j(r.lang)}}}}):y(N,{children:[e(W,{mediaTypes:b,value:l,onChange:k,label:x("contentType","Payload media type")}),e(U,{exampleIds:s,selectedIdx:i,onSelect:f}),e(q,{payload:D,emptyMessage:"// No callback payload",mediaType:l,description:P})]})}):null}export{Se as CallbackPayloadItem};
+`;function Ce({node:a}){const x=ae(),h=L(Z)??"",S=K(X({itemId:h,key:"selectedCallback"})),p=a.callbackName,t=a.definitionSamples,C=p!=null&&S===p,{mediaTypes:b,activeMediaType:l,effectiveSchemaId:v,effectiveExampleIds:s,onMediaTypeChange:k}=R(a),E=O(v,l),d=Y(E,s,"response",l),I=$(s),[i,f]=u(0),[n,T]=u(m);_(()=>f(0),[s,l]);const D=d[i]??d[0],P=I[i]?.description,M=g(()=>{const o=[{key:m,lang:"json",title:"Payload"}];if(t)for(const c of t){const A=`x-${c.lang}`;o.push({key:A,lang:c.lang,title:c.label||c.lang})}return o},[t]),r=g(()=>{if(!(n===m||!t))return t.find(o=>`x-${o.lang}`===n)},[n,t]),j=te("response"),w=B(o=>T(o),[]);return C?e(V,{className:"panel-callback-samples",header:()=>y(G,{isExpandable:!1,children:[e(oe,{children:e(J,{servers:a.servers??[],method:(a.httpVerb??"post").toUpperCase(),path:a.path??"Callback"})}),e(Q,{activeTab:n,samples:M,onChange:w})]}),isExpandable:!1,children:r?e(H,{lang:ee(r.lang),source:r.source,header:{className:"code-block-header",controls:{copy:{onClick:j(r.lang)}}}}):y(N,{children:[e(q,{mediaTypes:b,value:l,onChange:k,label:x("contentType","Payload media type")}),e(W,{exampleIds:s,selectedIdx:i,onSelect:f}),e(U,{description:P}),e(z,{payload:D,emptyMessage:"// No callback payload",mediaType:l})]})}):null}export{Ce as CallbackPayloadItem};

package/lib/components/panels/ExampleItem/CodeSampleItem.js

@@ -1 +1 @@
-import{Fragment as Oe,jsx as l,jsxs as te}from"react/jsx-runtime";import{useState as Pe,useMemo as p,useCallback as re,useEffect as we}from"react";import{useAtom as ae}from"jotai";import{useAtomValue as U}from"jotai";import{buildCodeSampleHAR as De,tryGenerateCodeSample as $e,mapReplayAtomValuesToHarRequestValues as Be,useCodeSampleResolvers as Me}from"../../../services/code-samples/index.js";import{findExampleIdByKey as Ne}from"../../../services/code-samples/example-key.js";import{exampleStoreAtom as je}from"../../../jotai/examples.js";import{DEFAULT_LANGUAGES as oe,getGeneratorKey as Ge,getLangKey as O,getSyntaxHighlightLang as Fe}from"../../../utils/languages.js";import{useSpecTranslate as We}from"../../../hooks/useTranslate.js";import{CodeBlockPanel as Ke,StyledCodeBlock as _e}from"../styled.js";import{useResolvedExamples as He}from"../../ItemContent/hooks.js";import{languageAtom as ze,environmentAtom as Je,selectedSecuritySchemeIdxAtom as Ye,requestValuesAtom as Qe}from"../../../jotai/app.js";import{useActiveVariantSchemaId as Xe,useSchemaVariantSelection as Ze,useMediaTypeContent as et}from"./hooks.js";import{isSequentialMediaType as tt}from"../../../utils/media-type.js";import{isRecord as se}from"../../../adapters/helpers.js";import{updateObjectProperties as rt}from"../../../adapters/openapi/configure/merge-utils.js";import{useCopyCodeTelemetry as at}from"../../../hooks/useCopyCodeTelemetry.js";import{VariantPicker as ot,ExampleSelector as st,MediaTypeSelector as nt,PanelDropdownSelect as lt,PayloadDisplay as it}from"./selectors.js";import{LanguageDropdown as ct}from"../LanguageItem/LanguageDropdown.js";import{StyledPanelHeader as pt,TryItPanelFooter as mt}from"./styled.js";import{MediaTypeRow as ut}from"./styled.js";import{ServerDropdown as dt}from"./ServerDropdown.js";import{replaceServerVariables as yt,serverMatchesUrl as ft}from"../../../services/code-samples/server-variables.js";import{globalOptionsAtom as ht}from"../../../jotai/store.js";import{createLanguageSwitchEvent as gt}from"../../../events/languageSwitch.js";import{createCodeSampleCopyEvent as St}from"../../../events/codeSampleCopy.js";import{Replay as vt}from"../../Replay/index.js";import{useOpenApiDefinition as bt}from"../../../hoc/withReplayPrefetch.js";import{pickReplayDefinitionDownloadUrl as kt}from"../../../utils/fetch-openapi-definition.js";const G=oe.find(r=>r.key==="payload")??oe[0],ne=[{key:G.key,lang:G.lang,title:G.label}];function er({node:r}){const[{activeLanguage:g,languages:i},S]=ae(ze),s=U(ht),v=We(),le=bt(),P=r.isWebhook?"payload":g||"curl",F=Me(),e=r.source,k=r.definitionSamples,ie=U(Qe),q=U(je),ce=`${e.method.toLowerCase()}:${e.path}`,C=ie[ce],W=C?.activeExampleName,A=typeof W=="string"?W:void 0,{mediaTypes:K,activeMediaType:m,effectiveSchemaId:L,effectiveExampleIds:h,onMediaTypeChange:pe}=et(r),me=r.isWebhook?"response":"request",ue=Ze(L),de=Xe(L),ye=tt(m)?L:de,_=He(ye,h,me,m),[w,H]=Pe(0);we(()=>{const t=A?q[A]?.key??A:void 0,a=Ne(h,t,n=>q[n]),o=a?h?.indexOf(a)??-1:-1;H(o>=0?o:0)},[h,m,A,q]);const V=_[w]??_[0],z=(h?.length??0)>0||!!L,T=p(()=>{if(!k?.length)return k;const t=new Set((i??[]).map(a=>a.key));return k.filter(a=>t.has(O(a)))},[k,i]),y=p(()=>{const t=(i??[]).map(({key:o,lang:n,title:E})=>({key:o,lang:n,title:E}));let a=z?t:t.filter(o=>o.key!=="payload");if(r.isWebhook){const o=new Set(T?.map(n=>O(n))??[]);a=a.filter(n=>n.key==="payload"||o.has(n.key))}return a},[z,i,r.isWebhook,T]),u=p(()=>(y.some(t=>t.key===P)?P:y[0]?.key)??"curl",[y,P]),I=U(Je),{activeServerUrl:J,activeServerSpecUrl:f}=p(()=>{const t=I[0].server,a=t?r.servers?.find(n=>ft(n,t)):void 0;if(t&&a)return{activeServerUrl:t,activeServerSpecUrl:a.url};const o=r.servers?.[0];return o?{activeServerUrl:yt(o),activeServerSpecUrl:o.url}:{activeServerUrl:e.servers[0]?.url,activeServerSpecUrl:e.servers[0]?.url}},[I,r.servers,e.servers]),[D,fe]=ae(Ye),c=e.securityGroups,he=!!(c&&c.length>1),Y=p(()=>{if(!c?.length)return;const t=c.length>1?c[D]??c[0]:c[0];return Object.keys(t)},[c,D]),Q=p(()=>{const t=Be(C??{});return e.requestValues?.security?{...t,security:e.requestValues.security}:t},[C,e.requestValues?.security]),x=C?.body,$=h?.[w],R=$?q[$]?.key??$:void 0,b=p(()=>{const t=e.requestValues?.serverBody;return(f&&t?.[f])??e.requestValues?.body},[f,e.requestValues?.body,e.requestValues?.serverBody]),ge=p(()=>x!==void 0?Vt(x):b!==void 0?V===void 0?b:se(V)&&se(b)?rt(V,b):b:V,[x,V,b]),Se=p(()=>{if(u==="payload")return"";const t=T?.find(d=>O(d)===u);if(t){let d=t.source;const j=e.requestValues?.envVariables,Te=e.requestValues?.serverEnvVariables,Ie={...j,...f&&Te?.[f]};for(const[Re,Ue]of Object.entries(Ie))d=d.replaceAll(`{{${Re}}}`,Ue);return d}const a=De(e,{serverUrl:J,mediaType:m,environment:I[0]??{},requestValues:Q,activeSecuritySchemeIds:Y,replayBody:x,exampleName:R},{skipOptionalParameters:s.codeSamples?.skipOptionalParameters,withOAuth2Call:s.codeSamples?.withOAuth2Call,generatedPayloadSamplesMaxDepth:s.generatedSamplesMaxDepth},F),o=s.codeSamples?.languages?.find(d=>d.key===u),n=$e(o?Ge(o):u,a,o?.options);if(n.kind==="unsupported-language")return`// ${v("unsupportedLanguage","Language is not supported.")}`;if(n.kind==="error")return console.error(n.error),`// ${v("failedToGenerateCodeSample","Failed to generate code sample.")}`;let E=n.source;const Ce=e.requestValues?.envVariables,Ae=e.requestValues?.serverEnvVariables,Le={...Ce,...f&&Ae?.[f]};for(const[d,j]of Object.entries(Le))E=E.replaceAll(`{{${d}}}`,j);return E},[u,T,e,J,f,m,I,s,F,Q,Y,x,R,v]),B=y.find(t=>t.key===u)??y[0],X=k?.find(t=>O(t)===u),M=X?.lang??B?.lang,ve=M&&Fe(M),Z=at("request"),be=re(t=>()=>{Z(t)(),s.events?.codeSamplesCopy?.(St({operation:{id:`${e.method}:${e.path}`,path:e.path,httpVerb:e.method,name:`${e.method.toUpperCase()} ${e.path}`},type:"request",lang:t??"",label:B?.title??"",activeMimeName:m??"",activeExampleName:R}))},[Z,s.events,e.method,e.path,B,m,R]),ke=re(t=>{S(t);const a=(r.isWebhook?ne:y).find(o=>o.key===t);s.events?.codeSamplesLanguageSwitch&&a&&s.events.codeSamplesLanguageSwitch(gt({operation:{id:`${e.method}:${e.path}`,path:e.path,httpVerb:e.method,name:`${e.method.toUpperCase()} ${e.path}`},sample:{lang:a.lang,label:a.title}}))},[S,y,r.isWebhook,s.events,e.method,e.path]),Ve=e.method,xe=e.path,ee=!(s.hideReplay||r.hideReplay)&&!r.isWebhook&&!!(le??kt(s.downloadUrls)),N=u==="payload",Ee=!N&&!!X,qe=p(()=>ee?l(mt,{children:l(vt,{node:r})}):void 0,[ee,r]);return l(Oe,{children:te(Ke,{className:"panel-request-samples",footer:qe,header:()=>te(pt,{isExpandable:!1,children:[l(dt,{servers:r.servers??[],method:Ve,path:xe}),l(ct,{activeTab:u,samples:r.isWebhook?ne:y,onChange:ke})]}),isExpandable:!1,children:[he&&c&&l(xt,{requirements:c,activeIdx:D,onSelect:fe}),K.length>1&&l(nt,{mediaTypes:K,value:m,onChange:pe,label:N?v("contentType","Payload media type"):v("contentType","Request media type")}),!Ee&&l(ot,{selection:ue}),l(st,{exampleIds:h,selectedIdx:w,onSelect:H}),N?l(it,{payload:ge,emptyMessage:`// ${v("noRequestPayload","No request payload")}`,mediaType:m,snippetType:"request"}):l(_e,{lang:ve,source:Se,header:{className:"code-block-header",controls:{copy:{onClick:be(M)}}}})]})})}function Vt(r){if(typeof r!="string")return r;const g=r.trim();if(!g)return r;try{const i=JSON.parse(g);if(i!==null&&typeof i=="object")return i}catch{}return r}function xt({requirements:r,activeIdx:g,onSelect:i}){return l(ut,{children:l(lt,{value:String(g),onChange:S=>i(Number(S)),"aria-label":"Security scheme",options:r.map((S,s)=>({key:String(s),value:String(s),label:Object.keys(S).join(" + ")||`Scheme ${s+1}`}))})})}export{er as CodeSampleItem};
+import{Fragment as le,jsx as s,jsxs as j}from"react/jsx-runtime";import{useState as ce,useMemo as T,useCallback as V,useContext as de}from"react";import{useEffect as ue}from"react";import{useAtomValue as I,useSetAtom as ye}from"jotai";import{applyEnvVariables as fe}from"../../../services/code-samples/apply-env-variables.js";import{findExampleIdByKey as he}from"../../../services/code-samples/example-key.js";import{itemStoreAtom as Se,itemStoreFieldAtom as ge}from"../../../jotai/itemStore.js";import{ItemIdContext as xe}from"../../../hooks/useDeepLinkSection.js";import{useSpecTranslate as ve}from"../../../hooks/useTranslate.js";import{CodeBlockPanel as Ce,StyledCodeBlock as Ee}from"../styled.js";import{useResolvedExamples as be}from"../../ItemContent/hooks.js";import{getLangKey as G,getSyntaxHighlightLang as Ie}from"../../../utils/languages.js";import{selectedSecuritySchemeIdxAtom as qe}from"../../../jotai/app.js";import{exampleStoreAtom as Le}from"../../../jotai/examples.js";import{useActiveVariantSchemaId as ke,useSchemaVariantSelection as Te,useMediaTypeContent as Ve}from"./hooks.js";import{isSequentialMediaType as Ae}from"../../../utils/media-type.js";import{isRecord as O}from"../../../adapters/helpers.js";import{updateObjectProperties as Be}from"../../../adapters/openapi/configure/merge-utils.js";import{useCopyCodeTelemetry as $e}from"../../../hooks/useCopyCodeTelemetry.js";import{VariantPicker as Ke,ExampleDescription as Ne,ExampleSelector as Pe,MediaTypeSelector as Ue,PayloadDisplay as Me}from"./selectors.js";import{LanguageDropdown as Re}from"../LanguageItem/LanguageDropdown.js";import{StyledPanelHeader as we}from"./styled.js";import{ServerDropdown as De}from"./ServerDropdown.js";import{globalOptionsAtom as Fe}from"../../../jotai/store.js";import{createLanguageSwitchEvent as je}from"../../../events/languageSwitch.js";import{createCodeSampleCopyEvent as Ge}from"../../../events/codeSampleCopy.js";import{useActiveServer as Oe}from"./useActiveServer.js";import{useCodeSampleLanguages as We,WEBHOOK_LANGUAGE_SAMPLES as W}from"./useCodeSampleLanguages.js";import{useReplayRequestState as _e}from"./useReplayRequestState.js";import{useTryItFooter as He}from"./useTryItFooter.js";import{generateRequestSample as ze}from"./generate-request-sample.js";import{SecuritySchemeSelector as Je}from"./SecuritySchemeSelector.js";function Tt({node:o}){const l=I(Fe),d=ve(),e=o.source,c=I(Le),{mediaTypes:A,activeMediaType:n,effectiveSchemaId:x,effectiveExampleIds:a,onMediaTypeChange:_}=Ve(o),H=o.isWebhook?"response":"request",z=Te(a?.length?void 0:x),J=ke(x),Q=Ae(n)?x:J,B=be(Q,a,H,n),$=de(xe)??"",v=ye(Se($)),X=I(ge({itemId:$,key:"activeExampleKey"})),r=_e(e),Y=He(o);ue(()=>{if(!r.exampleName)return;const t=c[r.exampleName]?.key??r.exampleName;v({activeExampleKey:t})},[r.exampleName,c,v]);const u=`${n}|${a?.join(",")}`,K=he(a,X||void 0,t=>c[t]),N=K?a?.indexOf(K)??-1:-1,[C,P]=ce({contentKey:u,idx:0}),f=N>=0?N:C.contentKey===u?C.idx:0;(C.idx!==f||C.contentKey!==u)&&P({contentKey:u,idx:f});const Z=V(t=>{P({contentKey:u,idx:t});const i=a?.[t],g=i?c[i]?.key:void 0;v({activeExampleKey:g??""})},[u,a,c,v]),h=B[f]??B[0],ee=(a?.length??0)>0||!!x,{languages:S,filteredDefinitionSamples:U,activeLanguage:m,setLanguage:M}=We(o,ee),p=Oe(o),R=I(qe),w=e.securityGroups,E=a?.[f],b=E?c[E]?.key??E:void 0,y=T(()=>{const t=e.requestValues?.serverBody;return(p.specUrl&&t?.[p.specUrl])??e.requestValues?.body},[p.specUrl,e.requestValues?.body,e.requestValues?.serverBody]),te=T(()=>r.displayBody!==void 0?r.displayBody:y!==void 0?h===void 0?y:O(h)&&O(y)?Be(h,y):y:h,[r.displayBody,h,y]),oe=T(()=>{if(m==="payload")return"";const t=U?.find(g=>G(g)===m);if(t)return fe(t.source,e.requestValues,p.specUrl);let i;return i=ze({source:e,activeLanguage:m,serverUrl:p.url,activeServerSpecUrl:p.specUrl,mediaType:n,environment:p.environment[0]??{},harRequestValues:r.harRequestValues,securityGroups:w,securityIdx:R,replayBody:r.body,exampleName:b,options:l,resolvers:r.resolvers,translate:d}),i??`// ${d("unsupportedLanguage","Language is not supported.")}`},[m,U,e,p,d,n,r,w,R,b,l]),q=S.find(t=>t.key===m)??S[0],D=o.definitionSamples?.find(t=>G(t)===m),L=D?.lang??q?.lang,ae=L&&Ie(L),F=$e("request"),re=V(t=>()=>{F(t)(),l.events?.codeSamplesCopy?.(Ge({operation:{id:`${e.method}:${e.path}`,path:e.path,httpVerb:e.method,name:`${e.method.toUpperCase()} ${e.path}`},type:"request",lang:t??"",label:q?.title??"",activeMimeName:n??"",activeExampleName:b}))},[F,l.events,e.method,e.path,q,n,b]),se=V(t=>{M(t);const i=(o.isWebhook?W:S).find(g=>g.key===t);l.events?.codeSamplesLanguageSwitch&&i&&l.events.codeSamplesLanguageSwitch(je({operation:{id:`${e.method}:${e.path}`,path:e.path,httpVerb:e.method,name:`${e.method.toUpperCase()} ${e.path}`},sample:{lang:i.lang,label:i.title}}))},[M,S,o.isWebhook,l.events,e.method,e.path]),ne=e.method,ie=e.path,k=m==="payload",me=!k&&!!D,pe=(a?.length??0)>0;return s(le,{children:j(Ce,{className:"panel-request-samples",footer:Y,header:()=>j(we,{isExpandable:!1,children:[s(De,{servers:o.servers??[],method:ne,path:ie}),s(Re,{activeTab:m,samples:o.isWebhook?W:S,onChange:se})]}),isExpandable:!1,children:[s(Je,{requirements:e.securityGroups}),A.length>1&&s(Ue,{mediaTypes:A,value:n,onChange:_,label:k?d("contentType","Payload media type"):d("contentType","Request media type")}),!me&&!pe&&s(Ke,{selection:z}),s(Pe,{exampleIds:a,selectedIdx:f,onSelect:Z}),s(Ne,{description:c[E??""]?.description}),k?s(Me,{payload:te,emptyMessage:`// ${d("noRequestPayload","No request payload")}`,mediaType:n,snippetType:"request"}):s(Ee,{lang:ae,source:oe,header:{className:"code-block-header",controls:{copy:{onClick:re(L)}}}})]})})}export{Tt as CodeSampleItem};

package/lib/components/panels/ExampleItem/PayloadExampleItem.js

@@ -1,4 +1,4 @@
-import{Fragment as g,jsx as e,jsxs as S}from"react/jsx-runtime";import{styled as u}from"styled-components";import{useState as E,useEffect as h}from"react";import{PanelHeader as v}from"@redocly/theme/components/Panel/PanelHeader";import{CodeBlockPanel as I}from"../styled.js";import{useResolvedExamples as T,useExampleEntries as P}from"../../ItemContent/hooks.js";import{useBodySamplingSchemaId as M,useSchemaVariantSelection as b,useMediaTypeContent as j}from"./hooks.js";import{VariantPicker as C,ExampleSelector as _,MediaTypeSelector as k,PayloadDisplay as w}from"./selectors.js";import{useSpecTranslate as B}from"../../../hooks/useTranslate.js";function G({node:l}){const{mediaTypes:i,activeMediaType:a,effectiveSchemaId:n,effectiveExampleIds:s,onMediaTypeChange:m}=j(l),p=B(),d=b(n),c=M(n,a),t=T(c,s,"response",a),f=P(s),[o,r]=E(0);h(()=>r(0),[s,a]);const x=t[o]??t[0],y=f[o]?.description;return t.length===0?e(g,{}):S(I,{className:"panel-response-samples",header:()=>e(D,{isExpandable:!1,children:l.panelLabel??p("payload","Payload")}),isExpandable:!1,children:[e(k,{mediaTypes:i,value:a,onChange:m,label:p("contentType","Payload media type")}),e(C,{selection:d}),e(_,{exampleIds:s,selectedIdx:o,onSelect:r}),e(w,{payload:x,emptyMessage:"// No payload sample",mediaType:a,description:y})]})}const D=u(v)`
+import{Fragment as g,jsx as e,jsxs as h}from"react/jsx-runtime";import{styled as u}from"styled-components";import{useState as E,useEffect as S}from"react";import{PanelHeader as v}from"@redocly/theme/components/Panel/PanelHeader";import{CodeBlockPanel as I}from"../styled.js";import{useResolvedExamples as T,useExampleEntries as P}from"../../ItemContent/hooks.js";import{useBodySamplingSchemaId as M,useSchemaVariantSelection as b,useMediaTypeContent as j}from"./hooks.js";import{VariantPicker as C,ExampleDescription as D,ExampleSelector as _,MediaTypeSelector as k,PayloadDisplay as w}from"./selectors.js";import{useSpecTranslate as B}from"../../../hooks/useTranslate.js";function J({node:n}){const{mediaTypes:r,activeMediaType:s,effectiveSchemaId:l,effectiveExampleIds:a,onMediaTypeChange:m}=j(n),p=B(),d=b(a?.length?void 0:l),c=M(l,s),t=T(c,a,"response",s),f=P(a),[o,i]=E(0);S(()=>i(0),[a,s]);const x=t[o]??t[0],y=f[o]?.description;return t.length===0?e(g,{}):h(I,{className:"panel-response-samples",header:()=>e(F,{isExpandable:!1,children:n.panelLabel??p("payload","Payload")}),isExpandable:!1,children:[e(k,{mediaTypes:r,value:s,onChange:m,label:p("contentType","Payload media type")}),!a?.length&&e(C,{selection:d}),e(_,{exampleIds:a,selectedIdx:o,onSelect:i}),e(D,{description:y}),e(w,{payload:x,emptyMessage:"// No payload sample",mediaType:s})]})}const F=u(v)`
   font-weight: var(--font-weight-regular);
   padding: var(--spacing-sm) var(--spacing-md) var(--spacing-xs);
-`;export{G as PayloadExampleItem};
+`;export{J as PayloadExampleItem};

package/lib/components/panels/ExampleItem/ResponseExampleItem.js

@@ -1 +1 @@
-import{Fragment as _,jsx as a,jsxs as R}from"react/jsx-runtime";import{useState as b,useMemo as k,useCallback as $,useEffect as G,useContext as L}from"react";import{useAtom as U,useAtomValue as A,useSetAtom as q}from"jotai";import{PanelHeaderTitle as w}from"@redocly/theme/components/Panel/PanelHeaderTitle";import{CodeBlockPanel as z}from"../styled.js";import{findExampleIdByKey as g}from"../../../services/code-samples/example-key.js";import{useResolvedExamples as J,useExampleEntries as Q}from"../../ItemContent/hooks.js";import{useBodySamplingSchemaId as W,useSchemaVariantSelection as X}from"./hooks.js";import{activeMediaTypeAtom as Y}from"../../../jotai/app.js";import{exampleStoreAtom as Z}from"../../../jotai/examples.js";import{itemStoreAtom as ee,itemStoreFieldAtom as te}from"../../../jotai/itemStore.js";import{ItemIdContext as oe}from"../../../hooks/useDeepLinkSection.js";import{VariantPicker as ne,ExampleSelector as se,MediaTypeSelector as ae,PayloadDisplay as ie}from"./selectors.js";import{ResponsePanelHeader as de}from"./styled.js";import{ResponseCodesTabList as ce,ResponseCodeTab as me}from"../../common/ResponseCodeTabs.js";import{useSpecTranslate as re}from"../../../hooks/useTranslate.js";function pe(t,e,r){if(e===void 0||!t?.length)return;const p=n=>r[n];for(const n of t){for(const[u,d]of Object.entries(n.mediaTypeContent??{}))if(g(d.exampleIds,e,p))return{code:n.code,mediaType:u};if(g(n.exampleIds,e,p))return{code:n.code}}}function ke({node:t}){const{responseCodes:e}=t,r=re(),p=L(oe)??"",n=q(ee(p)),u=A(te({itemId:p,key:"activeResponseCode"})),d=A(Z),c=k(()=>pe(e,t.exampleKey,d),[e,t.exampleKey,d]),l=u||c?.code||e?.[0]?.code,i=e?.find(o=>o.code===l)??e?.[0],m=k(()=>i?.mediaTypeContent?Object.keys(i.mediaTypeContent):i?.mediaTypes??[],[i]),[x,j]=U(Y),[P,K]=b(!1),T=c&&c.code===l&&c.mediaType&&m.includes(c.mediaType)?c.mediaType:void 0,y=!P&&T?T:x&&m.includes(x)?x:T??m[0],E=i?.mediaTypeContent?.[y??""],M=!!e?.length,h=E?.schemaId??i?.schemaId??(M?void 0:t.schemaId),s=E?.exampleIds??i?.exampleIds??(M?void 0:t.exampleIds),B=!e?.length||!!(h||s?.length),I=m.length>0?y??m[0]:"application/json",H=X(h),D=W(h,I),C=J(D,s,"response",I),F=Q(s),[S,f]=b(0);G(()=>{if(!s?.length){f(0);return}const o=g(s,t.exampleKey,v=>d[v]);if(o){f(s.indexOf(o));return}f(0)},[s,y,l,t.exampleKey,d]);const N=C[S]??C[0],O=F[S]?.description,V=$(()=>{if(!(!t.headerTitle&&!e?.length))return R(de,{children:[a(w,{children:t.headerTitle}),e&&e.length>0&&a(ce,{children:e.map(o=>{const v=o.code===(l??e[0]?.code);return a(me,{type:"button",$active:v,$code:o.code,onClick:()=>{n({activeResponseCode:o.code}),f(0)},children:o.code},o.code)})})]})},[e,l,t.headerTitle,n]);return C.length===0&&!e?.length?a(_,{}):R(z,{className:"panel-response-samples",header:V,isExpandable:!1,children:[a(ae,{mediaTypes:m,value:y,onChange:o=>{K(!0),j(o)},label:r("contentType","Response media type")}),a(ne,{selection:H}),a(se,{exampleIds:s,selectedIdx:S,onSelect:f}),a(ie,{payload:N,emptyMessage:B?`// ${r("noResponseExample","No response sample")}`:r("noResponseContent","No content"),mediaType:I,description:O})]})}export{ke as ResponseExampleItem};
+import{Fragment as Z,jsx as a,jsxs as B}from"react/jsx-runtime";import{useState as D,useMemo as H,useCallback as O,useContext as ee}from"react";import{useAtom as te,useAtomValue as M,useSetAtom as oe}from"jotai";import{PanelHeaderTitle as ne}from"@redocly/theme/components/Panel/PanelHeaderTitle";import{CodeBlockPanel as se}from"../styled.js";import{findExampleIdByKey as T}from"../../../services/code-samples/example-key.js";import{useResolvedExamples as ae,useExampleEntries as ie}from"../../ItemContent/hooks.js";import{useBodySamplingSchemaId as de,useSchemaVariantSelection as ce}from"./hooks.js";import{activeMediaTypeAtom as pe}from"../../../jotai/app.js";import{exampleStoreAtom as me}from"../../../jotai/examples.js";import{itemStoreAtom as le,itemStoreFieldAtom as F}from"../../../jotai/itemStore.js";import{ItemIdContext as re}from"../../../hooks/useDeepLinkSection.js";import{VariantPicker as ye,ExampleDescription as fe,ExampleSelector as xe,MediaTypeSelector as ue,PayloadDisplay as he}from"./selectors.js";import{ResponsePanelHeader as Te}from"./styled.js";import{ResponseCodesTabList as Ie,ResponseCodeTab as ve}from"../../common/ResponseCodeTabs.js";import{useSpecTranslate as Ce}from"../../../hooks/useTranslate.js";function Se(n,e,y){if(e===void 0||!n?.length)return;const d=s=>y[s];for(const s of n){for(const[I,v]of Object.entries(s.mediaTypeContent??{}))if(T(v.exampleIds,e,d))return{code:s.code,mediaType:I};if(T(s.exampleIds,e,d))return{code:s.code}}}function Ne({node:n}){const{responseCodes:e}=n,y=Ce(),d=ee(re)??"",s=oe(le(d)),I=M(F({itemId:d,key:"activeResponseCode"})),v=M(F({itemId:d,key:"activeExampleKey"})),c=M(me),p=H(()=>Se(e,n.exampleKey,c),[e,n.exampleKey,c]),f=I||p?.code||e?.[0]?.code,i=e?.find(t=>t.code===f)??e?.[0],m=H(()=>i?.mediaTypeContent?Object.keys(i.mediaTypeContent):i?.mediaTypes??[],[i]),[C,N]=te(pe),[V,_]=D(!1),S=p&&p.code===f&&p.mediaType&&m.includes(p.mediaType)?p.mediaType:void 0,u=!V&&S?S:C&&m.includes(C)?C:S??m[0],R=i?.mediaTypeContent?.[u??""],K=!!e?.length,E=R?.schemaId??i?.schemaId??(K?void 0:n.schemaId),o=R?.exampleIds??i?.exampleIds??(K?void 0:n.exampleIds),G=!e?.length||!!(E||o?.length),g=m.length>0?u??m[0]:"application/json",L=ce(o?.length?void 0:E),U=de(E,g),k=ae(U,o,"response",g),q=ie(o),h=`${f}|${u}|${o?.join(",")}`,b=T(o,v||void 0,t=>c[t]),j=b?o?.indexOf(b)??-1:-1,A=T(o,n.exampleKey,t=>c[t]),P=A?o?.indexOf(A)??-1:-1,[w,$]=D({}),l=w[h],x=j>=0?j:l?.picked?l.idx:P>=0?P:l?.idx??0;if(!l||l.idx!==x){const t=l?.picked??!1;$(r=>({...r,[h]:{idx:x,picked:t}}))}const z=O(t=>{$(Y=>({...Y,[h]:{idx:t,picked:!0}}));const r=o?.[t],X=r?c[r]?.key:void 0;s({activeExampleKey:X??""})},[h,o,c,s]),J=k[x]??k[0],Q=q[x]?.description,W=O(()=>{if(!(!n.headerTitle&&!e?.length))return B(Te,{children:[a(ne,{children:n.headerTitle}),e&&e.length>0&&a(Ie,{children:e.map(t=>{const r=t.code===(f??e[0]?.code);return a(ve,{type:"button",$active:r,$code:t.code,onClick:()=>s({activeResponseCode:t.code}),children:t.code},t.code)})})]})},[e,f,n.headerTitle,s]);return k.length===0&&!e?.length?a(Z,{}):B(se,{className:"panel-response-samples",header:W,isExpandable:!1,children:[a(ue,{mediaTypes:m,value:u,onChange:t=>{_(!0),N(t)},label:y("contentType","Response media type")}),!o?.length&&a(ye,{selection:L}),a(xe,{exampleIds:o,selectedIdx:x,onSelect:z}),a(fe,{description:Q}),a(he,{payload:J,emptyMessage:G?`// ${y("noResponseExample","No response sample")}`:y("noResponseContent","No content"),mediaType:g})]})}export{Ne as ResponseExampleItem};

package/lib/components/panels/ExampleItem/SecuritySchemeSelector.d.ts

@@ -0,0 +1,9 @@
+import type { ReactElement } from 'react';
+/**
+ * Picks which OpenAPI `security` AND-group the generated code sample is built
+ * against. Renders nothing unless the operation declares more than one group —
+ * with a single group there is nothing to choose.
+ */
+export declare function SecuritySchemeSelector({ requirements, }: {
+    requirements?: Array<Record<string, string[]>>;
+}): ReactElement | null;

package/lib/components/panels/ExampleItem/SecuritySchemeSelector.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{useAtom as m}from"jotai";import{selectedSecuritySchemeIdxAtom as n}from"../../../jotai/app.js";import{PanelDropdownSelect as l}from"./selectors.js";import{MediaTypeRow as a}from"./styled.js";function h({requirements:e}){const[c,i]=m(n);return!e||e.length<=1?null:r(a,{children:r(l,{value:String(c),onChange:t=>i(Number(t)),"aria-label":"Security scheme",options:e.map((t,o)=>({key:String(o),value:String(o),label:Object.keys(t).join(" + ")||`Scheme ${o+1}`}))})})}export{h as SecuritySchemeSelector};

package/lib/components/panels/ExampleItem/ServerDropdown.js

@@ -1,4 +1,4 @@
-import{jsx as i,jsxs as p}from"react/jsx-runtime";import{useCallback as f,useEffect as P,useMemo as g}from"react";import{useAtom as $,useAtomValue as h}from"jotai";import{styled as S}from"styled-components";import{getOperationColor as D}from"@redocly/theme/core/openapi";import{breakpoints as M}from"@redocly/theme/core/openapi";import{Dropdown as V}from"@redocly/theme/components/Dropdown/Dropdown";import{DropdownMenu as W}from"@redocly/theme/components/Dropdown/DropdownMenu";import{DropdownMenuItem as B}from"@redocly/theme/components/Dropdown/DropdownMenuItem";import{CopyButton as I}from"@redocly/theme/components/Buttons/CopyButton";import{environmentAtom as L,savedEnvironmentNameAtom as O}from"../../../jotai/app.js";import{resolveServerUrl as w}from"../../../services/code-samples/replay/normalize-servers.js";import{replaceServerVariables as q}from"../../../services/code-samples/server-variables.js";import{getServerEnvName as T}from"../../../utils/environments.js";import{globalOptionsAtom as _}from"../../../jotai/store.js";import{useTelemetry as H}from"../../../hooks/useTelemetry.js";import{createTargetServerSwitchEvent as R}from"../../../events/serverSwitch.js";import{PanelItem as z}from"../../common/PanelItem.js";import{HttpVerb as U,PathLabel as C,PathWrapper as F,StaticPathWrapper as G}from"./styled.js";function J(o="",n="",t="/"){return o.endsWith(t)&&o!==t&&(o=o.slice(0,-t.length)),n.startsWith(t)&&(n=n.slice(t.length)),!o||!n||o===t?o+n:o+t+n}const K=S(B)`
+import{jsx as i,jsxs as p}from"react/jsx-runtime";import{useCallback as f,useEffect as P,useMemo as g}from"react";import{useAtom as $,useAtomValue as h}from"jotai";import{styled as S}from"styled-components";import{getOperationColor as D}from"@redocly/theme/core/openapi";import{breakpoints as M}from"@redocly/theme/core/openapi";import{Dropdown as V}from"@redocly/theme/components/Dropdown/Dropdown";import{DropdownMenu as W}from"@redocly/theme/components/Dropdown/DropdownMenu";import{DropdownMenuItem as B}from"@redocly/theme/components/Dropdown/DropdownMenuItem";import{CopyButton as I}from"@redocly/theme/components/Buttons/CopyButton";import{environmentAtom as L,savedEnvironmentNameAtom as O}from"../../../jotai/app.js";import{resolveServerUrl as w}from"../../../services/code-samples/normalize-servers.js";import{replaceServerVariables as q}from"../../../services/code-samples/server-variables.js";import{getServerEnvName as T}from"../../../utils/environments.js";import{globalOptionsAtom as _}from"../../../jotai/store.js";import{useTelemetry as H}from"../../../hooks/useTelemetry.js";import{createTargetServerSwitchEvent as R}from"../../../events/serverSwitch.js";import{PanelItem as z}from"../../common/PanelItem.js";import{HttpVerb as U,PathLabel as C,PathWrapper as F,StaticPathWrapper as G}from"./styled.js";function J(o="",n="",t="/"){return o.endsWith(t)&&o!==t&&(o=o.slice(0,-t.length)),n.startsWith(t)&&(n=n.slice(t.length)),!o||!n||o===t?o+n:o+t+n}const K=S(B)`
   padding: calc(var(--spacing-unit) * 1.5) var(--spacing-xs) calc(var(--spacing-unit) * 1.5)
     var(--spacing-lg);
   @media screen and (max-width: ${M.large}) {

package/lib/components/panels/ExampleItem/generate-request-sample.d.ts

@@ -0,0 +1,28 @@
+import type { CodeSampleSource } from '../../../services/code-samples/index.js';
+import type { HARBuildResolvers, HARBuildSelections } from '../../../services/code-samples/index.js';
+import type { ApiDocsOptions } from '../../../types/options.js';
+type GenerateRequestSampleParams = {
+    source: CodeSampleSource;
+    activeLanguage: string;
+    serverUrl: string | undefined;
+    /** Raw (templated) spec URL of the active server — keys the env-variable overrides. */
+    activeServerSpecUrl: string | undefined;
+    mediaType: string | undefined;
+    environment: HARBuildSelections['environment'];
+    harRequestValues: HARBuildSelections['requestValues'];
+    securityGroups: CodeSampleSource['securityGroups'];
+    securityIdx: number;
+    replayBody: unknown;
+    exampleName: string | undefined;
+    options: ApiDocsOptions;
+    resolvers: HARBuildResolvers;
+    translate: (key: string, fallback: string) => string;
+};
+/**
+ * Builds the generated (non-`x-codeSamples`) request sample for the active
+ * language. Excluded from the community edition — only spec-provided samples
+ * and the payload view render there. Returns `undefined` for languages
+ * without a generator.
+ */
+export declare function generateRequestSample({ source, activeLanguage, serverUrl, activeServerSpecUrl, mediaType, environment, harRequestValues, securityGroups, securityIdx, replayBody, exampleName, options, resolvers, translate, }: GenerateRequestSampleParams): string | undefined;
+export {};

package/lib/components/panels/ExampleItem/generate-request-sample.js

@@ -0,0 +1 @@
+import{getGeneratorKey as C}from"../../../utils/languages.js";import{buildCodeSampleHAR as O,tryGenerateCodeSample as y}from"../../../services/code-samples/index.js";import{applyEnvVariables as b}from"../../../services/code-samples/apply-env-variables.js";function P({source:l,activeLanguage:n,serverUrl:o,activeServerSpecUrl:d,mediaType:m,environment:p,harRequestValues:i,securityGroups:e,securityIdx:s,replayBody:u,exampleName:S,options:a,resolvers:c,translate:f}){const h=e?.length?Object.keys(e.length>1?e[s]??e[0]:e[0]):void 0,g=O(l,{serverUrl:o,mediaType:m,environment:p,requestValues:i,activeSecuritySchemeIds:h,replayBody:u,exampleName:S},{skipOptionalParameters:a.codeSamples?.skipOptionalParameters,withOAuth2Call:a.codeSamples?.withOAuth2Call,generatedPayloadSamplesMaxDepth:a.generatedSamplesMaxDepth},c),r=a.codeSamples?.languages?.find(k=>k.key===n),t=y(r?C(r):n,g,r?.options);if(t.kind!=="unsupported-language")return t.kind==="error"?(console.error(t.error),`// ${f("failedToGenerateCodeSample","Failed to generate code sample.")}`):b(t.source,l.requestValues,d)}export{P as generateRequestSample};

package/lib/components/panels/ExampleItem/selectors.d.ts

@@ -1,4 +1,5 @@
 import type { ReactElement, ReactNode } from 'react';
+import type { ExampleEntry } from '../../../types/store.js';
 import type { SchemaVariantSelection } from './hooks.js';
 export declare function VariantPicker({ selection, label, }: {
     selection?: SchemaVariantSelection;
@@ -27,10 +28,12 @@ export declare function PanelDropdownSelect({ value, onChange, options, 'aria-la
     options: PanelSelectOption[];
     'aria-label'?: string;
 }): ReactElement;
-export declare function PayloadDisplay({ payload, emptyMessage, mediaType, description, snippetType, }: {
+export declare function ExampleDescription({ description, }: {
+    description?: ExampleEntry['description'];
+}): ReactElement | null;
+export declare function PayloadDisplay({ payload, emptyMessage, mediaType, snippetType, }: {
     payload: unknown;
     emptyMessage?: string;
     mediaType?: string;
     snippetType?: 'request' | 'response';
-    description?: string;
 }): ReactElement;

package/lib/components/panels/ExampleItem/selectors.js

@@ -1 +1 @@
-import{Fragment as d,jsx as r,jsxs as p}from"react/jsx-runtime";import{useAtomValue as b}from"jotai";import{exampleStoreAtom as C}from"../../../jotai/examples.js";import{globalOptionsAtom as N,specTypeAtom as D}from"../../../jotai/store.js";import{useTelemetry as E}from"../../../hooks/useTelemetry.js";import{useCopyCodeTelemetry as M}from"../../../hooks/useCopyCodeTelemetry.js";import{MAX_DISPLAYED_STRING_LENGTH as x}from"../../../constants/rendering.js";import{isJsonLikeMediaType as L,isSequentialMediaType as y,langFromMime as S}from"../../../utils/media-type.js";import{StyledCodeBlock as f,StyledJsonViewer as k}from"../styled.js";import{DisabledMimeSelect as A,SelectDropdownCheckmarkIcon as j,MediaTypeRow as h,SelectDropdownLabel as w,SelectDropdownMenu as B,SelectDropdownMenuItem as J,SelectDropdownTriggerButton as O,StyledSelectDropdown as P}from"./styled.js";import{DefaultMappingOptionLabel as _}from"../../Schema/views/DefaultMappingOptionLabel.js";import{jsonToXml as V}from"../../../utils/xml.js";import{formUrlEncodeValue as F}from"../../../utils/form-urlencoded.js";import{apiSpecType as z}from"../../../types/common.js";function ne({selection:e,label:o}){if(!e)return null;const{options:t,activeIdx:c,onSelect:a,kind:n,optionMeta:s}=e,i=o??(n==="discriminator"?"Discriminator":"Variant");return r(h,{children:r(v,{value:String(c),onChange:l=>a(Number(l)),"aria-label":i,options:t.map((l,m)=>{const u=s[m]?.isDefaultMapping?r(_,{label:l.label}):void 0;return{key:l.key,value:String(m),label:l.label,labelNode:u}})})})}function le({exampleIds:e,selectedIdx:o,onSelect:t}){const c=b(C),a=b(D),n=E();if(!e||e.length<2)return null;const s=i=>{const l=Number(i),m=e[l];a===z.ASYNCAPI?n.sendSwitchExampleClickedMessage([{id:"switchExampleButton",object:"button",uri:"urn:redocly:redoc:ui:button:switchExampleButton",example:m,numberOfExamples:e.length}]):n.sendExamplesSwitcherClickedMessage([{object:"button",id:"examplesSwitcherButton",uri:"urn:redocly:redoc:ui:button:examplesSwitcherButton",exampleNumber:l,totalExamples:e.length}]),t(l)};return r(h,{children:r(v,{value:String(o),onChange:s,"aria-label":"Example",options:e.map((i,l)=>({key:i,value:String(l),label:c[i]?.summary??`Example ${l+1}`}))})})}function oe({mediaTypes:e,value:o,onChange:t,label:c}){return e.length===0?null:e.length===1?r(h,{children:r(A,{value:e[0],"aria-label":c,disabled:!0,children:r("option",{value:e[0],children:e[0]})})}):r(h,{children:r(v,{value:o,onChange:t,"aria-label":c,options:e.map(a=>({value:a,label:a}))})})}function v({value:e,onChange:o,options:t,"aria-label":c}){const a=t.find(n=>n.value===e)??t[0];return r(P,{withArrow:!0,alignment:"start",trigger:r(O,{variant:"outlined",size:"small",type:"button","aria-label":c,children:r(w,{children:a?.labelNode??a?.label})}),children:r(B,{children:t.map(n=>r(J,{active:n.value===a?.value,onAction:()=>o(n.value),suffix:n.value===a?.value?r(j,{}):void 0,children:r(w,{children:n.labelNode??n.label})},n.key??n.value))})})}function ae({payload:e,emptyMessage:o="// No sample",mediaType:t,description:c,snippetType:a="response"}){const{jsonSamplesExpandLevel:n}=b(N),s=M(a);if(e==null)return r(f,{lang:"text",source:o,header:{controls:!1}});const i=c?r("div",{style:{fontSize:"var(--font-size-sm)",color:"var(--text-color-secondary)",padding:"var(--spacing-xs) var(--spacing-sm)",borderBottom:"1px solid var(--border-color-primary)"},children:c}):null,l=y(t),m=L(t);if(m&&!l){const u=typeof e=="string"?q(e)??e:e;return p(d,{children:[i,r(k,{data:u,expandLevel:n,maxStringLength:x})]})}if(typeof e=="object"&&e!==null){if(t?.includes("xml")){const u=V(e);return p(d,{children:[i,r(f,{lang:"xml",source:u,highlightedHtml:G(u),header:{className:"code-block-header",controls:{copy:{onClick:s("xml")}}}})]})}if(H(t))return p(d,{children:[i,r(f,{lang:"text",source:F(e),header:{className:"code-block-header",controls:{copy:{onClick:s("text")}}}})]});if(l||t&&!m){const u=JSON.stringify(e,null,2);return p(d,{children:[i,r(f,{lang:S(t),source:u,header:{className:"code-block-header",controls:{copy:{onClick:s(S(t))}}}})]})}return p(d,{children:[i,r(k,{data:e,expandLevel:n,maxStringLength:x})]})}const g=t?S(t):"text";return p(d,{children:[i,r(f,{lang:g,source:String(e),maxDisplayLength:x,header:{className:"code-block-header",controls:{copy:{onClick:s(g)}}}})]})}function H(e){return!!e&&/x-www-form-urlencoded/i.test(e)}function q(e){const o=e.trim();if(!(!o||!/^[{[]/.test(o)))try{return JSON.parse(o)}catch{return}}function G(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}export{le as ExampleSelector,oe as MediaTypeSelector,v as PanelDropdownSelect,ae as PayloadDisplay,ne as VariantPicker};
+import{jsx as t}from"react/jsx-runtime";import{useAtomValue as d}from"jotai";import{exampleStoreAtom as k}from"../../../jotai/examples.js";import{globalOptionsAtom as v,specTypeAtom as w}from"../../../jotai/store.js";import{useTelemetry as D}from"../../../hooks/useTelemetry.js";import{useCopyCodeTelemetry as E}from"../../../hooks/useCopyCodeTelemetry.js";import{MAX_DISPLAYED_STRING_LENGTH as f}from"../../../constants/rendering.js";import{isJsonLikeMediaType as C,isSequentialMediaType as M,langFromMime as h}from"../../../utils/media-type.js";import{StyledCodeBlock as m,StyledJsonViewer as b}from"../styled.js";import{Markdown as N}from"../../common/Markdown.js";import{DisabledMimeSelect as L,ExampleDescriptionWrap as y,SelectDropdownCheckmarkIcon as A,MediaTypeRow as p,SelectDropdownLabel as x,SelectDropdownMenu as j,SelectDropdownMenuItem as B,SelectDropdownTriggerButton as J,StyledSelectDropdown as O}from"./styled.js";import{DefaultMappingOptionLabel as P}from"../../Schema/views/DefaultMappingOptionLabel.js";import{jsonToXml as V}from"../../../utils/xml.js";import{formUrlEncodeValue as _}from"../../../utils/form-urlencoded.js";import{apiSpecType as H}from"../../../types/common.js";function le({selection:e,label:a}){if(!e)return null;const{options:r,activeIdx:c,onSelect:o,kind:n,optionMeta:s}=e,u=a??(n==="discriminator"?"Discriminator":"Variant");return t(p,{children:t(g,{value:String(c),onChange:l=>o(Number(l)),"aria-label":u,options:r.map((l,i)=>{const S=s[i]?.isDefaultMapping?t(P,{label:l.label}):void 0;return{key:l.key,value:String(i),label:l.label,labelNode:S}})})})}function oe({exampleIds:e,selectedIdx:a,onSelect:r}){const c=d(k),o=d(w),n=D();if(!e||e.length<2)return null;const s=u=>{const l=Number(u),i=e[l];o===H.ASYNCAPI?n.sendSwitchExampleClickedMessage([{id:"switchExampleButton",object:"button",uri:"urn:redocly:redoc:ui:button:switchExampleButton",example:i,numberOfExamples:e.length}]):n.sendExamplesSwitcherClickedMessage([{object:"button",id:"examplesSwitcherButton",uri:"urn:redocly:redoc:ui:button:examplesSwitcherButton",exampleNumber:l,totalExamples:e.length}]),r(l)};return t(p,{children:t(g,{value:String(a),onChange:s,"aria-label":"Example",options:e.map((u,l)=>({key:u,value:String(l),label:c[u]?.summary??`Example ${l+1}`}))})})}function ae({mediaTypes:e,value:a,onChange:r,label:c}){return e.length===0?null:e.length===1?t(p,{children:t(L,{value:e[0],"aria-label":c,disabled:!0,children:t("option",{value:e[0],children:e[0]})})}):t(p,{children:t(g,{value:a,onChange:r,"aria-label":c,options:e.map(o=>({value:o,label:o}))})})}function g({value:e,onChange:a,options:r,"aria-label":c}){const o=r.find(n=>n.value===e)??r[0];return t(O,{withArrow:!0,alignment:"start",portalled:!0,trigger:t(J,{variant:"outlined",size:"small",type:"button","aria-label":c,children:t(x,{children:o?.labelNode??o?.label})}),children:t(j,{children:r.map(n=>t(B,{active:n.value===o?.value,onAction:()=>a(n.value),suffix:n.value===o?.value?t(A,{}):void 0,children:t(x,{children:n.labelNode??n.label})},n.key??n.value))})})}function ie({description:e}){return e?t(y,{children:t(N,{source:e})}):null}function ce({payload:e,emptyMessage:a="// No sample",mediaType:r,snippetType:c="response"}){const{jsonSamplesExpandLevel:o}=d(v),n=E(c);if(e==null)return t(m,{lang:"text",source:a,header:{controls:!1}});const s=M(r),u=C(r);if(u&&!s){const i=typeof e=="string"?F(e)??e:e;return t(b,{data:i,expandLevel:o,maxStringLength:f})}if(typeof e=="object"&&e!==null){if(r?.includes("xml")){const i=V(e);return t(m,{lang:"xml",source:i,highlightedHtml:G(i),header:{className:"code-block-header",controls:{copy:{onClick:n("xml")}}}})}if(q(r))return t(m,{lang:"text",source:_(e),header:{className:"code-block-header",controls:{copy:{onClick:n("text")}}}});if(s||r&&!u){const i=JSON.stringify(e,null,2);return t(m,{lang:h(r),source:i,header:{className:"code-block-header",controls:{copy:{onClick:n(h(r))}}}})}return t(b,{data:e,expandLevel:o,maxStringLength:f})}const l=r?h(r):"text";return t(m,{lang:l,source:String(e),maxDisplayLength:f,header:{className:"code-block-header",controls:{copy:{onClick:n(l)}}}})}function q(e){return!!e&&/x-www-form-urlencoded/i.test(e)}function F(e){const a=e.trim();if(!(!a||!/^[{[]/.test(a)))try{return JSON.parse(a)}catch{return}}function G(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}export{ie as ExampleDescription,oe as ExampleSelector,ae as MediaTypeSelector,g as PanelDropdownSelect,ce as PayloadDisplay,le as VariantPicker};