@redocly/api-docs 0.0.2

package/lib/components/common/DeepLinkAnchor.js

@@ -0,0 +1,32 @@
+import{jsx as o}from"react/jsx-runtime";import{memo as f,useCallback as v}from"react";import{styled as t,css as a}from"styled-components";import{Link as g}from"react-router-dom";import{useUrlHash as k}from"../../hooks/useUrlHash.js";import{useAtomValue as u}from"jotai";import{LinkIcon as b}from"@redocly/theme/icons/LinkIcon/LinkIcon";import{ClipboardService as x}from"@redocly/theme/core/openapi";import{globalOptionsAtom as y}from"../../jotai/store.js";import{hashToElementId as l}from"../../utils/deep-link.js";function A({to:i,label:s,variant:c="heading"}){const{onDeepLinkClick:e}=u(y),p=k({trackSilentReplaces:!0}),r=i.split("#")[1],m=!!r&&l(p)===l(r),d=v(h=>{x.copyCustom(`${window.location.origin}${i}`),e&&(h.preventDefault(),e(i))},[e,i]);return o(C,{className:"deep-link-anchor","data-deep-link-anchor":!0,children:o(L,{$variant:c,to:i,"aria-label":s??`link to ${i}`,"aria-current":m?"location":void 0,onClick:d,children:o(b,{color:"--heading-anchor-color"})})})}const j=f(A),n="data-deep-link-anchor",w=`
+  & [${n}] svg {
+    visibility: hidden;
+  }
+  &:hover [${n}] svg,
+  & [${n}] a:focus svg {
+    visibility: visible;
+  }
+`,C=t.span`
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  vertical-align: middle;
+`,L=t(g)`
+  position: absolute;
+  top: 50%;
+  transform: translate(-100%, -50%);
+  z-index: 1;
+  display: flex;
+  align-items: center;
+
+  ${({$variant:i})=>i==="field"?a`
+          left: -2px;
+        `:a`
+          left: 0;
+          padding-right: var(--heading-anchor-offset-right, 4px);
+        `}
+
+  &&[aria-current] svg {
+    visibility: visible;
+  }
+`;export{n as DEEP_LINK_ANCHOR_ATTR,j as DeepLinkAnchor,w as deepLinkHoverReveal};

package/lib/components/common/ExpandAllButton.d.ts

