@redocly/openapi-docs 3.12.0 → 3.12.2

package/lib/components/Markdown/Markdown.js

@@ -1 +1,64 @@
-import{jsx as l,Fragment as A}from"react/jsx-runtime";import g,{Fragment as h}from"react";import e from"@markdoc/markdoc";import{useAtomValue as b}from"jotai";import y from"dompurify";import{isString as _}from"@redocly/theme/core/openapi";import{Markdown as z}from"@redocly/theme/components/Markdown/Markdown";import{globalOptionsAtom as R}from"../../jotai/store.js";const S=["OpenApiResponse","OpenApiRequestBody"],W=({source:n,ast:m,htmlWrap:f,markdocOptions:c,...d})=>{const i=b(R);if(!n&&!m)return null;const s=Object.keys(i?.markdocOptions||{}).length?i?.markdocOptions:c,a=s&&{tags:s?.tags,nodes:s?.nodes,partials:s?.partials,variables:s?.variables,functions:s?.functions},u=s&&{components:s?.components};let r;if(n)if(_(n)){const t=i?.unstable_hooks?.sanitize?i.unstable_hooks?.sanitize?.(n):i?.sanitize?y.sanitize(n):n,o=e.parse(t);r=e.transform(o,a)}else{const t=e.Ast.fromJSON(typeof n.result=="object"?JSON.stringify(n.result):n.result);Array.isArray(t)?r=e.transform(t,a):r=e.transform(t,a)}else m&&(r=e.transform(m,a));const p=t=>{const o=e.renderers.react(t,g,u);return l(z,{...d,children:o,as:"div"})};if(!f)return p(r);const O=t=>t.attributes?.htmlWrap!==!1&&!S.includes(t?.name),k=(t,o)=>t?f(p(o)):p(o);return r=Array.isArray(r)?r:r.children,l(A,{children:r.map((t,o)=>l(h,{children:k(O(t),t)},t?.attributes?.id||o))})};export{W as Markdown};
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { Fragment } from 'react';
+import markdoc from '@markdoc/markdoc';
+import { useAtomValue } from 'jotai';
+import DOMPurify from 'dompurify';
+import { isString } from '@redocly/theme/core/openapi';
+import { Markdown as MarkdownWrapper } from '@redocly/theme/components/Markdown/Markdown';
+import { globalOptionsAtom } from '../../jotai/store.js';
+const TAGS_NOT_TO_WRAP = ['OpenApiResponse', 'OpenApiRequestBody'];
+export const Markdown = ({ source, ast, htmlWrap, markdocOptions: markdocOptionsProps, ...props }) => {
+    const options = useAtomValue(globalOptionsAtom);
+    if (!source && !ast) {
+        return null;
+    }
+    const markdocOptions = Object.keys(options?.markdocOptions || {}).length
+        ? options?.markdocOptions
+        : markdocOptionsProps;
+    const config = markdocOptions && {
+        tags: markdocOptions?.tags,
+        nodes: markdocOptions?.nodes,
+        partials: markdocOptions?.partials,
+        variables: markdocOptions?.variables,
+        functions: markdocOptions?.functions,
+    };
+    const components = markdocOptions && {
+        components: markdocOptions?.components,
+    };
+    let nodes;
+    if (source) {
+        if (isString(source)) {
+            const sanitizeSource = options?.unstable_hooks?.sanitize
+                ? options.unstable_hooks?.sanitize?.(source)
+                : options?.sanitize
+                    ? DOMPurify.sanitize(source)
+                    : source;
+            const ast = markdoc.parse(sanitizeSource);
+            nodes = markdoc.transform(ast, config);
+        }
+        else {
+            const ast = markdoc.Ast.fromJSON(typeof source.result === 'object' ? JSON.stringify(source.result) : source.result);
+            if (Array.isArray(ast)) {
+                nodes = markdoc.transform(ast, config);
+            }
+            else {
+                nodes = markdoc.transform(ast, config);
+            }
+        }
+    }
+    else if (ast) {
+        nodes = markdoc.transform(ast, config);
+    }
+    const htmlRender = (content) => {
+        const html = markdoc.renderers.react(content, React, components);
+        return _jsx(MarkdownWrapper, { ...props, children: html, as: "div" });
+    };
+    if (!htmlWrap) {
+        return htmlRender(nodes);
+    }
+    const shouldWrap = (node) => node.attributes?.htmlWrap !== false && !TAGS_NOT_TO_WRAP.includes(node?.name);
+    const render = (wrap, content) => (wrap ? htmlWrap(htmlRender(content)) : htmlRender(content));
+    nodes = Array.isArray(nodes) ? nodes : nodes.children;
+    return (_jsx(_Fragment, { children: nodes.map((item, index) => (_jsx(Fragment, { children: render(shouldWrap(item), item) }, item?.attributes?.id || index))) }));
+};
+//# sourceMappingURL=Markdown.js.map

package/lib/components/Markdown/index.js

@@ -1 +1,3 @@
-import{Markdown as e}from"./Markdown.js";export*from"./types.js";export{e as Markdown};
+export { Markdown } from './Markdown.js';
+export * from './types.js';
+//# sourceMappingURL=index.js.map

package/lib/components/Markdown/types.js

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

package/lib/components/MediaTypeSwitch/MediaTypesSwitch.js

@@ -1 +1,51 @@
-import{jsx as m,jsxs as p,Fragment as g}from"react/jsx-runtime";import{memo as h,useCallback as C,useRef as T}from"react";import{useAtom as v}from"jotai";import{SelectLabel as M,SelectWrapper as w}from"../PayloadSamples/index.js";import{Container as x}from"../common/index.js";import{activeMimeNameAtom as A}from"../../jotai/app.js";import{getActiveMediaType as b}from"../../models/index.js";import{useTranslate as j}from"../../hooks/index.js";function S({children:e,withLabel:i,innerRef:r,translate:a}){return e?i?p(w,{ref:r,children:[m(M,{children:a("openapi.contentType","Content type")}),e]}):m(x,{ref:r,children:e}):null}function B({content:e,withLabel:i,renderSelect:r,children:a}){const u=j(),[c,s]=v(A),f=C(({value:o})=>{if(!e||!t.current)return null;const n=t.current.getBoundingClientRect().y;s(o),requestAnimationFrame(()=>{if(!t.current||n==null)return;const y=t.current.getBoundingClientRect().y;window.scrollBy(0,y-n)})},[e,s]),t=T(null);if(!e||!e.mediaTypes||!e.mediaTypes.length)return null;const d=e.mediaTypes.map((o,n)=>({value:o.name,idx:n})),l=b(e,c);return p(g,{children:[m(S,{innerRef:t,withLabel:i,translate:u,children:r({value:l.name,options:d,onChange:f,ariaLabel:"Content type"})}),a(l)]})}const q=h(B);export{q as MediaTypesSwitch};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useCallback, useRef } from 'react';
+import { useAtom } from 'jotai';
+import { SelectLabel, SelectWrapper } from '../PayloadSamples/index.js';
+import { Container } from '../common/index.js';
+import { activeMimeNameAtom } from '../../jotai/app.js';
+import { getActiveMediaType } from '../../models/index.js';
+import { useTranslate } from '../../hooks/index.js';
+function Wrapper({ children, withLabel, innerRef, translate, }) {
+    if (!children) {
+        return null;
+    }
+    return withLabel ? (_jsxs(SelectWrapper, { ref: innerRef, children: [_jsx(SelectLabel, { children: translate('openapi.contentType', 'Content type') }), children] })) : (_jsx(Container, { ref: innerRef, children: children }));
+}
+function MediaTypesSwitchComponent({ content, withLabel, renderSelect, children, }) {
+    const translate = useTranslate();
+    const [activeMimeName, setActiveMimeName] = useAtom(activeMimeNameAtom);
+    const switchMedia = useCallback(({ value }) => {
+        /* istanbul ignore next (this can never happen, just to make ts happy, this is callback) */
+        if (!content || !ref.current)
+            return null;
+        const initialOffset = ref.current.getBoundingClientRect().y;
+        setActiveMimeName(value);
+        requestAnimationFrame(() => {
+            /* istanbul ignore next (this can never happen, just to make ts happy, this is callback) */
+            if (!ref.current || initialOffset == null)
+                return;
+            const updatedOffset = ref.current.getBoundingClientRect().y;
+            window.scrollBy(0, updatedOffset - initialOffset); // TODO: refactor to use ScrollService (make it singleton)
+        });
+    }, [content, setActiveMimeName]);
+    const ref = useRef(null);
+    if (!content || !content.mediaTypes || !content.mediaTypes.length) {
+        return null;
+    }
+    const options = content.mediaTypes.map((mime, idx) => {
+        return {
+            value: mime.name,
+            idx,
+        };
+    });
+    const active = getActiveMediaType(content, activeMimeName);
+    return (_jsxs(_Fragment, { children: [_jsx(Wrapper, { innerRef: ref, withLabel: withLabel, translate: translate, children: renderSelect({
+                    value: active.name,
+                    options,
+                    onChange: switchMedia,
+                    ariaLabel: 'Content type',
+                }) }), children(active)] }));
+}
+export const MediaTypesSwitch = memo(MediaTypesSwitchComponent);
+//# sourceMappingURL=MediaTypesSwitch.js.map

package/lib/components/MediaTypeSwitch/index.js

@@ -1 +1,2 @@
-import{MediaTypesSwitch as o}from"./MediaTypesSwitch.js";export{o as MediaTypesSwitch};
+export { MediaTypesSwitch } from './MediaTypesSwitch.js';
+//# sourceMappingURL=index.js.map

package/lib/components/OperationItem/Description.js

@@ -1 +1,9 @@
-import{jsx as o,Fragment as t,jsxs as s}from"react/jsx-runtime";import{Markdown as e}from"../Markdown/index.js";import{ExternalDocumentation as m}from"../ExternalDocumentation/index.js";function x({description:r,externalDocs:n}){return r?s(t,{children:[o(e,{source:r}),n&&o(m,{externalDocs:n})]}):null}export{x as Description};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Markdown } from '../Markdown/index.js';
+import { ExternalDocumentation } from '../ExternalDocumentation/index.js';
+export function Description({ description, externalDocs }) {
+    if (!description)
+        return null;
+    return (_jsxs(_Fragment, { children: [_jsx(Markdown, { source: description }), externalDocs && _jsx(ExternalDocumentation, { externalDocs: externalDocs })] }));
+}
+//# sourceMappingURL=Description.js.map

package/lib/components/OperationItem/OperationItem.js