@@ -0,0 +1,6 @@
+interface ExpandAllButtonProps {
+    itemId: string;
+    deepLinkKeys: string[];
+}
+export declare const ExpandAllButton: ({ itemId, deepLinkKeys }: ExpandAllButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/common/ExpandAllButton.js

@@ -0,0 +1,3 @@
+import{jsx as a}from"react/jsx-runtime";import{useAtomValue as x,useSetAtom as b}from"jotai";import{useMemo as A,useTransition as g}from"react";import{styled as E}from"styled-components";import{selectAtom as S}from"jotai/utils";import{MaximizeIcon as j}from"@redocly/theme/icons/MaximizeIcon/MaximizeIcon";import{MinimizeIcon as y}from"@redocly/theme/icons/MinimizeIcon/MinimizeIcon";import{Button as h}from"@redocly/theme/components/Button/Button";import{collapsibleEntrySection as r,itemStoreAtom as m}from"../../jotai/itemStore.js";import{useSpecTranslate as C}from"../../hooks/useTranslate.js";import{useTelemetry as B}from"../../hooks/useTelemetry.js";const D=({itemId:n,deepLinkKeys:l})=>{const i=C(),s=x(A(()=>S(m(n),e=>{const o=Object.entries(e.collapsibles).filter(([t])=>l.includes(r(t)));return o.length>0&&o.every(([,t])=>t)}),[n,l])),p=b(m(n)),[c,d]=g(),u=B(),f=()=>{const e=!s;u.sendExpandCollapseAllClickedMessage([{id:"expandCollapseAllButton",object:"button",uri:"urn:redocly:redoc:ui:button:expandCollapseAllButton",isExpanded:e}]),d(()=>{p(o=>({expandableSections:{...o.expandableSections,...Object.fromEntries(l.map(t=>[t,e]))},collapsibles:{...o.collapsibles,...Object.fromEntries(Object.keys(o.collapsibles).filter(t=>l.includes(r(t))).map(t=>[t,e]))}}))})};return a(T,{"data-testid":"schema-expand-all-button",icon:s?a(y,{}):a(j,{}),iconPosition:"right",size:"small",variant:"ghost",onClick:f,style:{opacity:c?.6:1},children:s?i("openapi.collapseAll","Collapse all"):i("openapi.expandAll","Expand all")})},T=E(h)`
+  margin-left: auto;
+`;export{D as ExpandAllButton};

package/lib/components/common/ExternalDocumentation.d.ts

@@ -0,0 +1,10 @@
+type ExternalDocsData = {
+    url: string;
+    description?: string | Record<string, unknown>;
+};
+type ExternalDocumentationProps = {
+    externalDocs: ExternalDocsData;
+    compact?: boolean;
+};
+export declare const ExternalDocumentation: import("react").NamedExoticComponent<ExternalDocumentationProps>;
+export {};

package/lib/components/common/ExternalDocumentation.js

@@ -0,0 +1,10 @@
+import{jsx as i}from"react/jsx-runtime";import{memo as e}from"react";import{styled as o}from"styled-components";import{markdownLinksCss as a}from"@redocly/theme/components/Markdown/styles/links";const m=r=>typeof r=="string"?r:r?.raw||"";function s({externalDocs:r,compact:t}){if(!r||!r.url)return null;const n=m(r.description);return i(l,{$compact:!!t,"data-testid":"external-documentation",children:i("a",{href:r.url,target:"_blank",rel:"noreferrer","aria-label":n||r.url,children:n||r.url})})}const c=e(s),l=o.div`
+  ${a};
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  ${({$compact:r})=>r?"":"margin: var(--spacing-md) 0 0"}
+
+  a {
+    font-size: inherit;
+  }
+`;export{c as ExternalDocumentation};

package/lib/components/common/LazyMount.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+interface LazyMountProps {
+    forceMount?: boolean;
+    estimatedHeight?: number;
+    children: ReactNode;
+}
+declare function LazyMountComponent({ forceMount, estimatedHeight, children }: LazyMountProps): import("react/jsx-runtime").JSX.Element;
+export declare const LazyMount: import("react").MemoExoticComponent<typeof LazyMountComponent>;
+export {};

package/lib/components/common/LazyMount.js

@@ -0,0 +1,3 @@
+import{Fragment as l,jsx as c}from"react/jsx-runtime";import{memo as m,useEffect as d,useRef as p,useState as h}from"react";import{styled as b}from"styled-components";const v="800px 0px";function g({forceMount:e=!1,estimatedHeight:t,children:u}){const[n,s]=h(e),i=p(null);return d(()=>{if(n||e)return;const o=i.current;if(!o||typeof IntersectionObserver>"u"){s(!0);return}const r=new IntersectionObserver(a=>{a.some(f=>f.isIntersecting)&&(s(!0),r.disconnect())},{rootMargin:v});return r.observe(o),()=>r.disconnect()},[n,e]),n||e?c(l,{children:u}):c(x,{ref:i,"aria-hidden":"true",style:t?{minHeight:t}:void 0})}const R=m(g),x=b.div`
+  min-height: var(--line-height-base, 24px);
+`;export{R as LazyMount};

package/lib/components/common/LazySection.d.ts

@@ -0,0 +1,14 @@
+import type { ReactElement, ReactNode } from 'react';
+type LazySectionProps = {
+    /** `data-section-id` placed on the placeholder (used for URL → element lookup
+     *  while the section is still cold). Once mounted, the inner content owns
+     *  its own `data-section-id`. */
+    sectionId: string;
+    /** Render the real content immediately, skipping the placeholder/observer step. */
+    eager?: boolean;
+    children: ReactNode;
+};
+export declare function markSectionRendered(sectionId: string): void;
+declare function LazySectionComponent({ sectionId, eager, children, }: LazySectionProps): ReactElement;
+export declare const LazySection: import("react").MemoExoticComponent<typeof LazySectionComponent>;
+export {};

package/lib/components/common/LazySection.js

@@ -0,0 +1,9 @@
+import{jsx as f}from"react/jsx-runtime";import{isValidElement as x,memo as y,startTransition as R,useEffect as l,useRef as d,useState as S}from"react";import{styled as m}from"styled-components";import{SECTION_ATTR as z}from"../../constants/openapi.js";import{useManualScrollAnchor as E}from"../../hooks/useManualScrollAnchor.js";const r=new Set;function M(e){r.add(e)}const b="0px 0px 200px 0px",i=100;function A({sectionId:e,eager:n=!1,children:h}){const[t,s]=S(()=>n||r.has(e));n&&!t&&s(!0);const c=d(null),a=d(null);return E({ref:a,mounted:t,placeholderHeight:i}),l(()=>{t&&r.add(e)},[t,e]),l(()=>{if(t)return;const u=c.current;if(!u||typeof IntersectionObserver>"u")return;const o=new IntersectionObserver(g=>{g.some(v=>v.isIntersecting)&&(R(()=>s(!0)),o.disconnect())},{rootMargin:b});return o.observe(u),()=>o.disconnect()},[t,e]),t?f(L,{ref:a,children:h}):f(C,{ref:c,[z]:e})}const P=y(A,(e,n)=>e.sectionId===n.sectionId&&e.eager===n.eager&&p(e.children)===p(n.children));function p(e){return x(e)?e.props.content:e}const C=m.div`
+  min-height: var(--lazy-section-min-height, ${i}px);
+  contain-intrinsic-size: var(--lazy-section-min-height, ${i}px);
+  content-visibility: auto;
+`,L=m.div`
+  width: 100%;
+  content-visibility: auto;
+  contain-intrinsic-size: auto var(--lazy-section-min-height, ${i}px);
+`;export{P as LazySection,M as markSectionRendered};

package/lib/components/common/Markdown.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from 'react';
+export type MarkdownProps = {
+    source: unknown;
+};
+declare function MarkdownComponent({ source }: MarkdownProps): ReactElement;
+export declare const Markdown: import("react").MemoExoticComponent<typeof MarkdownComponent>;
+export {};

package/lib/components/common/Markdown.js

@@ -0,0 +1 @@
+import{Fragment as n,jsx as t}from"react/jsx-runtime";import{memo as a,useMemo as m}from"react";import{useMarkdownAdapter as s}from"../../contexts/markdownAdapter.js";function p({source:o}){const r=s(),e=m(()=>r.parse(o),[r,o]);return t(n,{children:r.render(e)})}const f=a(p);export{f as Markdown};

package/lib/components/common/MoreDetailsButton.d.ts

@@ -0,0 +1,5 @@
+type MoreDetailsButtonProps = {
+    expanded?: boolean;
+};
+export declare const MoreDetailsButton: ({ expanded }: MoreDetailsButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/common/MoreDetailsButton.js

@@ -0,0 +1,12 @@
+import{jsx as r,jsxs as s}from"react/jsx-runtime";import{styled as a}from"styled-components";import{Button as e}from"@redocly/theme/components/Button/Button";import{ChevronDownIcon as i}from"@redocly/theme/icons/ChevronDownIcon/ChevronDownIcon";import{ChevronRightIcon as n}from"@redocly/theme/icons/ChevronRightIcon/ChevronRightIcon";import{useSpecTranslate as l}from"../../hooks/useTranslate.js";const u=({expanded:o})=>{const t=l();return s(p,{children:[r("span",{children:t("moreDetails","More details")}),r(e,{icon:o?r(i,{}):r(n,{}),size:"small",variant:"ghost","aria-label":"More details"})]})},p=a.span`
+  cursor: pointer;
+  align-items: center;
+  display: flex;
+  & > span {
+    color: var(--link-color-primary);
+  }
+
+  & path {
+    fill: var(--link-color-primary);
+  }
+`;export{u as MoreDetailsButton};

package/lib/components/common/NestedToggleButton.d.ts

@@ -0,0 +1,10 @@
+type NestedToggleButtonProps = {
+    expanded: boolean;
+    label: string;
+    color?: string;
+    className?: string;
+    onClick?: () => void;
+};
+declare function NestedToggleButtonComponent({ expanded, label, color, className, onClick, }: NestedToggleButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare const NestedToggleButton: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<NestedToggleButtonProps, never> & Partial<Pick<NestedToggleButtonProps, never>>> & string & Omit<typeof NestedToggleButtonComponent, keyof import("react").Component<any, {}, any>>;
+export {};

package/lib/components/common/NestedToggleButton.js

@@ -0,0 +1,16 @@
+import{jsx as o,jsxs as a}from"react/jsx-runtime";import{styled as t}from"styled-components";import{PlusCircleIcon as l}from"../../icons/PlusCircleIcon/PlusCircleIcon.js";function c({expanded:n,label:e,color:s,className:r,onClick:i}){return a("button",{className:r,onClick:i,type:"button",children:[o(l,{sign:n?"-":"+",color:s}),o(p,{children:e})]})}const p=t.span`
+  width: max-content;
+`,d=t(c)`
+  background: none;
+  border: none;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  padding: 0;
+  gap: var(--spacing-xxs, 4px);
+  color: var(--text-color-secondary);
+  font-size: var(--font-size-base);
+  font-family: var(--font-family-base);
+  line-height: var(--line-height-base);
+  min-height: 24px;
+`;export{d as NestedToggleButton};

package/lib/components/common/PanelItem.d.ts

@@ -0,0 +1,70 @@
+import type { ReactNode } from 'react';
+export type PanelItemProps = {
+    header?: string | ReactNode;
+    title?: string | ReactNode;
+    actions?: ReactNode[];
+    active?: boolean;
+    withCheckmark?: boolean;
+    children?: ReactNode;
+};
+export declare const PanelItem: ({ header, title, actions, active, withCheckmark, children, }: PanelItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PanelItemWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
+export declare const Item: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
+export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
+export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "active"> & {
+    active?: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "active"> & {
+    active?: boolean;
+}, never>>> & string;
+export declare const ActionsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const PanelItemsList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const PanelItemDescription: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
+export declare const StyledCheckmarkIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & import("react").SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof import("react").SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & import("react").SVGProps<SVGSVGElement>, "data-component-name"> & Partial<Pick<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & import("react").SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof import("react").SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & import("react").SVGProps<SVGSVGElement>, "data-component-name">>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & import("react").SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof import("react").SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & import("react").SVGProps<SVGSVGElement>, "data-component-name"> & Partial<Pick<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & import("react").SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof import("react").SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & import("react").SVGProps<SVGSVGElement>, "data-component-name">>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never>>> & string;
+export declare const ServerTitleWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const TitleWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;

package/lib/components/common/PanelItem.js

@@ -0,0 +1,62 @@
+import{jsx as o,jsxs as n}from"react/jsx-runtime";import{styled as t}from"styled-components";import{CheckmarkIcon as c}from"@redocly/theme/icons/CheckmarkIcon/CheckmarkIcon";const u=({header:e,title:r,actions:s,active:i,withCheckmark:a,children:l})=>n(d,{children:[n(x,{children:[e&&(typeof e=="string"?o(m,{children:e}):e),n(f,{active:i,suppressHydrationWarning:!0,children:[a&&i&&o(h,{"data-testid":"panel-item-checkmark"})," ",r]}),l]}),o(g,{children:s?.map(p=>p)})]}),d=t.span`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0;
+  position: relative;
+  width: 100%;
+`,x=t.span`
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  overflow: hidden;
+  flex: 1;
+`,m=t.span`
+  text-align: left;
+  color: var(--menu-content-title-color);
+  font-size: var(--h6-font-size);
+  line-height: var(--line-height-xsm);
+`,f=t.div`
+  margin: 0;
+  color: var(--text-color-secondary);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-weight: ${({active:e})=>e&&"var(--font-weight-medium)"};
+`,g=t.div`
+  display: flex;
+  gap: var(--spacing-xs);
+`,w=t.div`
+  & > span {
+    border-bottom: 1px solid var(--border-color-secondary);
+    margin-bottom: var(--spacing-xs);
+    padding-bottom: var(--spacing-xs);
+  }
+
+  & > span:last-child {
+    border-bottom: none;
+    margin-bottom: 0;
+    padding-bottom: 0;
+  }
+`,j=t.span`
+  color: var(--text-color-secondary);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+  font-weight: var(--font-weight-medium);
+`,h=t(c)`
+  width: 14px;
+  height: 14px;
+  position: absolute;
+  left: -18px;
+  bottom: 3px;
+`,I=t.div`
+  display: flex;
+  justify-content: start;
+  align-items: center;
+  gap: var(--spacing-xxs);
+`,k=t.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`;export{g as ActionsWrapper,m as Header,x as Item,u as PanelItem,j as PanelItemDescription,d as PanelItemWrapper,w as PanelItemsList,I as ServerTitleWrapper,h as StyledCheckmarkIcon,f as Title,k as TitleWrap};

package/lib/components/common/ResponseCodeTabs.d.ts

@@ -0,0 +1,8 @@
+export declare const ResponseCodesTabList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const ResponseCodeTab: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$active" | "$code"> & {
+    $active: boolean;
+    $code: string;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$active" | "$code"> & {
+    $active: boolean;
+    $code: string;
+}, never>>> & string;

package/lib/components/common/ResponseCodeTabs.js

@@ -0,0 +1,36 @@
+import{styled as o}from"styled-components";function e(r){return r.startsWith("2")?"var(--status-code-200-bg-color, var(--color-success-base, #00B200))":r.startsWith("3")?"var(--status-code-300-bg-color, var(--color-warning-base, #EB8700))":r.startsWith("4")?"var(--status-code-400-bg-color, var(--color-error-base, #E20C0C))":r.startsWith("5")?"var(--status-code-500-bg-color, var(--color-error-base, #E20C0C))":"var(--status-code-100-bg-color, var(--color-info-base, #6c757d))"}const a=o.div`
+  display: flex;
+  align-items: center;
+  margin: 0;
+  padding: 0;
+  flex-wrap: wrap;
+`,s=o.button`
+  display: inline-flex;
+  align-items: center;
+  padding: 0 var(--spacing-sm);
+  height: 24px;
+  border-radius: var(--border-radius);
+  border: none;
+  cursor: pointer;
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-base);
+  font-weight: ${({$active:r})=>r?"var(--font-weight-bold)":"var(--font-weight-regular)"};
+  line-height: var(--line-height-base);
+  color: ${({$active:r})=>r?"var(--text-color-primary)":"var(--text-color-secondary)"};
+  background-color: ${({$active:r})=>r?"var(--tab-bg-color-filled, var(--border-color-secondary))":"transparent"};
+
+  &::before {
+    content: "";
+    display: inline-block;
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    margin-right: 4px;
+    background-color: ${({$code:r})=>e(r)};
+    border: 1px solid var(--bg-color, #fff);
+  }
+
+  &:hover {
+    color: var(--text-color-primary);
+  }
+`;export{s as ResponseCodeTab,a as ResponseCodesTabList};

package/lib/components/common/Tag.d.ts

@@ -0,0 +1 @@
+export declare const Tag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;

package/lib/components/common/Tag.js

@@ -0,0 +1,11 @@
+import{styled as r}from"styled-components";const o=r.span`
+  background: var(--tag-bg-color);
+  padding: 0 var(--spacing-xxs);
+  font-family: var(--font-family-monospaced);
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-sm);
+  border-radius: var(--border-radius);
+  color: var(--text-color-secondary);
+  display: inline-flex;
+  word-break: var(--code-word-break);
+`;export{o as Tag};

package/lib/components/common/VendorExtensions.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from 'react';
+export type VendorExtensionsProps = {
+    extensions: Record<string, unknown>;
+};
+declare function VendorExtensionsComponent({ extensions }: VendorExtensionsProps): ReactElement | null;
+export declare const VendorExtensions: import("react").MemoExoticComponent<typeof VendorExtensionsComponent>;
+export {};

package/lib/components/common/VendorExtensions.js

@@ -0,0 +1,5 @@
+import{Fragment as a,jsx as o,jsxs as t}from"react/jsx-runtime";import{memo as e}from"react";import{styled as s}from"styled-components";import{Markdown as i}from"@redocly/theme/components/Markdown/Markdown";function m({extensions:r}){return Object.keys(r).length===0?null:o(a,{children:Object.keys(r).map(n=>t(i,{children:[t(f,{children:[n.substring(2),": "]})," ",o(l,{children:typeof r[n]=="string"?r[n]:JSON.stringify(r[n])})]},n))})}const h=e(m),f=s.span`
+  font-weight: var(--font-weight-semibold);
+`,l=s.span`
+  font-family: var(--font-family-monospace);
+`;export{h as VendorExtensions};

package/lib/components/common/ViewNested.d.ts

@@ -0,0 +1,14 @@
+import type { PropsWithChildren } from 'react';
+type ViewNestedProps = {
+    expandByDefault: boolean;
+    level?: number;
+    expandable?: boolean;
+    expandText?: string;
+    hideText?: string;
+    hideDivider?: boolean;
+    expandedAll?: boolean;
+    isNestedArray?: boolean;
+};
+export declare const ViewNested: import("react").NamedExoticComponent<PropsWithChildren<ViewNestedProps>>;
+export declare const LabelValue: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
+export {};

package/lib/components/common/ViewNested.js

@@ -0,0 +1,31 @@
+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)`
+  margin: var(--spacing-xxs) 0 var(--spacing-xs);
+  width: 100%;
+`,p=a.div`
+  padding-left: var(--schema-nested-offset);
+  border-left: 1px solid ${({color:r})=>r||"var(--border-color-primary)"};
+  margin: -10px 0 0 9px;
+  ${({color:r})=>r&&d`
+      .schema-name {
+        color: ${r};
+      }
+    `}
+`,m=a.div`
+  width: 100%;
+  ${({$isArrayInsideArray:r})=>r&&d`
+      padding-top: var(--schema-property-details-spacing);
+    `}
+
+  ${({$divider:r})=>r&&d`
+      border-bottom: 1px solid var(--border-color-primary);
+      padding-bottom: var(--schema-property-details-spacing);
+    `}
+`,_=a.span`
+  padding: 0 var(--spacing-xs);
+  border-radius: var(--border-radius);
+  border: 1px solid var(--border-color-secondary);
+  background-color: var(--bg-color);
+  font-size: var(--font-size-sm);
+  line-height: var(--line-height-sm);
+  color: var(--tag-basic-content-color);
+`;export{_ as LabelValue,I as ViewNested};

package/lib/components/graphql/ArrowIcon.d.ts

@@ -0,0 +1,9 @@
+declare function Arrow({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const ArrowIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<{
+    className?: string;
+}, never> & Partial<Pick<{
+    className?: string;
+}, never>>> & string & Omit<typeof Arrow, keyof import("react").Component<any, {}, any>>;
+export {};

package/lib/components/graphql/ArrowIcon.js

@@ -0,0 +1,4 @@
+import{jsx as r}from"react/jsx-runtime";import{styled as t}from"styled-components";function l({className:o}){return r("svg",{className:o,xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 32 32",children:r("path",{d:"M23,20l-1.4141,1.4141L24.1719,24H6V4H4V24a2.0023,2.0023,0,0,0,2,2H24.1719l-2.586,2.5859L23,30l5-5Z"})})}const i=t(l)`
+  flex: none;
+  fill: var(--icon-color-primary, currentColor);
+`;export{i as ArrowIcon};

package/lib/components/graphql/GraphQLArgumentsSection.d.ts

@@ -0,0 +1,10 @@
+import type { GraphqlStoreFieldData } from '../../types/graphql-store.js';
+interface Props {
+    args: ReadonlyArray<GraphqlStoreFieldData>;
+    fieldExpandLevel?: number;
+    parentName?: string;
+    title?: string;
+    expanded?: boolean;
+}
+export declare const GraphQLArgumentsSection: import("react").NamedExoticComponent<Props>;
+export {};

package/lib/components/graphql/GraphQLArgumentsSection.js

@@ -0,0 +1 @@
+import{Fragment as o,jsx as r,jsxs as s}from"react/jsx-runtime";import{memo as p}from"react";import{GraphQLFieldView as f}from"./GraphQLFieldView.js";function x({args:t,fieldExpandLevel:a=0,parentName:i,title:e,expanded:m}){return s(o,{children:[e&&r("h4",{style:{fontSize:"var(--font-size-base)",fontWeight:"var(--font-weight-semibold)",margin:"0 0 var(--spacing-xxs, 4px)"},children:e}),t.map(n=>r(f,{field:n,isArgument:!0,fieldExpandLevel:a,parentTypeName:i,expanded:m},n.name))]})}const c=p(x);export{c as GraphQLArgumentsSection};

package/lib/components/graphql/GraphQLEnumEmbedded.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    name: string;
+}
+export declare const GraphQLEnumEmbedded: import("react").NamedExoticComponent<Props>;
+export {};

package/lib/components/graphql/GraphQLEnumEmbedded.js

@@ -0,0 +1,3 @@
+import{Fragment as n,jsx as e,jsxs as a}from"react/jsx-runtime";import{memo as i}from"react";import{useAtomValue as p}from"jotai";import{styled as s}from"styled-components";import{graphqlTypeDataAtom as c}from"../../jotai/graphql.js";import{SchemaItemWrapper as d,Value as l,PanelAnnotation as u}from"./styled.js";import{renderDescription as f}from"./renderDescription.js";function h({name:m}){const t=p(c(m)),o=t?.variant==="enum"?t.enumValues??[]:[];return o.length===0?null:e(n,{children:o.map(r=>a(d,{children:[e(x,{children:r.name}),r.description&&e(u,{children:f(r.description)})]},r.name))})}const _=i(h),x=s(l)`
+  color: var(--text-color-primary);
+`;export{_ as GraphQLEnumEmbedded};

package/lib/components/graphql/GraphQLFieldView.d.ts

@@ -0,0 +1,12 @@
+import type { GraphqlRequiresScopes, GraphqlStoreFieldData } from '../../types/graphql-store.js';
+interface GraphQLFieldViewProps {
+    field: GraphqlStoreFieldData;
+    contrast?: boolean;
+    isArgument?: boolean;
+    fieldExpandLevel: number;
+    parentTypeName?: string;
+    parentRequiresScopes?: GraphqlRequiresScopes | null;
+    expanded?: boolean;
+}
+export declare const GraphQLFieldView: import("react").NamedExoticComponent<GraphQLFieldViewProps>;
+export {};

package/lib/components/graphql/GraphQLFieldView.js

@@ -0,0 +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};

package/lib/components/graphql/GraphQLFieldsEmbedded.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    name: string;
+    contrast?: boolean;
+    fieldExpandLevel: number;
+    expanded?: boolean;
+    parentPath?: string;
+}
+export declare const GraphQLFieldsEmbedded: import("react").NamedExoticComponent<Props>;
+export {};

package/lib/components/graphql/GraphQLFieldsEmbedded.js

@@ -0,0 +1 @@
+import{Fragment as s,jsx as m}from"react/jsx-runtime";import{memo as d}from"react";import{useAtomValue as l}from"jotai";import{graphqlTypeDataAtom as f}from"../../jotai/graphql.js";import{GraphQLFieldView as u}from"./GraphQLFieldView.js";function c({name:e,contrast:p,fieldExpandLevel:a,expanded:n,parentPath:i}){const r=l(f(e)),t=r?.fields??[];return t.length===0?null:m(s,{children:t.map(o=>m(u,{field:o,contrast:p,fieldExpandLevel:a,parentTypeName:i??e,parentRequiresScopes:r?.requiresScopes??null,expanded:n},o.name))})}const q=d(c);export{q as GraphQLFieldsEmbedded};

package/lib/components/graphql/GraphQLGroupTypeList.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    typeNames: string[];
+}
+export declare const GraphQLGroupTypeList: import("react").NamedExoticComponent<Props>;
+export {};

package/lib/components/graphql/GraphQLGroupTypeList.js

@@ -0,0 +1,11 @@
+import{Fragment as a,jsx as r,jsxs as c}from"react/jsx-runtime";import{memo as l}from"react";import{styled as u}from"styled-components";import{useAtomValue as n}from"jotai";import{Link as d}from"react-router-dom";import{graphqlTypeLookupAtom as f,graphqlTypeSlugMapAtom as h}from"../../jotai/graphql.js";import{SchemaItemWrapper as g,PanelAnnotation as y}from"./styled.js";import{renderDescription as x}from"./renderDescription.js";import{useNavigationUrlNormalizer as L}from"../../hooks/useNormalizeUrl.js";function v({typeNames:i}){const p=n(f),m=n(h),s=L();return r(a,{children:i.map(o=>{const t=p(o),e=m[o];return c(g,{children:[r(k,{to:e?s(e):"#",children:o}),t?.description&&r(y,{children:x(t.description)})]},o)})})}const D=l(v),k=u(d)`
+  color: var(--link-color-primary, var(--text-color-secondary));
+  text-decoration: none;
+  cursor: pointer;
+  font-weight: var(--font-weight-medium);
+  font-size: var(--font-size-base);
+
+  &:hover {
+    text-decoration: underline;
+  }
+`;export{D as GraphQLGroupTypeList};

package/lib/components/graphql/GraphQLHeaderExtras.d.ts

@@ -0,0 +1,7 @@
+interface GraphQLHeaderExtrasProps {
+    returnType?: string;
+    operationName?: string;
+    operationType?: 'query' | 'mutation' | 'subscription';
+}
+export declare const GraphQLHeaderExtras: import("react").NamedExoticComponent<GraphQLHeaderExtrasProps>;
+export {};

package/lib/components/graphql/GraphQLHeaderExtras.js

@@ -0,0 +1 @@
+import{Fragment as p,jsx as r,jsxs as m}from"react/jsx-runtime";import{memo as i}from"react";import{useAtomValue as n}from"jotai";import{graphqlOperationAtom as s,graphqlOperationKey as l}from"../../jotai/graphql.js";import{ArrowIcon as f}from"./ArrowIcon.js";import{GraphQLReturnTypeDetails as u}from"./GraphQLReturnTypeDetails.js";import{ReturnTypeDetailsWithArrowWrapper as h}from"./styled.js";function d({returnType:t,operationName:o,operationType:a}){const e=n(s(l(a,o)));return t?r(p,{children:e&&m(h,{"data-gql-return-type-details":!0,children:[r(f,{}),r(u,{typeRef:e.type,size:"lg"})]})}):null}const F=i(d);export{F as GraphQLHeaderExtras};

package/lib/components/graphql/GraphQLReturnTypeDetails.d.ts

@@ -0,0 +1,11 @@
+import type { GraphqlTypeRef } from '../../types/graphql-store.js';
+interface Props {
+    typeRef: GraphqlTypeRef;
+    inline?: boolean;
+    size?: 'base' | 'lg';
+    deprecated?: boolean;
+    required?: boolean;
+    className?: string;
+}
+export declare const GraphQLReturnTypeDetails: import("react").NamedExoticComponent<Props>;
+export {};

package/lib/components/graphql/GraphQLReturnTypeDetails.js

@@ -0,0 +1,18 @@
+import{Fragment as i,jsx as e,jsxs as n}from"react/jsx-runtime";import{memo as f}from"react";import{useAtomValue as x}from"jotai";import{styled as t}from"styled-components";import{Link as v}from"react-router-dom";import{graphqlTypeSlugMapAtom as y}from"../../jotai/graphql.js";import{NonNullLabel as L,MessageBadge as l}from"./styled.js";import{useNavigationUrlNormalizer as b}from"../../hooks/useNormalizeUrl.js";import{useSpecTranslate as w}from"../../hooks/useTranslate.js";function s({typeRef:r}){return r.isList?n(i,{children:["[",r.name,r.isNonNull?"!":"","]",r.isListNonNull?"!":""]}):n(i,{children:[r.name,r.isNonNull?"!":""]})}function $({typeRef:r,inline:m=!1,size:c="base",deprecated:d=!1,required:p=!1,className:u}){const h=x(y),N=b(),o=w(),g=r.isListNonNull||r.isNonNull,a=h[r.name];return n(T,{className:u,"data-testid":"return-type",$inline:m,$size:c,children:[a?e(k,{to:N(a),children:e(s,{typeRef:r})}):e(s,{typeRef:r}),g&&n(i,{children:[e(z,{children:","}),e(L,{children:o("nonNull","non-null")})]}),d&&e(l,{"data-testid":"deprecated",type:"warning",children:o("badges.deprecated","deprecated")}),p&&e(l,{"data-testid":"required-arg",type:"error",children:o("required","required")})]})}const G=f($),T=t.div`
+  display: ${({$inline:r})=>r?"inline-block":"block"};
+  min-width: 0;
+  font-size: ${({$size:r})=>`var(--font-size-${r})`};
+  line-height: ${({$size:r})=>`var(--line-height-${r})`};
+  font-family: var(--font-family-base);
+  overflow-wrap: anywhere;
+`,k=t(v)`
+  color: var(--link-color-primary, var(--text-color-secondary));
+  text-decoration: none;
+  cursor: pointer;
+
+  &:hover {
+    text-decoration: underline;
+  }
+`,z=t.span`
+  margin-right: var(--spacing-xxs, 4px);
+`;export{G as GraphQLReturnTypeDetails};

package/lib/components/graphql/GraphQLTypeView.d.ts

@@ -0,0 +1,9 @@
+interface NamedTypeRendererProps {
+    typeName: string;
+    contrast?: boolean;
+    fieldExpandLevel?: number;
+    expanded?: boolean;
+    parentPath?: string;
+}
+declare const NamedTypeRenderer: import("react").NamedExoticComponent<NamedTypeRendererProps>;
+export { NamedTypeRenderer as GraphQLTypeViewByName };