@@ -1,7 +1,69 @@
-import{jsx as e,jsxs as t,Fragment as V}from"react/jsx-runtime";import{memo as K,useState as F,useCallback as j,useMemo as L}from"react";import{useAtomValue as g}from"jotai";import{LayoutVariant as $}from"@redocly/config";import{AfterOpenApiOperation as z}from"@redocly/theme/components/OpenApiDocs/hooks/AfterOpenApiOperation";import{BeforeOpenApiOperation as G}from"@redocly/theme/components/OpenApiDocs/hooks/BeforeOpenApiOperation";import{PageActions as J}from"@redocly/theme/components/PageActions/PageActions";import{Feedback as Q}from"@redocly/theme/components/Feedback/Feedback";import{SamplesMiddlePanel as r,SamplesPanel as U,ShareLink as X,Row as W,CustomBadges as Y}from"../common/index.js";import{CallbacksList as Z}from"../Callbacks/index.js";import{CallbackSamples as ee}from"../CallbackSamples/index.js";import{RequestSamples as ae}from"../RequestSamples/index.js";import{OperationResponseList as te}from"../Responses/index.js";import{ResponseSamples as oe}from"../ResponseSamples/index.js";import{makeDeepLink as ne,joinWithSeparator as se}from"../../services/index.js";import{layoutAtom as re,userClaimsAtom as ie}from"../../jotai/app.js";import{globalOptionsAtom as le,globalStoreAtom as ce}from"../../jotai/store.js";import{getOperation as pe}from"../../models/operation.js";import{RenderHook as B}from"../RenderHook/index.js";import{Heading as de,HeadingWrapper as me,Title as ge}from"../common/OperationItemTitle.js";import{LinkToField as ke}from"../common/LinkToField.js";import{RequestDetails as ue}from"../Request/RequestDetails.js";import{StyledBadge as H}from"../common/Badges.js";import{useTranslate as be}from"../../hooks/index.js";import{styled as k}from"../../styled-components.js";import{createPanelToggleEvent as fe}from"../../events/index.js";function he({item:{operationDefinition:S,parent:v,href:u}}){const s=be(),{parser:y,options:l}=g(ce),{events:x}=g(le),T=g(ie),n=g(re),[c,I]=F(),{unstable_hooks:C,feedback:p}=l,a=L(()=>pe(y,S,v,l,u,void 0,T),[u,S,l,v,y,T]),{name:O,deprecated:_,isWebhook:q,badges:D}=a||{},o=n===$.STACKED,A=p?.type||"sentiment",R=p?.hide!==!0,b=se(l.routingBasePath,a.href),[f,E]=F(null),P=j(m=>{c!==m&&I(m)},[c]),d=j((m,w)=>{if(!w)return;const N=fe({operation:a,isExpanded:m,panelType:w});x?.panelToggle?.(N)},[x,a]),M=L(()=>R?e(Se,{children:e(Q,{type:A,settings:p.settings,path:b})}):null,[R,A,p.settings,b]);return t(ve,{layout:n,children:[e(i,{layout:n,children:t(r,{isStacked:o,children:[e(B,{Hook:G||C?.BeforeOperation,props:{operation:a}}),t(me,{children:[t(de,{"data-testid":"operation-item-header",children:[e(X,{to:u,"aria-label":`link to ${O}`}),e(Y,{badges:D,children:O}),_&&e(H,{deprecated:!0,children:s("openapi.badges.deprecated","Deprecated")}),q&&e(H,{children:s("openapi.badges.webhook","Webhook")})]}),e(J,{pageSlug:b})]})]})}),t(i,{layout:n,children:[e(r,{isStacked:o,children:e(ue,{operation:a,translate:s,onPanelToggle:d})}),e(h,{isStacked:o,"data-testid":"samples-block",className:"panel-container-request-samples",children:e(ae,{operation:a,onPanelToggle:d})})]}),t(i,{layout:n,children:[e(r,{isStacked:o,children:a.responses?.length?e(te,{responses:a.responses,operationId:a.id,operationPointer:a.pointer,callbackId:a.callbackId,activeResponseTab:c,onTabChange:P,onPanelToggle:d}):null}),e(h,{isStacked:o,"data-testid":"samples-block",className:"panel-container-response-samples",children:e(oe,{operation:a,activeResponseTab:c,onTabChange:P,onPanelToggle:d})})]}),t(i,{layout:n,children:[t(r,{isStacked:o,children:[a.callbacks?.length?t(V,{children:[t(ge,{children:[e(ke,{to:ne(a.id,"callbacks")}),s("openapi.callbacks","Callbacks")]}),e(Z,{callbacks:a.callbacks,onExpand:E,selectedCallback:f})]}):null,e(B,{Hook:z||C?.AfterOperation,props:{operation:a}})]}),f?e(h,{isStacked:o,"data-testid":"samples-block",children:e(ee,{callback:f,translate:s})}):null]}),e(i,{layout:n,children:e(r,{isStacked:o,fullWidth:!0,children:M})})]})}const Ge=K(he),h=k(U)`
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useState, useCallback, useMemo } from 'react';
+import { useAtomValue } from 'jotai';
+import { LayoutVariant } from '@redocly/config';
+import { AfterOpenApiOperation } from '@redocly/theme/components/OpenApiDocs/hooks/AfterOpenApiOperation';
+import { BeforeOpenApiOperation } from '@redocly/theme/components/OpenApiDocs/hooks/BeforeOpenApiOperation';
+import { PageActions } from '@redocly/theme/components/PageActions/PageActions';
+import { Feedback } from '@redocly/theme/components/Feedback/Feedback';
+import { SamplesMiddlePanel, SamplesPanel, ShareLink, Row, CustomBadges } from '../common/index.js';
+import { CallbacksList } from '../Callbacks/index.js';
+import { CallbackSamples } from '../CallbackSamples/index.js';
+import { RequestSamples } from '../RequestSamples/index.js';
+import { OperationResponseList } from '../Responses/index.js';
+import { ResponseSamples } from '../ResponseSamples/index.js';
+import { makeDeepLink, joinWithSeparator } from '../../services/index.js';
+import { layoutAtom, userClaimsAtom } from '../../jotai/app.js';
+import { globalOptionsAtom, globalStoreAtom } from '../../jotai/store.js';
+import { getOperation } from '../../models/operation.js';
+import { RenderHook } from '../RenderHook/index.js';
+import { Heading, HeadingWrapper, Title } from '../common/OperationItemTitle.js';
+import { LinkToField } from '../common/LinkToField.js';
+import { RequestDetails } from '../Request/RequestDetails.js';
+import { StyledBadge } from '../common/Badges.js';
+import { useTranslate } from '../../hooks/index.js';
+import { styled } from '../../styled-components.js';
+import { createPanelToggleEvent } from '../../events/index.js';
+function OperationItemComponent({ item: { operationDefinition, parent, href }, }) {
+    const translate = useTranslate();
+    const { parser, options } = useAtomValue(globalStoreAtom);
+    const { events } = useAtomValue(globalOptionsAtom);
+    const userClaims = useAtomValue(userClaimsAtom);
+    const layout = useAtomValue(layoutAtom);
+    const [activeResponseTab, setActiveResponseTab] = useState();
+    const { unstable_hooks, feedback } = options;
+    const operation = useMemo(() => getOperation(parser, operationDefinition, parent, options, href, undefined, userClaims), [href, operationDefinition, options, parent, parser, userClaims]);
+    const { name: summary, deprecated, isWebhook, badges } = operation || {};
+    const isStacked = layout === LayoutVariant.STACKED;
+    const feedbackType = feedback?.type || 'sentiment';
+    const displayFeedback = feedback?.hide !== true;
+    const operationSlug = joinWithSeparator(options.routingBasePath, operation.href);
+    const [selectedCallback, setSelectedCallback] = useState(null);
+    const handleActiveResponseChange = useCallback((tab) => {
+        if (activeResponseTab !== tab) {
+            setActiveResponseTab(tab);
+        }
+    }, [activeResponseTab]);
+    const handlePanelToggle = useCallback((isExpanded, panelType) => {
+        if (!panelType) {
+            return;
+        }
+        const event = createPanelToggleEvent({
+            operation,
+            isExpanded,
+            panelType,
+        });
+        events?.panelToggle?.(event);
+    }, [events, operation]);
+    const renderFeedback = useMemo(() => displayFeedback ? (_jsx(FeedbackWrapper, { children: _jsx(Feedback, { type: feedbackType, settings: feedback.settings, path: operationSlug }) })) : null, [displayFeedback, feedbackType, feedback.settings, operationSlug]);
+    return (_jsxs(OperationRow, { layout: layout, children: [_jsx(OperationSubRowStyled, { layout: layout, children: _jsxs(SamplesMiddlePanel, { isStacked: isStacked, children: [_jsx(RenderHook, { Hook: BeforeOpenApiOperation || unstable_hooks?.BeforeOperation, props: { operation } }), _jsxs(HeadingWrapper, { children: [_jsxs(Heading, { "data-testid": "operation-item-header", children: [_jsx(ShareLink, { to: href, "aria-label": `link to ${summary}` }), _jsx(CustomBadges, { badges: badges, children: summary }), deprecated && (_jsx(StyledBadge, { deprecated: true, children: translate('openapi.badges.deprecated', 'Deprecated') })), isWebhook && (_jsx(StyledBadge, { children: translate('openapi.badges.webhook', 'Webhook') }))] }), _jsx(PageActions, { pageSlug: operationSlug })] })] }) }), _jsxs(OperationSubRowStyled, { layout: layout, children: [_jsx(SamplesMiddlePanel, { isStacked: isStacked, children: _jsx(RequestDetails, { operation: operation, translate: translate, onPanelToggle: handlePanelToggle }) }), _jsx(OperationSamplesPanel, { isStacked: isStacked, "data-testid": "samples-block", className: "panel-container-request-samples", children: _jsx(RequestSamples, { operation: operation, onPanelToggle: handlePanelToggle }) })] }), _jsxs(OperationSubRowStyled, { layout: layout, children: [_jsx(SamplesMiddlePanel, { isStacked: isStacked, children: operation.responses?.length ? (_jsx(OperationResponseList, { responses: operation.responses, operationId: operation.id, operationPointer: operation.pointer, callbackId: operation.callbackId, activeResponseTab: activeResponseTab, onTabChange: handleActiveResponseChange, onPanelToggle: handlePanelToggle })) : null }), _jsx(OperationSamplesPanel, { isStacked: isStacked, "data-testid": "samples-block", className: "panel-container-response-samples", children: _jsx(ResponseSamples, { operation: operation, activeResponseTab: activeResponseTab, onTabChange: handleActiveResponseChange, onPanelToggle: handlePanelToggle }) })] }), _jsxs(OperationSubRowStyled, { layout: layout, children: [_jsxs(SamplesMiddlePanel, { isStacked: isStacked, children: [operation.callbacks?.length ? (_jsxs(_Fragment, { children: [_jsxs(Title, { children: [_jsx(LinkToField, { to: makeDeepLink(operation.id, 'callbacks') }), translate('openapi.callbacks', 'Callbacks')] }), _jsx(CallbacksList, { callbacks: operation.callbacks, onExpand: setSelectedCallback, selectedCallback: selectedCallback })] })) : null, _jsx(RenderHook, { Hook: AfterOpenApiOperation || unstable_hooks?.AfterOperation, props: { operation } })] }), selectedCallback ? (_jsx(OperationSamplesPanel, { isStacked: isStacked, "data-testid": "samples-block", children: _jsx(CallbackSamples, { callback: selectedCallback, translate: translate }) })) : null] }), _jsx(OperationSubRowStyled, { layout: layout, children: _jsx(SamplesMiddlePanel, { isStacked: isStacked, fullWidth: true, children: renderFeedback }) })] }));
+}
+export const OperationItem = memo(OperationItemComponent);
+export const OperationSamplesPanel = styled(SamplesPanel) `
   margin-left: auto;
   --code-block-padding: var(--spacing-xs) 0 var(--spacing-xs) 20px;
-`,Se=k.div`
+`;
+const FeedbackWrapper = styled.div `
   & > div {
     flex: 1 1 auto;
     display: flex;
@@ -12,10 +74,13 @@ import{jsx as e,jsxs as t,Fragment as V}from"react/jsx-runtime";import{memo as K
     width: 100%;
     max-width: var(--feedback-width);
   }
-`,ve=k(W)`
+`;
+const OperationRow = styled(Row) `
   flex-direction: column;
   align-items: flex-start;
   padding: var(--spacing-base) 0 calc(var(--spacing-xl) + var(--spacing-xs));
-`,i=k(W)`
+`;
+const OperationSubRowStyled = styled(Row) `
   margin: calc(var(--spacing-unit) * 2) 0;
-`;export{Ge as OperationItem,h as OperationSamplesPanel};
+`;
+//# sourceMappingURL=OperationItem.js.map

package/lib/components/OperationItem/_tests_/OperationItem.test.js

@@ -1 +1,70 @@
-import{jsx as o}from"react/jsx-runtime";import{render as n}from"@testing-library/react";import{BrowserRouter as i}from"react-router-dom";import{OperationItem as s}from"../OperationItem";import{normalizeOptions as m}from"../../../services";import p from"./fixtures/petstore.json";import a from"./fixtures/operationDefinition.json";import{environmentAtom as r}from"../../../jotai/app";import{globalStoreAtom as f}from"../../../jotai/store";import{allOperationsAtom as l}from"../../../jotai/replay";import{MockIntersectionObserver as c}from"./__mocks__/mock-intersection-observer";jest.mock("jotai",()=>({...jest.requireActual("jotai"),useAtomValue:jest.fn(e=>e===f?{parser:{definition:p},options:m({codeSamples:{languages:[{lang:"curl",label:"curl"}]}})}:e===r?[{},""]:e===l?[]:{}),useAtom:jest.fn(e=>e===r?[[{server:{}}],jest.fn()]:[{activeOneOf:{"/paths/~1pet/post":0},requestValues:{},request:{expandedFields:{}},response:{expandedFields:{}},activeLanguage:"curl"},jest.fn()])})),describe("OperationItem",()=>{beforeAll(()=>{window.IntersectionObserver=c}),it("should render badges with correct position",()=>{const{getByTestId:e}=n(o(s,{item:{operationDefinition:a,parent:void 0,href:"test"}}),{wrapper:i}),t=e("operation-item-header").childNodes;expect(t[1].textContent).toBe("Alpha"),expect(t[3].textContent).toBe("Beta"),expect(t[4].textContent).toBe("Gamma")})});
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from '@testing-library/react';
+import { BrowserRouter } from 'react-router-dom';
+import { OperationItem } from '../OperationItem';
+import { normalizeOptions } from '../../../services';
+import spec from './fixtures/petstore.json';
+import definition from './fixtures/operationDefinition.json';
+import { environmentAtom } from '../../../jotai/app';
+import { globalStoreAtom } from '../../../jotai/store';
+import { allOperationsAtom } from '../../../jotai/replay';
+import { MockIntersectionObserver } from './__mocks__/mock-intersection-observer';
+jest.mock('jotai', () => ({
+    ...jest.requireActual('jotai'),
+    useAtomValue: jest.fn((a) => {
+        if (a === globalStoreAtom) {
+            return {
+                parser: {
+                    definition: spec,
+                },
+                options: normalizeOptions({
+                    codeSamples: {
+                        languages: [{ lang: 'curl', label: 'curl' }],
+                    },
+                }),
+            };
+        }
+        if (a === environmentAtom) {
+            return [{}, ''];
+        }
+        if (a === allOperationsAtom) {
+            return [];
+        }
+        return {};
+    }),
+    useAtom: jest.fn((a) => {
+        if (a === environmentAtom) {
+            return [[{ server: {} }], jest.fn()];
+        }
+        return [
+            {
+                activeOneOf: { '/paths/~1pet/post': 0 },
+                requestValues: {},
+                request: { expandedFields: {} },
+                response: { expandedFields: {} },
+                activeLanguage: 'curl',
+            },
+            jest.fn(),
+        ];
+    }),
+}));
+describe('OperationItem', () => {
+    beforeAll(() => {
+        window.IntersectionObserver = MockIntersectionObserver;
+    });
+    it('should render badges with correct position', () => {
+        const { getByTestId } = render(_jsx(OperationItem, { item: {
+                operationDefinition: definition,
+                parent: undefined,
+                href: 'test',
+            } }), {
+            wrapper: BrowserRouter,
+        });
+        const parentElement = getByTestId('operation-item-header');
+        const childNodes = parentElement.childNodes;
+        expect(childNodes[1].textContent).toBe('Alpha');
+        expect(childNodes[3].textContent).toBe('Beta');
+        expect(childNodes[4].textContent).toBe('Gamma');
+    });
+});
+//# sourceMappingURL=OperationItem.test.js.map

package/lib/components/OperationItem/_tests_/__mocks__/mock-intersection-observer.js

@@ -1 +1,40 @@
-class i{root;rootMargin;thresholds;viewPort;entries;callback;constructor(t,e){this.viewPort=e?.root?e.root:window,this.entries=[],this.root=null,this.rootMargin="0px",this.thresholds=[1],this.callback=t,this.viewPort.addEventListener("scroll",this.intersect)}intersect=()=>{this.entries.map(t=>{t.isIntersecting=this.isInViewPort(t.target)}),this.callback(this.entries,this)};isInViewPort(t){return t.id!=="toc-0"}observe(t){this.entries.push({isIntersecting:!1,target:t})}unobserve(t){this.entries=this.entries.filter(e=>e.target!==t)}disconnect(){this.viewPort.removeEventListener("scroll",this.intersect),this.entries=[]}takeRecords(){return this.entries}}export{i as MockIntersectionObserver};
+export class MockIntersectionObserver {
+    root;
+    rootMargin;
+    thresholds;
+    viewPort;
+    entries;
+    callback;
+    constructor(callback, options) {
+        this.viewPort = options?.root ? options.root : window;
+        this.entries = [];
+        this.root = null;
+        this.rootMargin = '0px';
+        this.thresholds = [1];
+        this.callback = callback;
+        this.viewPort.addEventListener('scroll', this.intersect);
+    }
+    intersect = () => {
+        this.entries.map((entry) => {
+            entry.isIntersecting = this.isInViewPort(entry.target);
+        });
+        this.callback(this.entries, this);
+    };
+    isInViewPort(target) {
+        return target.id !== 'toc-0';
+    }
+    observe(target) {
+        this.entries.push({ isIntersecting: false, target });
+    }
+    unobserve(target) {
+        this.entries = this.entries.filter((ob) => ob.target !== target);
+    }
+    disconnect() {
+        this.viewPort.removeEventListener('scroll', this.intersect);
+        this.entries = [];
+    }
+    takeRecords() {
+        return this.entries;
+    }
+}
+//# sourceMappingURL=mock-intersection-observer.js.map

package/lib/components/OperationItem/index.js

@@ -1 +1,2 @@
-import{OperationItem as r}from"./OperationItem.js";export{r as OperationItem};
+export { OperationItem } from './OperationItem.js';
+//# sourceMappingURL=index.js.map

package/lib/components/OperationItem/types.js

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

package/lib/components/Overlay.js

@@ -1,4 +1,47 @@
-import{jsx as i,jsxs as t}from"react/jsx-runtime";import{useState as o,useEffect as m}from"react";import{styled as s}from"../styled-components.js";const n="Invalid license key",g=n+": missing key",d="Invalid license key: expired",y=d,v="Invalid license key: host not allowed",E=({licenseInfo:e})=>{const[r,a]=o(null),[l,h]=o(-1),[p,x]=o(!1);return m(()=>{if(e.local){x(!0);return}e.valid?e.allowed?e.expired&&a(e.t?d:y):a(v):a(e.valid===!1?n+(e.cryptoMissing?": works only with https":""):g),e.t&&h(Math.ceil(((e?.e??0)-Date.now()/1e3)/60/60/24))},[e]),p?t(c,{children:[i("a",{href:"https://redoc.ly",children:"Redocly API reference docs"})," preview"]}):!r&&l>-1?t(c,{children:[" Trial version: ",l," days remaining "]}):r?i(f,{children:t("span",{children:[r," ",i("br",{}),t("small",{children:["Please contact ",i("a",{href:"mailto:team@redoc.ly",children:"team@redoc.ly"})," to remedy the problem."," "]})]})}):null},c=s.div`
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { styled } from '../styled-components.js';
+const INVALID_KEY = 'Invalid license key';
+const INVALID_KEY_MISSING = INVALID_KEY + ': missing key';
+const EXPIRED = 'Invalid license key: expired';
+const TRIAL_EXPIRED = EXPIRED;
+const INVALID_HOST = 'Invalid license key: host not allowed';
+export const Overlay = ({ licenseInfo }) => {
+    const [m, setM] = useState(null); // error message
+    const [exp, setExp] = useState(-1); // expires in
+    const [local, setLocal] = useState(false); // local preview?
+    useEffect(() => {
+        if (licenseInfo.local) {
+            setLocal(true);
+            return;
+        }
+        if (!licenseInfo.valid) {
+            setM(licenseInfo.valid === false
+                ? INVALID_KEY + (licenseInfo.cryptoMissing ? ': works only with https' : '')
+                : INVALID_KEY_MISSING);
+        }
+        else if (!licenseInfo.allowed) {
+            setM(INVALID_HOST);
+        }
+        else if (licenseInfo.expired) {
+            setM(licenseInfo.t ? EXPIRED : TRIAL_EXPIRED);
+        }
+        if (licenseInfo.t) {
+            setExp(Math.ceil(((licenseInfo?.e ?? 0) - Date.now() / 1000) / 60 / 60 / 24));
+        }
+    }, [licenseInfo]);
+    if (local) {
+        return (_jsxs(TrialWrap, { children: [_jsx("a", { href: "https://redoc.ly", children: "Redocly API reference docs" }), " preview"] }));
+    }
+    if (!m && exp > -1) {
+        return _jsxs(TrialWrap, { children: [" Trial version: ", exp, " days remaining "] });
+    }
+    if (m) {
+        return (_jsx(Flash, { children: _jsxs("span", { children: [m, " ", _jsx("br", {}), _jsxs("small", { children: ["Please contact ", _jsx("a", { href: "mailto:team@redoc.ly", children: "team@redoc.ly" }), " to remedy the problem.", ' '] })] }) }));
+    }
+    return null;
+};
+const TrialWrap = styled.div `
   padding: 10px 40px;
   position: fixed;
   text-align: right;
@@ -12,7 +55,8 @@ import{jsx as i,jsxs as t}from"react/jsx-runtime";import{useState as o,useEffect
   a:visited {
     color: orange;
   }
-`,f=s.div`
+`;
+const Flash = styled.div `
   font-size: 1.5em;
   position: fixed;
   z-index: var(--z-index-raised);
@@ -39,4 +83,5 @@ import{jsx as i,jsxs as t}from"react/jsx-runtime";import{useState as o,useEffect
   a:visited {
     color: white;
   }
-`;export{E as Overlay};
+`;
+//# sourceMappingURL=Overlay.js.map

package/lib/components/Overview/Overview.js

@@ -1 +1,20 @@
-import{jsx as t,jsxs as s,Fragment as u}from"react/jsx-runtime";import{CopyButton as d}from"@redocly/theme/components/Buttons/CopyButton";import{NewTabButton as c}from"@redocly/theme/components/Buttons/NewTabButton";import{EmailButton as p}from"@redocly/theme/components/Buttons/EmailButton";import{PanelItem as a,PanelItemDescription as n,PanelItemsList as h}from"../PanelItem/index.js";function _({info:e,translate:r}){const l=e.contact&&e.contact.url&&t(a,{header:t(n,{children:r("openapi.info.contact.url","URL")}),title:t("a",{href:e.contact.url,target:"_blank",rel:"noreferrer",children:e.contact.url}),actions:[t(c,{data:e.contact.url},"NewTabButton")]})||null,i=e.contact&&e.contact.email&&t(a,{header:t(n,{children:e.contact.name||r("openapi.info.contact.name","E-mail")}),title:t("a",{href:"mailto:"+e.contact.email,children:e.contact.email}),actions:[t(d,{data:e.contact.email},"CopyButton"),t(p,{data:e.contact.email},"EmailButton")]})||null,o=e.license&&t(a,{header:t(n,{children:r("openapi.info.license","License")}),title:e.license.identifier?e.license.identifier:t("a",{href:e.license.url,target:"_blank",rel:"noreferrer",children:e.license.name}),actions:[t(c,{data:e.license.url||""},"NewTabButton")]})||null,m=e.termsOfService&&t(a,{title:t("a",{href:e.termsOfService,target:"_blank",rel:"noreferrer",children:r("openapi.info.termsOfService","Terms of Service")}),actions:[t(c,{data:e.termsOfService},e.termsOfService)]})||null;return t(u,{children:s(h,{children:[l,i,o,m]})})}export{_ as Overview};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { CopyButton } from '@redocly/theme/components/Buttons/CopyButton';
+import { NewTabButton } from '@redocly/theme/components/Buttons/NewTabButton';
+import { EmailButton } from '@redocly/theme/components/Buttons/EmailButton';
+import { PanelItem, PanelItemDescription, PanelItemsList } from '../PanelItem/index.js';
+export function Overview({ info, translate }) {
+    const website = (info.contact && info.contact.url && (_jsx(PanelItem, { header: _jsx(PanelItemDescription, { children: translate('openapi.info.contact.url', 'URL') }), title: _jsx("a", { href: info.contact.url, target: "_blank", rel: "noreferrer", children: info.contact.url }), actions: [_jsx(NewTabButton, { data: info.contact.url }, "NewTabButton")] }))) ||
+        null;
+    const email = (info.contact && info.contact.email && (_jsx(PanelItem, { header: _jsx(PanelItemDescription, { children: info.contact.name || translate('openapi.info.contact.name', 'E-mail') }), title: _jsx("a", { href: 'mailto:' + info.contact.email, children: info.contact.email }), actions: [
+            _jsx(CopyButton, { data: info.contact.email }, "CopyButton"),
+            _jsx(EmailButton, { data: info.contact.email }, "EmailButton"),
+        ] }))) ||
+        null;
+    const license = (info.license && (_jsx(PanelItem, { header: _jsx(PanelItemDescription, { children: translate('openapi.info.license', 'License') }), title: info.license.identifier ? (info.license.identifier) : (_jsx("a", { href: info.license.url, target: "_blank", rel: "noreferrer", children: info.license.name })), actions: [_jsx(NewTabButton, { data: info.license.url || '' }, "NewTabButton")] }))) ||
+        null;
+    const terms = (info.termsOfService && (_jsx(PanelItem, { title: _jsx("a", { href: info.termsOfService, target: "_blank", rel: "noreferrer", children: translate('openapi.info.termsOfService', 'Terms of Service') }), actions: [_jsx(NewTabButton, { data: info.termsOfService }, info.termsOfService)] }))) ||
+        null;
+    return (_jsx(_Fragment, { children: _jsxs(PanelItemsList, { children: [website, email, license, terms] }) }));
+}
+//# sourceMappingURL=Overview.js.map

package/lib/components/Overview/index.js

@@ -1 +1,2 @@
-import{Overview as o}from"./Overview.js";export{o as Overview};
+export { Overview } from './Overview.js';
+//# sourceMappingURL=index.js.map

package/lib/components/PageFooter/PageFooter.js

@@ -1 +1,19 @@
-import{jsx as e}from"react/jsx-runtime";import{memo as t}from"react";import{useAtomValue as n}from"jotai";import{OpenApiFooter as r}from"@redocly/theme/components/OpenApiDocs/hooks/OpenApiFooter";import{globalOptionsAtom as m}from"../../jotai/store.js";import{RenderHook as p}from"../RenderHook/index.js";function s(){const{unstable_hooks:{MiddlePanelFooter:o}}=n(m);switch(!0){case!!o:return e(p,{Hook:o,props:void 0});case!!r:return e(r,{});default:return null}}const d=t(s);export{d as PageFooter,s as PageFooterComponent};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { useAtomValue } from 'jotai';
+import { OpenApiFooter } from '@redocly/theme/components/OpenApiDocs/hooks/OpenApiFooter';
+import { globalOptionsAtom } from '../../jotai/store.js';
+import { RenderHook } from '../RenderHook/index.js';
+export function PageFooterComponent() {
+    const { unstable_hooks: { MiddlePanelFooter }, } = useAtomValue(globalOptionsAtom);
+    switch (true) {
+        case Boolean(MiddlePanelFooter):
+            return _jsx(RenderHook, { Hook: MiddlePanelFooter, props: undefined });
+        case Boolean(OpenApiFooter):
+            return _jsx(OpenApiFooter, {});
+        default:
+            return null;
+    }
+}
+export const PageFooter = memo(PageFooterComponent);
+//# sourceMappingURL=PageFooter.js.map

package/lib/components/PageFooter/index.js

@@ -1 +1,2 @@
-import{PageFooter as r}from"./PageFooter.js";export{r as PageFooter};
+export { PageFooter } from './PageFooter.js';
+//# sourceMappingURL=index.js.map

package/lib/components/Panel/ResponsePanel.js

@@ -1,24 +1,30 @@
-import{Panel as o}from"@redocly/theme/components/Panel/Panel";import{FieldsGroupHeader as e}from"../common/headers.js";import{Trigger as r}from"./Trigger.js";import{styled as t}from"../../styled-components.js";const i=t(o)`
-  ${e} {
+import { Panel } from '@redocly/theme/components/Panel/Panel';
+import { FieldsGroupHeader } from '../common/headers.js';
+import { Trigger } from './Trigger.js';
+import { styled } from '../../styled-components.js';
+export const StyledResponsePanel = styled(Panel) `
+  ${FieldsGroupHeader} {
     &:first-child {
       margin-top: 0;
     }
   }
 
-  ${r} {
+  ${Trigger} {
     flex: 1;
     max-width: 100%;
     justify-content: space-between;
   }
-`,d=t(i)`
+`;
+export const CallbackPanel = styled(StyledResponsePanel) `
   border-bottom: 1px solid var(--border-color-primary);
   &:not(:last-child) {
     margin-bottom: 0;
     border-radius: 0;
   }
 
-  ${r} {
+  ${Trigger} {
     max-width: calc(100% - 9px - var(--spacing-unit)); /* shelf icon size and small padding */
     justify-content: flex-start;
   }
-`;export{d as CallbackPanel,i as StyledResponsePanel};
+`;
+//# sourceMappingURL=ResponsePanel.js.map

package/lib/components/Panel/Trigger.js

@@ -1,7 +1,9 @@
-import{styled as e}from"../../styled-components.js";const l=e.div`
+import { styled } from '../../styled-components.js';
+export const Trigger = styled.div `
   display: inline-flex;
   align-items: center;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-`;export{l as Trigger};
+`;
+//# sourceMappingURL=Trigger.js.map

package/lib/components/Panel/index.js

@@ -1 +1,3 @@
-export*from"./Trigger.js";export*from"./ResponsePanel.js";
+export * from './Trigger.js';
+export * from './ResponsePanel.js';
+//# sourceMappingURL=index.js.map

package/lib/components/PanelItem/PanelItem.js

@@ -1 +1,6 @@
-import{jsx as n,jsxs as t}from"react/jsx-runtime";import{PanelItemWrap as l,Item as m,Header as p,Title as a,ActionsWrap as d,StyledCheckmarkIcon as x}from"./styled.js";const f=({header:r,title:s,actions:i,active:e,withCheckmark:o})=>t(l,{children:[t(m,{children:[r&&(typeof r=="string"?n(p,{children:r}):r),t(a,{active:e,suppressHydrationWarning:!0,children:[o&&e&&n(x,{})," ",s]})]}),n(d,{children:i?.map(c=>c)})]});export{f as PanelItem};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PanelItemWrap, Item, Header, Title, ActionsWrap, StyledCheckmarkIcon } from './styled.js';
+export const PanelItem = ({ header, title, actions, active, withCheckmark }) => {
+    return (_jsxs(PanelItemWrap, { children: [_jsxs(Item, { children: [header && (typeof header === 'string' ? _jsx(Header, { children: header }) : header), _jsxs(Title, { active: active, suppressHydrationWarning: true, children: [withCheckmark && active && _jsx(StyledCheckmarkIcon, {}), " ", title] })] }), _jsx(ActionsWrap, { children: actions?.map((action) => action) })] }));
+};
+//# sourceMappingURL=PanelItem.js.map

package/lib/components/PanelItem/index.js

@@ -1 +1,3 @@
-import{PanelItem as r}from"./PanelItem.js";export*from"./styled.js";export{r as PanelItem};
+export { PanelItem } from './PanelItem.js';
+export * from './styled.js';
+//# sourceMappingURL=index.js.map