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

package/lib/components/ApiInfo/ApiInfo.js

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ApiInfo=void 0;const react_1=__importDefault(require("react")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),app_1=require("../../jotai/app"),common_1=require("../common"),ExternalDocumentation_1=require("../ExternalDocumentation"),Markdown_1=require("../Markdown"),styled_1=require("./styled"),store_1=require("../../jotai/store"),saveTextBeforeHeading_1=require("../../utils/saveTextBeforeHeading"),helpers_1=require("../../utils/helpers"),RenderHook_1=require("../RenderHook"),Metadata_1=require("./Metadata"),RightPanel_1=require("../RightPanel/RightPanel");function ApiInfo({item:e}){const{options:{markdownHeadingsAnchorLevel:t,hooks:a,hideInfoSection:o,hideInfoDescription:r,showMetadata:n},parser:{definition:i}}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),l=(0,jotai_1.useAtomValue)(app_1.layoutAtom),d=e.infoDefinition;if(!d||o)return null;const u=r?null:(0,saveTextBeforeHeading_1.saveTextBeforeHeading)((0,helpers_1.getValueFromMdParsedExtension)(d,"description")||"",t),s=(0,helpers_1.getValueFromMdParsedExtension)(d,"summary")||void 0,c=null==i?void 0:i.externalDocs,_=d.version&&react_1.default.createElement("span",null,"(",d.version,")")||null;return react_1.default.createElement(common_1.Section,null,react_1.default.createElement(common_1.Row,{layout:l},react_1.default.createElement(common_1.SamplesMiddlePanel,{fullWidth:!0,className:"api-info"},react_1.default.createElement(styled_1.ApiHeader,null,d.title," ",_),react_1.default.createElement(RenderHook_1.RenderHook,{Hook:theme_1.AfterOpenApiTitle||(null==a?void 0:a.AfterApiTitle),props:{info:d}}),s&&react_1.default.createElement(Markdown_1.Markdown,{source:s,"data-role":"redoc-summary"}),u&&react_1.default.createElement(Markdown_1.Markdown,{source:u,"data-role":"redoc-description"}),c&&react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:c}),n&&react_1.default.createElement(Metadata_1.Metadata,{metadata:d["x-metadata"]})),react_1.default.createElement(RightPanelContainer,{layout:l},react_1.default.createElement(RightPanel_1.RightPanel,{item:e}))))}exports.ApiInfo=ApiInfo;const RightPanelContainer=(0,styled_components_1.default)(common_1.SamplesPanel)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ApiInfo=void 0;const jsx_runtime_1=require("react/jsx-runtime"),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),app_1=require("../../jotai/app"),common_1=require("../common"),ExternalDocumentation_1=require("../ExternalDocumentation"),Markdown_1=require("../Markdown"),styled_1=require("./styled"),store_1=require("../../jotai/store"),saveTextBeforeHeading_1=require("../../utils/saveTextBeforeHeading"),helpers_1=require("../../utils/helpers"),RenderHook_1=require("../RenderHook"),Metadata_1=require("./Metadata"),RightPanel_1=require("../RightPanel/RightPanel");function ApiInfo({item:e}){const{options:{markdownHeadingsAnchorLevel:t,hooks:o,hideInfoSection:n,hideInfoDescription:r,showMetadata:i},parser:{definition:a}}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),s=(0,jotai_1.useAtomValue)(app_1.layoutAtom),l=e.infoDefinition;if(!l||n)return null;const _=r?null:(0,saveTextBeforeHeading_1.saveTextBeforeHeading)((0,helpers_1.getValueFromMdParsedExtension)(l,"description")||"",t),u=(0,helpers_1.getValueFromMdParsedExtension)(l,"summary")||void 0,d=null==a?void 0:a.externalDocs,m=l.version&&(0,jsx_runtime_1.jsxs)("span",{children:["(",l.version,")"]})||null;return(0,jsx_runtime_1.jsx)(common_1.Section,{children:(0,jsx_runtime_1.jsxs)(common_1.Row,{layout:s,children:[(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{fullWidth:!0,className:"api-info",children:[(0,jsx_runtime_1.jsxs)(styled_1.ApiHeader,{children:[l.title," ",m]}),(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.AfterOpenApiTitle||(null==o?void 0:o.AfterApiTitle),props:{info:l}}),u&&(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:u,"data-role":"redoc-summary"}),_&&(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:_,"data-role":"redoc-description"}),d&&(0,jsx_runtime_1.jsx)(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:d}),i&&(0,jsx_runtime_1.jsx)(Metadata_1.Metadata,{metadata:l["x-metadata"]})]}),(0,jsx_runtime_1.jsx)(RightPanelContainer,{layout:s,children:(0,jsx_runtime_1.jsx)(RightPanel_1.RightPanel,{item:e})})]})})}exports.ApiInfo=ApiInfo;const RightPanelContainer=(0,styled_components_1.default)(common_1.SamplesPanel)`
   position: static;
   @media screen and (min-width: ${theme_1.breakpoints.medium}) {
     display: ${({layout:e})=>e===theme_1.LayoutVariant.STACKED?"block":"none"};

package/lib/components/ApiInfo/Metadata.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,r){void 0===r&&(r=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,l)}:function(e,t,a,r){void 0===r&&(r=a),e[r]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Metadata=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),FILTER_OUT_KEYS=["title","description"];function metadataMap([e,t]){return FILTER_OUT_KEYS.includes(e)?null:Array.isArray(t)?{key:e,value:t.filter((e=>"object"!=typeof e)).join(", ")}:"object"==typeof t?null:{key:e,value:t}}function Metadata({metadata:e}){const t=(0,react_1.useMemo)((()=>Object.entries(e||{}).map(metadataMap).filter(theme_1.isNotNull)),[e]);return e?react_1.default.createElement(theme_1.Markdown,null,react_1.default.createElement(theme_1.H3,null,"Metadata"),react_1.default.createElement("table",{className:"md"},react_1.default.createElement("thead",null,react_1.default.createElement("tr",null,react_1.default.createElement("th",{scope:"col"},"Key"),react_1.default.createElement("th",{scope:"col"},"Value"))),react_1.default.createElement("tbody",null,t.map((({key:e,value:t})=>react_1.default.createElement("tr",{key:e},react_1.default.createElement("td",null,e),react_1.default.createElement("td",null,`${t}`))))))):null}exports.Metadata=Metadata;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Metadata=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),FILTER_OUT_KEYS=["title","description"];function metadataMap([e,t]){return FILTER_OUT_KEYS.includes(e)?null:Array.isArray(t)?{key:e,value:t.filter((e=>"object"!=typeof e)).join(", ")}:"object"==typeof t?null:{key:e,value:t}}function Metadata({metadata:e}){const t=(0,react_1.useMemo)((()=>Object.entries(e||{}).map(metadataMap).filter(theme_1.isNotNull)),[e]);return e?(0,jsx_runtime_1.jsxs)(theme_1.Markdown,{children:[(0,jsx_runtime_1.jsx)(theme_1.H3,{children:"Metadata"}),(0,jsx_runtime_1.jsxs)("table",{className:"md",children:[(0,jsx_runtime_1.jsx)("thead",{children:(0,jsx_runtime_1.jsxs)("tr",{children:[(0,jsx_runtime_1.jsx)("th",{scope:"col",children:"Key"}),(0,jsx_runtime_1.jsx)("th",{scope:"col",children:"Value"})]})}),(0,jsx_runtime_1.jsx)("tbody",{children:t.map((({key:e,value:t})=>(0,jsx_runtime_1.jsxs)("tr",{children:[(0,jsx_runtime_1.jsx)("td",{children:e}),(0,jsx_runtime_1.jsx)("td",{children:`${t}`})]},e)))})]})]}):null}exports.Metadata=Metadata;
 //# sourceMappingURL=Metadata.js.map

package/lib/components/CallbackSamples/CallbackSamples.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+/// <reference types="react" />
 import type { OperationModel } from '../../models';
 export interface CallbackSamplesProps {
     callback: OperationModel;
 }
-export declare const CallbackSamples: React.NamedExoticComponent<CallbackSamplesProps>;
+export declare const CallbackSamples: import("react").NamedExoticComponent<CallbackSamplesProps>;

package/lib/components/CallbackSamples/CallbackSamples.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,r){void 0===r&&(r=a);var l=Object.getOwnPropertyDescriptor(t,a);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,l)}:function(e,t,a,r){void 0===r&&(r=a),e[r]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackSamples=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),PayloadSamples_1=require("../PayloadSamples"),ServerListDropdown_1=require("../ServerListDropdown");function CallbackSamplesComponent({callback:e}){var t;if(!(null==e?void 0:e.hasSamples))return null;return react_1.default.createElement(theme_1.Panel,{className:"panel-callback-samples",header:()=>react_1.default.createElement(StyledPanelHeader,{isExpandable:!1},react_1.default.createElement(StyledServerListDropdown,{operation:e}),react_1.default.createElement(PayloadTitle,null,"Payload")),isExpandable:!1},(null===(t=null==e?void 0:e.payload)||void 0===t?void 0:t.requestBodyContent)&&react_1.default.createElement(PayloadSamples_1.PayloadSamples,{content:e.payload.requestBodyContent}))}exports.CallbackSamples=(0,react_1.memo)(CallbackSamplesComponent);const PayloadTitle=styled_components_1.default.div`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackSamples=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),PayloadSamples_1=require("../PayloadSamples"),ServerListDropdown_1=require("../ServerListDropdown");function CallbackSamplesComponent({callback:e}){var r;if(!(null==e?void 0:e.hasSamples))return null;return(0,jsx_runtime_1.jsx)(theme_1.Panel,{className:"panel-callback-samples",header:()=>(0,jsx_runtime_1.jsxs)(StyledPanelHeader,{isExpandable:!1,children:[(0,jsx_runtime_1.jsx)(StyledServerListDropdown,{operation:e}),(0,jsx_runtime_1.jsx)(PayloadTitle,{children:"Payload"})]}),isExpandable:!1,children:(null===(r=null==e?void 0:e.payload)||void 0===r?void 0:r.requestBodyContent)&&(0,jsx_runtime_1.jsx)(PayloadSamples_1.PayloadSamples,{content:e.payload.requestBodyContent})})}exports.CallbackSamples=(0,react_1.memo)(CallbackSamplesComponent);const PayloadTitle=styled_components_1.default.div`
   font-size: var(--font-size-sm);
   font-style: normal;
   font-weight: var(--font-weight-regular);
@@ -10,8 +10,7 @@
 `,StyledPanelHeader=(0,styled_components_1.default)(theme_1.PanelHeader)`
   flex-wrap: nowrap;
 `,StyledServerListDropdown=(0,styled_components_1.default)(ServerListDropdown_1.ServerListDropdown)`
-  width: calc(100% - 60px);
   padding-right: var(--spacing-base);
-  max-width: fit-content;
+  min-width: 0;
 `;
 //# sourceMappingURL=CallbackSamples.js.map

package/lib/components/Callbacks/CallbackDetails.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+/// <reference types="react" />
 import type { OperationModel } from '../../models';
 export interface CallbackDetailsProps {
     operation: OperationModel;
 }
-export declare const CallbackDetails: React.NamedExoticComponent<CallbackDetailsProps>;
+export declare const CallbackDetails: import("react").NamedExoticComponent<CallbackDetailsProps>;

package/lib/components/Callbacks/CallbackDetails.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var a=Object.getOwnPropertyDescriptor(t,r);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,a)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackDetails=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),ExternalDocumentation_1=require("../ExternalDocumentation"),Extensions_1=require("../common/Extensions"),Markdown_1=require("../Markdown"),RequestParameters_1=require("../RequestParameters"),Responses_1=require("../Responses"),Security_1=require("../Security");function CallbackDetailsComponent({operation:e}){var t,r;const{description:n,externalDocs:a}=e,l=!(!n&&!a);return react_1.default.createElement(react_1.default.Fragment,null,l&&react_1.default.createElement(Description,null,void 0!==n&&react_1.default.createElement(Markdown_1.Markdown,{source:n}),a&&react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:a})),Object.keys(e.extensions||{}).length?react_1.default.createElement(Extensions_1.Extensions,{extensions:e.extensions}):null,react_1.default.createElement(Security_1.Security,{securities:e.security}),(null===(t=e.parameters)||void 0===t?void 0:t.length)||e.requestBody?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Title,null,"Callback Request"),react_1.default.createElement(RequestParameters_1.RequestParameters,{parameters:e.parameters,body:e.requestBody,operationId:e.id})):null,(null===(r=e.responses)||void 0===r?void 0:r.length)?react_1.default.createElement(Responses_1.OperationResponseList,{responses:e.responses,operation:e,title:react_1.default.createElement(Title,null,"Callback Response")}):null)}exports.CallbackDetails=(0,react_1.memo)(CallbackDetailsComponent);const Description=styled_components_1.default.div`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackDetails=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),ExternalDocumentation_1=require("../ExternalDocumentation"),Extensions_1=require("../common/Extensions"),Markdown_1=require("../Markdown"),RequestParameters_1=require("../RequestParameters"),Responses_1=require("../Responses"),Security_1=require("../Security");function CallbackDetailsComponent({operation:e}){var t,s;const{description:n,externalDocs:r}=e,i=!(!n&&!r);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[i&&(0,jsx_runtime_1.jsxs)(Description,{children:[void 0!==n&&(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:n}),r&&(0,jsx_runtime_1.jsx)(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:r})]}),Object.keys(e.extensions||{}).length?(0,jsx_runtime_1.jsx)(Extensions_1.Extensions,{extensions:e.extensions}):null,(0,jsx_runtime_1.jsx)(Security_1.Security,{securities:e.security}),(null===(t=e.parameters)||void 0===t?void 0:t.length)||e.requestBody?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Title,{children:"Callback Request"}),(0,jsx_runtime_1.jsx)(RequestParameters_1.RequestParameters,{parameters:e.parameters,body:e.requestBody,operationId:e.id})]}):null,(null===(s=e.responses)||void 0===s?void 0:s.length)?(0,jsx_runtime_1.jsx)(Responses_1.OperationResponseList,{responses:e.responses,operation:e,title:(0,jsx_runtime_1.jsx)(Title,{children:"Callback Response"})}):null]})}exports.CallbackDetails=(0,react_1.memo)(CallbackDetailsComponent);const Description=styled_components_1.default.div`
   margin-bottom: calc(var(--spacing-unit) * 3);
 `,Title=styled_components_1.default.h4`
   font-size: var(--font-size-lg);

package/lib/components/Callbacks/CallbackOperation.js

@@ -1,4 +1,4 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackOperation=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),react_router_dom_1=require("react-router-dom"),Panel_1=require("../Panel"),CallbackDetails_1=require("./CallbackDetails"),CallbackSummary_1=require("./CallbackSummary"),utils_1=require("../../utils"),CallbackOperation=({operation:e,onExpand:a,selectedCallback:l})=>{const t=(0,react_router_dom_1.useLocation)();return react_1.default.createElement(Panel_1.CallbackPanel,{header:({expanded:l,toggle:t})=>react_1.default.createElement(CallbackSummary_1.CallbackSummary,{operation:e,toggle:r=>{null==t||t(r),null==a||a(l?null:e)},expanded:l}),expanded:(null==l?void 0:l.callbackId)===e.callbackId||(0,utils_1.pathIncludesLink)(t,`c=${e.callbackId}`),className:"panel-response-callback"},react_1.default.createElement(CallbackDetailsWrap,null,react_1.default.createElement(CallbackDetails_1.CallbackDetails,{operation:e}),react_1.default.createElement(LeftBorder,null)))};exports.CallbackOperation=CallbackOperation;const CallbackDetailsWrap=styled_components_1.default.div`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackOperation=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components")),react_router_dom_1=require("react-router-dom"),Panel_1=require("../Panel"),CallbackDetails_1=require("./CallbackDetails"),CallbackSummary_1=require("./CallbackSummary"),utils_1=require("../../utils"),CallbackOperation=({operation:e,onExpand:a,selectedCallback:l})=>{const t=(0,react_router_dom_1.useLocation)();return(0,jsx_runtime_1.jsx)(Panel_1.CallbackPanel,{header:({expanded:l,toggle:t})=>(0,jsx_runtime_1.jsx)(CallbackSummary_1.CallbackSummary,{operation:e,toggle:r=>{null==t||t(r),null==a||a(l?null:e)},expanded:l}),expanded:(null==l?void 0:l.callbackId)===e.callbackId||(0,utils_1.pathIncludesLink)(t,`c=${e.callbackId}`),className:"panel-response-callback",children:(0,jsx_runtime_1.jsxs)(CallbackDetailsWrap,{children:[(0,jsx_runtime_1.jsx)(CallbackDetails_1.CallbackDetails,{operation:e}),(0,jsx_runtime_1.jsx)(LeftBorder,{})]})})};exports.CallbackOperation=CallbackOperation;const CallbackDetailsWrap=styled_components_1.default.div`
   position: relative;
   .property:last-child {
     border-bottom: none;

package/lib/components/Callbacks/CallbackSummary.js

@@ -1,20 +1,9 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackSummary=void 0;const react_1=__importDefault(require("react")),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),Panel_1=require("../Panel"),shared_1=require("../shared"),services_1=require("../../services"),utils_1=require("../../utils"),styled_1=require("./styled"),PlusCircleIcon_1=require("../PropertyDetails/PlusCircleIcon"),LinkToField_1=require("../common/LinkToField");function CallbackSummary({expanded:e=!1,toggle:t,operation:{name:r,httpVerb:a,deprecated:l,callbackId:n,id:i}}){return react_1.default.createElement(CallbackHeader,{expanded:e,onClick:t},react_1.default.createElement(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(i,`callbacks&c=${n}`)}),react_1.default.createElement(Panel_1.Trigger,null,react_1.default.createElement(CircleIconWrap,null,react_1.default.createElement(PlusCircleIcon_1.CircleIcon,{sign:e?"-":"+"})),react_1.default.createElement(styled_1.CallbackTitle,{deprecated:l},r),react_1.default.createElement(shared_1.HttpVerb,{color:a},(0,utils_1.shortenHTTPVerb)(a)),l?react_1.default.createElement(theme_1.Badge,{deprecated:!0},"Deprecated"):null))}exports.CallbackSummary=CallbackSummary;const CallbackHeader=(0,styled_components_1.default)(theme_1.PanelHeader)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackSummary=void 0;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),Panel_1=require("../Panel"),shared_1=require("../shared"),services_1=require("../../services"),utils_1=require("../../utils"),styled_1=require("./styled"),PlusCircleIcon_1=require("../PropertyDetails/PlusCircleIcon"),LinkToField_1=require("../common/LinkToField");function CallbackSummary({expanded:e=!1,toggle:r,operation:{name:i,httpVerb:t,deprecated:l,callbackId:n,id:s}}){return(0,jsx_runtime_1.jsxs)(CallbackHeader,{expanded:e,onClick:r,children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(s,`callbacks&c=${n}`)}),(0,jsx_runtime_1.jsxs)(Panel_1.Trigger,{children:[(0,jsx_runtime_1.jsx)(CircleIconWrap,{icon:(0,jsx_runtime_1.jsx)(PlusCircleIcon_1.CircleIcon,{sign:e?"-":"+"}),variant:"ghost"}),(0,jsx_runtime_1.jsx)(styled_1.CallbackTitle,{deprecated:l,children:i}),(0,jsx_runtime_1.jsx)(shared_1.HttpVerb,{color:t,children:(0,utils_1.shortenHTTPVerb)(t)}),l?(0,jsx_runtime_1.jsx)(theme_1.Badge,{deprecated:!0,children:"Deprecated"}):null]})]})}exports.CallbackSummary=CallbackSummary;const CallbackHeader=(0,styled_components_1.default)(theme_1.PanelHeader)`
   padding: var(--spacing-sm) 0 var(--spacing-sm) calc(var(--spacing-unit) / 2);
   margin: 0;
   line-height: var(--line-height-base);
   position: relative;
-`,CircleIconWrap=styled_components_1.default.button`
-  background: none;
-  border: none;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  padding: 0;
-  gap: var(--spacing-xxs);
-  color: var(--text-color-secondary);
-  font-size: var(--font-size-base);
-  font-family: var(--font-family-base);
-  line-height: var(--line-height-base);
+`,CircleIconWrap=(0,styled_components_1.default)(theme_1.Button)`
   z-index: 2;
 `;
 //# sourceMappingURL=CallbackSummary.js.map

package/lib/components/Callbacks/CallbacksList.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import type { CallbackModel, OperationModel } from '../../models';
 export interface CallbacksListProps {
     callbacks: CallbackModel[];
     onExpand: (a: OperationModel | null) => void;
     selectedCallback: OperationModel | null;
 }
-export declare const CallbacksList: React.NamedExoticComponent<CallbacksListProps>;
+export declare const CallbacksList: import("react").NamedExoticComponent<CallbacksListProps>;

package/lib/components/Callbacks/CallbacksList.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,r){void 0===r&&(r=a);var n=Object.getOwnPropertyDescriptor(t,a);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,r,n)}:function(e,t,a,r){void 0===r&&(r=a),e[r]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbacksList=void 0;const react_1=__importStar(require("react")),CallbackOperation_1=require("./CallbackOperation");function CallbacksListComponent({callbacks:e,selectedCallback:t,onExpand:a}){if(!e||0===e.length)return null;const r=e=>{a(e)};return react_1.default.createElement("div",null,e.map((e=>e.operations.map((e=>react_1.default.createElement(CallbackOperation_1.CallbackOperation,{key:e.name,operation:e,selectedCallback:t,onExpand:r}))))))}exports.CallbacksList=(0,react_1.memo)(CallbacksListComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbacksList=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),CallbackOperation_1=require("./CallbackOperation");function CallbacksListComponent({callbacks:e,selectedCallback:a,onExpand:t}){if(!e||0===e.length)return null;const r=e=>{t(e)};return(0,jsx_runtime_1.jsx)("div",{children:e.map((e=>e.operations.map((e=>(0,jsx_runtime_1.jsx)(CallbackOperation_1.CallbackOperation,{operation:e,selectedCallback:a,onExpand:r},e.name)))))})}exports.CallbacksList=(0,react_1.memo)(CallbacksListComponent);
 //# sourceMappingURL=CallbacksList.js.map

package/lib/components/Content/Content.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+/// <reference types="react" />
 import type { ContentItemModel } from '../../models';
 interface ContentProps {
     items: ContentItemModel[];
     routingBasePath: string;
     disableLoadingAnimation: boolean;
 }
-export declare const Content: React.NamedExoticComponent<ContentProps>;
+export declare const Content: import("react").NamedExoticComponent<ContentProps>;
 export {};

package/lib/components/Content/Content.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Content=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),useAutoScroll_1=require("./useAutoScroll"),common_1=require("../common"),ContentItems_1=require("../ContentItems");let isInitialHydrate=!0;function ContentComponent({routingBasePath:e,disableLoadingAnimation:t,items:r}){const[n,o]=(0,react_1.useState)(theme_1.IS_BROWSER&&!isInitialHydrate&&!t);return(0,useAutoScroll_1.useAutoScroll)(n,e),(0,react_1.useEffect)((()=>{const e=setTimeout((()=>{o(!1)}),200);return isInitialHydrate=!1,()=>{clearTimeout(e)}}),[]),n?react_1.default.createElement("div",{style:{flex:1,width:"100%"}},react_1.default.createElement(common_1.Skeleton,null)):react_1.default.createElement(ContentItems_1.ContentItems,{root:!0,items:r,routingBasePath:e})}exports.Content=(0,react_1.memo)(ContentComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Content=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),useAutoScroll_1=require("./useAutoScroll"),common_1=require("../common"),ContentItems_1=require("../ContentItems");let isInitialHydrate=!0;function ContentComponent({routingBasePath:e,disableLoadingAnimation:t,items:o}){const[n,r]=(0,react_1.useState)(theme_1.IS_BROWSER&&!isInitialHydrate&&!t);return(0,useAutoScroll_1.useAutoScroll)(n,e),(0,react_1.useEffect)((()=>{const e=setTimeout((()=>{r(!1)}),200);return isInitialHydrate=!1,()=>{clearTimeout(e)}}),[]),n?(0,jsx_runtime_1.jsx)("div",{style:{flex:1,width:"100%"},children:(0,jsx_runtime_1.jsx)(common_1.Skeleton,{})}):(0,jsx_runtime_1.jsx)(ContentItems_1.ContentItems,{root:!0,items:o,routingBasePath:e})}exports.Content=(0,react_1.memo)(ContentComponent);
 //# sourceMappingURL=Content.js.map

package/lib/components/ContentItem/ContentItem.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import type { ContentItemModel } from '../../models';
 interface ContentItemProps {
     item: ContentItemModel;
     routingBasePath: string;
 }
-export declare const ContentItem: React.NamedExoticComponent<ContentItemProps>;
+export declare const ContentItem: import("react").NamedExoticComponent<ContentItemProps>;
 export {};

package/lib/components/ContentItem/ContentItem.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&__createBinding(t,e,n);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContentItem=void 0;const react_1=__importStar(require("react")),services_1=require("../../services"),TagItem_1=require("../TagItem"),SectionItem_1=require("../SectionItem"),OperationItem_1=require("../OperationItem"),common_1=require("../common"),ContentItems_1=require("../ContentItems"),ApiInfo_1=require("../ApiInfo"),helpers_1=require("../ContentItems/helpers"),useIsExpanded_1=require("./useIsExpanded"),ContentComponentMap={group:null,tag:TagItem_1.TagItem,section:SectionItem_1.SectionItem,schema:TagItem_1.TagItem,operation:OperationItem_1.OperationItem,root:ApiInfo_1.ApiInfo};function ContentItemComponent({item:e,routingBasePath:t}){var n;const r=ContentComponentMap[(0,helpers_1.isRootItem)(e)?"root":e.type],o="tag"===e.type&&e.items.length>0,i=(0,useIsExpanded_1.useIsExpanded)({item:e,routingBasePath:t});return react_1.default.createElement(react_1.default.Fragment,null,r&&react_1.default.createElement(common_1.Section,{id:e.id,sectionId:(0,services_1.joinWithSeparator)(t,e.id),underlined:"operation"===e.type||"schema"===e.type,expanded:o&&!i},react_1.default.createElement(r,{item:e,routingBasePath:t,isExpanded:i})),(i||"tag"!==e.type)&&Boolean(null===(n=e.items)||void 0===n?void 0:n.length)&&react_1.default.createElement(ContentItems_1.ContentItems,{items:e.items,routingBasePath:t}))}exports.ContentItem=(0,react_1.memo)(ContentItemComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContentItem=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),services_1=require("../../services"),TagItem_1=require("../TagItem"),SectionItem_1=require("../SectionItem"),OperationItem_1=require("../OperationItem"),common_1=require("../common"),ContentItems_1=require("../ContentItems"),ApiInfo_1=require("../ApiInfo"),helpers_1=require("../ContentItems/helpers"),useIsExpanded_1=require("./useIsExpanded"),ContentComponentMap={group:null,tag:TagItem_1.TagItem,section:SectionItem_1.SectionItem,schema:TagItem_1.TagItem,operation:OperationItem_1.OperationItem,root:ApiInfo_1.ApiInfo};function ContentItemComponent({item:e,routingBasePath:t}){var n;const o=ContentComponentMap[(0,helpers_1.isRootItem)(e)?"root":e.type],r="tag"===e.type&&e.items.length>0,i=(0,useIsExpanded_1.useIsExpanded)({item:e,routingBasePath:t});return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[o&&(0,jsx_runtime_1.jsx)(common_1.Section,{id:e.id,sectionId:(0,services_1.joinWithSeparator)(t,e.id),underlined:"operation"===e.type||"schema"===e.type,expanded:r&&!i,children:(0,jsx_runtime_1.jsx)(o,{item:e,routingBasePath:t,isExpanded:i})}),(i||"tag"!==e.type)&&Boolean(null===(n=e.items)||void 0===n?void 0:n.length)&&(0,jsx_runtime_1.jsx)(ContentItems_1.ContentItems,{items:e.items,routingBasePath:t})]})}exports.ContentItem=(0,react_1.memo)(ContentItemComponent);
 //# sourceMappingURL=ContentItem.js.map

package/lib/components/ContentItems/ContentItems.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+/// <reference types="react" />
 import type { ContentItemModel } from '../../models';
 interface ContentItemsProps {
     root?: boolean;
     items: ContentItemModel[];
     routingBasePath: string;
 }
-export declare const ContentItems: React.NamedExoticComponent<ContentItemsProps>;
+export declare const ContentItems: import("react").NamedExoticComponent<ContentItemsProps>;
 export {};

package/lib/components/ContentItems/ContentItems.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContentItems=void 0;const react_1=__importStar(require("react")),react_router_dom_1=require("react-router-dom"),jotai_1=require("jotai"),helpers_1=require("./helpers"),SectionContent_1=require("../SectionContent"),ContentItem_1=require("../ContentItem"),app_1=require("../../jotai/app");function ContentItemsComponent({items:e,root:t=!1,routingBasePath:r}){const n=(0,jotai_1.useAtomValue)(app_1.versionPathAtom),o=n?`/${n}/`:"/",{rootItem:a}=(0,helpers_1.getItemsByType)(e),_=!t||a?o:(0,helpers_1.getFirstPageLink)(e,o),u=(0,react_1.useMemo)((()=>react_1.default.createElement(react_router_dom_1.Routes,null,a&&react_1.default.createElement(react_router_dom_1.Route,{path:`${a.href||o}*`,element:react_1.default.createElement(SectionContent_1.SectionContent,{items:e})}),react_1.default.createElement(react_router_dom_1.Route,{path:"*",element:react_1.default.createElement(react_router_dom_1.Navigate,{to:_,replace:!0})}))),[a,o,e,_]);return t&&!e.length?react_1.default.createElement(react_router_dom_1.Routes,null,react_1.default.createElement(react_router_dom_1.Route,{path:"*",element:react_1.default.createElement(SectionContent_1.SectionContent,{items:e})})):e.length?react_1.default.createElement(react_1.default.Fragment,null,t?u:e.map((e=>react_1.default.createElement(ContentItem_1.ContentItem,{key:e.id,item:e,routingBasePath:r})))):null}exports.ContentItems=(0,react_1.memo)(ContentItemsComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContentItems=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_router_dom_1=require("react-router-dom"),jotai_1=require("jotai"),helpers_1=require("./helpers"),SectionContent_1=require("../SectionContent"),ContentItem_1=require("../ContentItem"),app_1=require("../../jotai/app");function ContentItemsComponent({items:e,root:t=!1,routingBasePath:r}){const n=(0,jotai_1.useAtomValue)(app_1.versionPathAtom),o=n?`/${n}/`:"/",{rootItem:_}=(0,helpers_1.getItemsByType)(e),s=!t||_?o:(0,helpers_1.getFirstPageLink)(e,o),i=(0,react_1.useMemo)((()=>(0,jsx_runtime_1.jsxs)(react_router_dom_1.Routes,{children:[_&&(0,jsx_runtime_1.jsx)(react_router_dom_1.Route,{path:`${_.href||o}*`,element:(0,jsx_runtime_1.jsx)(SectionContent_1.SectionContent,{items:e})}),(0,jsx_runtime_1.jsx)(react_router_dom_1.Route,{path:"*",element:(0,jsx_runtime_1.jsx)(react_router_dom_1.Navigate,{to:s,replace:!0})})]})),[_,o,e,s]);return t&&!e.length?(0,jsx_runtime_1.jsx)(react_router_dom_1.Routes,{children:(0,jsx_runtime_1.jsx)(react_router_dom_1.Route,{path:"*",element:(0,jsx_runtime_1.jsx)(SectionContent_1.SectionContent,{items:e})})}):e.length?(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:t?i:e.map((e=>(0,jsx_runtime_1.jsx)(ContentItem_1.ContentItem,{item:e,routingBasePath:r},e.id)))}):null}exports.ContentItems=(0,react_1.memo)(ContentItemsComponent);
 //# sourceMappingURL=ContentItems.js.map

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

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

package/lib/components/Discriminator/Discriminator.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,n)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Discriminator=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),utils_1=require("../../utils"),SchemaSelection_1=require("../common/SchemaSelection"),common_1=require("../common");function DiscriminatorDropdownComponent({parent:e,onChange:t}){const r=(0,react_1.useMemo)((()=>(e.oneOf||[]).map(((e,t)=>({label:e.schema.deprecated?`${(0,utils_1.strikethroughText)(e.title)} (deprecated)`:e.title,value:t})))),[e.oneOf]);return void 0===e.oneOf?null:react_1.default.createElement(Wrapper,null,react_1.default.createElement(common_1.SelectionTitle,null,"Discriminator"),react_1.default.createElement(SchemaSelection_1.SchemaSelection,{options:r,pointer:e.deps.operation.pointer,onChange:t,schema:e}))}exports.Discriminator=(0,react_1.memo)(DiscriminatorDropdownComponent);const Wrapper=styled_components_1.default.div`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Discriminator=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),utils_1=require("../../utils"),SchemaSelection_1=require("../common/SchemaSelection"),common_1=require("../common");function DiscriminatorDropdownComponent({parent:e,onChange:r}){const o=(0,react_1.useMemo)((()=>(e.oneOf||[]).map(((e,r)=>({label:e.schema.deprecated?`${(0,utils_1.strikethroughText)(e.title)} (deprecated)`:e.title,value:r})))),[e.oneOf]);return void 0===e.oneOf?null:(0,jsx_runtime_1.jsxs)(Wrapper,{children:[(0,jsx_runtime_1.jsx)(common_1.SelectionTitle,{children:"Discriminator"}),(0,jsx_runtime_1.jsx)(SchemaSelection_1.SchemaSelection,{options:o,pointer:e.deps.operation.pointer,onChange:r,schema:e})]})}exports.Discriminator=(0,react_1.memo)(DiscriminatorDropdownComponent);const Wrapper=styled_components_1.default.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;

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

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

package/lib/components/Download/DownloadSpecification.js

@@ -1,8 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,a){void 0===a&&(a=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,a,o)}:function(e,t,n,a){void 0===a&&(a=n),e[a]=t[n]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&__createBinding(t,e,n);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DownloadSpecification=void 0;const react_1=__importStar(require("react")),jotai_1=require("jotai"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),useDownloadInfo_1=require("./useDownloadInfo"),store_1=require("../../jotai/store");function DownloadSpecificationComponent(){const{parser:e,options:t}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),{definition:n}=e,{json:a,yaml:o}=(0,useDownloadInfo_1.useDownloadInfo)({definition:n,downloadDefinitionUrls:t.downloadDefinitionUrls});return react_1.default.createElement(Wrapper,null,react_1.default.createElement(Card,null,react_1.default.createElement(FileName,null,react_1.default.createElement(theme_1.JsonIcon,null),a.filename),react_1.default.createElement(DownloadLink,{download:!0,target:"_blank",href:a.url},react_1.default.createElement(theme_1.DownloadIcon,null))),react_1.default.createElement(Card,null,react_1.default.createElement(FileName,null,react_1.default.createElement(theme_1.DocumentIcon,null),o.filename),react_1.default.createElement(DownloadLink,{download:!0,target:"_blank",href:o.url},react_1.default.createElement(theme_1.DownloadIcon,null))))}exports.DownloadSpecification=(0,react_1.memo)(DownloadSpecificationComponent);const DownloadLink=styled_components_1.default.a.attrs({className:"download-specification-button button-default"})`
-  margin-left: var(--spacing-xxs);
-  text-decoration: none;
-  color: var(--text-color-secondary);
-`,Card=styled_components_1.default.div`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DownloadSpecification=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),useDownloadInfo_1=require("./useDownloadInfo"),store_1=require("../../jotai/store");function DownloadSpecificationComponent(){const{parser:e,options:t}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),{definition:n}=e,{json:o,yaml:r}=(0,useDownloadInfo_1.useDownloadInfo)({definition:n,downloadDefinitionUrls:t.downloadDefinitionUrls});return(0,jsx_runtime_1.jsxs)(Wrapper,{children:[(0,jsx_runtime_1.jsxs)(Card,{children:[(0,jsx_runtime_1.jsxs)(FileName,{children:[(0,jsx_runtime_1.jsx)(theme_1.DocumentIcon,{}),r.filename]}),(0,jsx_runtime_1.jsx)("a",{href:r.url,target:"_blank",download:!0,rel:"noreferrer",children:(0,jsx_runtime_1.jsx)(theme_1.Button,{variant:"ghost",size:"small",icon:(0,jsx_runtime_1.jsx)(theme_1.DownloadIcon,{})})})]}),(0,jsx_runtime_1.jsxs)(Card,{children:[(0,jsx_runtime_1.jsxs)(FileName,{children:[(0,jsx_runtime_1.jsx)(theme_1.JsonIcon,{}),o.filename]}),(0,jsx_runtime_1.jsx)("a",{href:o.url,target:"_blank",download:!0,rel:"noreferrer",children:(0,jsx_runtime_1.jsx)(theme_1.Button,{variant:"ghost",size:"small",icon:(0,jsx_runtime_1.jsx)(theme_1.DownloadIcon,{})})})]})]})}exports.DownloadSpecification=(0,react_1.memo)(DownloadSpecificationComponent);const Card=styled_components_1.default.div`
   display: flex;
   align-items: baseline;
   justify-content: space-between;

package/lib/components/DropdownOrLabel/DropdownOrLabel.js

@@ -1,8 +1,8 @@
-"use strict";var __rest=this&&this.__rest||function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DropdownOrLabel=void 0;const react_1=__importDefault(require("react")),styled_components_1=__importDefault(require("styled-components")),Dropdown_1=require("../common/Dropdown"),MimeLabel=styled_components_1.default.span`
+"use strict";var __rest=this&&this.__rest||function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)r.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(t[o[n]]=e[o[n]])}return t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DropdownOrLabel=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components")),Dropdown_1=require("../common/Dropdown"),MimeLabel=styled_components_1.default.span`
   margin-left: 4px;
   font-size: 14px;
   text-transform: none;
   font-weight: 400;
   color: var(--text-color-primary);
-`;function DropdownOrLabel(e){var{Label:t=MimeLabel,Dropdown:r=Dropdown_1.SimpleDropdown}=e,o=__rest(e,["Label","Dropdown"]);return 1===o.options.length?react_1.default.createElement(t,null,o.options[0].value):react_1.default.createElement(r,Object.assign({},o))}exports.DropdownOrLabel=DropdownOrLabel;
+`;function DropdownOrLabel(e){var{Label:r=MimeLabel,Dropdown:t=Dropdown_1.SimpleDropdown}=e,o=__rest(e,["Label","Dropdown"]);return 1===o.options.length?(0,jsx_runtime_1.jsx)(r,{children:o.options[0].value}):(0,jsx_runtime_1.jsx)(t,Object.assign({},o))}exports.DropdownOrLabel=DropdownOrLabel;
 //# sourceMappingURL=DropdownOrLabel.js.map

package/lib/components/ErrorBoundary/ErrorBoundary.js

@@ -1,5 +1,5 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,l)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorBoundary=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),ErrorWrapper=styled_components_1.default.div`
+"use strict";var __importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ErrorBoundary=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),ErrorWrapper=styled_components_1.default.div`
   padding: 20px;
   color: red;
-`;class ErrorBoundary extends react_1.Component{constructor(e){super(e),this.state={error:void 0}}componentDidCatch(e){return this.setState({error:e}),!1}render(){return this.state.error?react_1.default.createElement(ErrorWrapper,null,react_1.default.createElement("h1",null,"Something went wrong..."),react_1.default.createElement("small",null," ",this.state.error.message," "),react_1.default.createElement("p",null,react_1.default.createElement("details",null,react_1.default.createElement("summary",null,"Stack trace"),react_1.default.createElement("pre",null,this.state.error.stack))),"undefined"!=typeof __REDOC_VERSION__?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement("small",null," References docs version: ",__REDOC_VERSION__)," ",react_1.default.createElement("br",null)):null,"undefined"!=typeof __REDOC_REVISION__?react_1.default.createElement("small",null," Commit: ",__REDOC_REVISION__):null):react_1.default.createElement(react_1.default.Fragment,null,react_1.Children.only(this.props.children))}}exports.ErrorBoundary=ErrorBoundary;
+`;class ErrorBoundary extends react_1.Component{constructor(r){super(r),this.state={error:void 0}}componentDidCatch(r){return this.setState({error:r}),!1}render(){return this.state.error?(0,jsx_runtime_1.jsxs)(ErrorWrapper,{children:[(0,jsx_runtime_1.jsx)("h1",{children:"Something went wrong..."}),(0,jsx_runtime_1.jsxs)("small",{children:[" ",this.state.error.message," "]}),(0,jsx_runtime_1.jsx)("p",{children:(0,jsx_runtime_1.jsxs)("details",{children:[(0,jsx_runtime_1.jsx)("summary",{children:"Stack trace"}),(0,jsx_runtime_1.jsx)("pre",{children:this.state.error.stack})]})}),"undefined"!=typeof __REDOC_VERSION__?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)("small",{children:[" References docs version: ",__REDOC_VERSION__]})," ",(0,jsx_runtime_1.jsx)("br",{})]}):null,"undefined"!=typeof __REDOC_REVISION__?(0,jsx_runtime_1.jsxs)("small",{children:[" Commit: ",__REDOC_REVISION__]}):null]}):(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:react_1.Children.only(this.props.children)})}}exports.ErrorBoundary=ErrorBoundary;
 //# sourceMappingURL=ErrorBoundary.js.map

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

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

package/lib/components/ExternalDocumentation/ExternalDocumentation.js

@@ -1,5 +1,5 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExternalDocumentation=void 0;const react_1=__importStar(require("react")),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),utils_1=require("../../utils"),LinkWrap=styled_components_1.default.div`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExternalDocumentation=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),utils_1=require("../../utils"),LinkWrap=styled_components_1.default.div`
   ${theme_1.markdownLinksCss};
   ${({compact:e})=>e?"":"margin: 1em 0"}
-`;function ExternalDocumentationComponent({externalDocs:e,compact:t}){if(!e||!e.url)return null;const r=(0,utils_1.normalizeText)(e.description);return react_1.default.createElement(LinkWrap,{compact:t},react_1.default.createElement("a",{href:e.url,target:"_blank",rel:"noreferrer","aria-label":r||e.url},r||e.url))}exports.ExternalDocumentation=(0,react_1.memo)(ExternalDocumentationComponent);
+`;function ExternalDocumentationComponent({externalDocs:e,compact:t}){if(!e||!e.url)return null;const r=(0,utils_1.normalizeText)(e.description);return(0,jsx_runtime_1.jsx)(LinkWrap,{compact:t,children:(0,jsx_runtime_1.jsx)("a",{href:e.url,target:"_blank",rel:"noreferrer","aria-label":r||e.url,children:r||e.url})})}exports.ExternalDocumentation=(0,react_1.memo)(ExternalDocumentationComponent);
 //# sourceMappingURL=ExternalDocumentation.js.map

package/lib/components/Language/LanguageDropdown.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageDropdown=void 0;const react_1=__importStar(require("react")),theme_1=require("@redocly/theme"),LanguageItem_1=require("./LanguageItem"),styled_1=require("./styled"),LanguageDropdown=({samples:e,activeTab:t,onChange:r,controller:a,width:n,withArrow:o=!0,withCheckmark:i=!0,withIcon:u=!0})=>{const c=(0,react_1.useCallback)((t=>{const a=e.find((({key:e})=>e===t.key));a&&r(a)}),[r,e]),l=(0,react_1.useMemo)((()=>e.map((e=>react_1.default.createElement(styled_1.DropdownItemContainer,{key:e.key,width:n},react_1.default.createElement(LanguageItem_1.LanguageItem,{item:e,active:t.key===e.key,withCheckmark:i,withIcon:u}))))),[t.key,e,n,i,u]);return react_1.default.createElement(theme_1.Dropdown,{items:l,withArrow:o,alignment:"end",onChange:c},a||react_1.default.createElement(styled_1.DropdownControllerText,null,t.title))};exports.LanguageDropdown=LanguageDropdown;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageDropdown=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),theme_1=require("@redocly/theme"),LanguageItem_1=require("./LanguageItem"),styled_1=require("./styled"),LanguageDropdown=({samples:e,activeTab:t,onChange:r,controller:n,width:o,withArrow:a=!0,withCheckmark:i=!0,withIcon:s=!0})=>{const u=(0,react_1.useCallback)((t=>{const n=e.find((({key:e})=>e===t.key));n&&r(n)}),[r,e]),c=(0,react_1.useMemo)((()=>e.map((e=>(0,jsx_runtime_1.jsx)(styled_1.DropdownItemContainer,{width:o,children:(0,jsx_runtime_1.jsx)(LanguageItem_1.LanguageItem,{item:e,active:t.key===e.key,withCheckmark:i,withIcon:s})},e.key)))),[t.key,e,o,i,s]);return(0,jsx_runtime_1.jsx)(theme_1.Dropdown,{items:c,withArrow:a,alignment:"end",onChange:u,children:n||(0,jsx_runtime_1.jsx)(styled_1.DropdownControllerText,{children:t.title})})};exports.LanguageDropdown=LanguageDropdown;
 //# sourceMappingURL=LanguageDropdown.js.map

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

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

package/lib/components/Language/LanguageItem.js

@@ -1,2 +1,2 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageItem=void 0;const react_1=__importDefault(require("react")),theme_1=require("@redocly/theme"),CurlIcon_1=require("../../icons/CurlIcon"),CSharpIcon_1=require("../../icons/CSharpIcon"),NodeJSIcon_1=require("../../icons/NodeJSIcon"),JavaScriptIcon_1=require("../../icons/JavaScriptIcon"),PythonIcon_1=require("../../icons/PythonIcon"),RIcon_1=require("../../icons/RIcon"),RubyIcon_1=require("../../icons/RubyIcon"),PHPIcon_1=require("../../icons/PHPIcon"),GOIcon_1=require("../../icons/GOIcon"),JavaIcon_1=require("../../icons/JavaIcon"),styled_1=require("./styled"),iconsMap={curl_:react_1.default.createElement(CurlIcon_1.CurlIcon,null),"C#_":react_1.default.createElement(CSharpIcon_1.CSharpIcon,null),"C#+Newtonsoft_":react_1.default.createElement(CSharpIcon_1.CSharpIcon,null),"Node.js_":react_1.default.createElement(NodeJSIcon_1.NodeJSIcon,null),JavaScript_:react_1.default.createElement(JavaScriptIcon_1.JavaScriptIcon,null),Python_:react_1.default.createElement(PythonIcon_1.PythonIcon,null),R_:react_1.default.createElement(RIcon_1.RIcon,null),Ruby_:react_1.default.createElement(RubyIcon_1.RubyIcon,null),PHP_:react_1.default.createElement(PHPIcon_1.PHPIcon,null),Go_:react_1.default.createElement(GOIcon_1.GOIcon,null),Java_:react_1.default.createElement(JavaIcon_1.JavaIcon,null),"Java8+Apache_":react_1.default.createElement(JavaIcon_1.JavaIcon,null)},LanguageItem=({item:e,active:t,withCheckmark:a,withIcon:n})=>react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(styled_1.LanguageTitleContainer,null,n&&react_1.default.createElement(styled_1.LanguageIcon,null,iconsMap[e.key]),react_1.default.createElement(styled_1.LanguageTitle,{active:t},e.title)),a&&t&&react_1.default.createElement(theme_1.CheckmarkIcon,null));exports.LanguageItem=LanguageItem;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageItem=void 0;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),CurlIcon_1=require("../../icons/CurlIcon"),CSharpIcon_1=require("../../icons/CSharpIcon"),NodeJSIcon_1=require("../../icons/NodeJSIcon"),JavaScriptIcon_1=require("../../icons/JavaScriptIcon"),PythonIcon_1=require("../../icons/PythonIcon"),RIcon_1=require("../../icons/RIcon"),RubyIcon_1=require("../../icons/RubyIcon"),PHPIcon_1=require("../../icons/PHPIcon"),GOIcon_1=require("../../icons/GOIcon"),JavaIcon_1=require("../../icons/JavaIcon"),styled_1=require("./styled"),iconsMap={curl_:(0,jsx_runtime_1.jsx)(CurlIcon_1.CurlIcon,{}),"C#_":(0,jsx_runtime_1.jsx)(CSharpIcon_1.CSharpIcon,{}),"C#+Newtonsoft_":(0,jsx_runtime_1.jsx)(CSharpIcon_1.CSharpIcon,{}),"Node.js_":(0,jsx_runtime_1.jsx)(NodeJSIcon_1.NodeJSIcon,{}),JavaScript_:(0,jsx_runtime_1.jsx)(JavaScriptIcon_1.JavaScriptIcon,{}),Python_:(0,jsx_runtime_1.jsx)(PythonIcon_1.PythonIcon,{}),R_:(0,jsx_runtime_1.jsx)(RIcon_1.RIcon,{}),Ruby_:(0,jsx_runtime_1.jsx)(RubyIcon_1.RubyIcon,{}),PHP_:(0,jsx_runtime_1.jsx)(PHPIcon_1.PHPIcon,{}),Go_:(0,jsx_runtime_1.jsx)(GOIcon_1.GOIcon,{}),Java_:(0,jsx_runtime_1.jsx)(JavaIcon_1.JavaIcon,{}),"Java8+Apache_":(0,jsx_runtime_1.jsx)(JavaIcon_1.JavaIcon,{})},LanguageItem=({item:e,active:n,withCheckmark:o,withIcon:_})=>(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(styled_1.LanguageTitleContainer,{children:[_&&(0,jsx_runtime_1.jsx)(styled_1.LanguageIcon,{children:iconsMap[e.key]}),(0,jsx_runtime_1.jsx)(styled_1.LanguageTitle,{active:n,children:e.title})]}),o&&n&&(0,jsx_runtime_1.jsx)(theme_1.CheckmarkIcon,{})]});exports.LanguageItem=LanguageItem;
 //# sourceMappingURL=LanguageItem.js.map

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

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

package/lib/components/Language/LanguageList.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,a,n){void 0===n&&(n=a);var r=Object.getOwnPropertyDescriptor(t,a);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,n,r)}:function(e,t,a,n){void 0===n&&(n=a),e[n]=t[a]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)"default"!==a&&Object.prototype.hasOwnProperty.call(e,a)&&__createBinding(t,e,a);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageList=void 0;const react_1=__importStar(require("react")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),LanguageDropdown_1=require("./LanguageDropdown"),app_1=require("../../jotai/app"),styled_1=require("./styled"),LanguageItem_1=require("./LanguageItem"),constants_1=require("./constants");function LanguageListComponent({languages:e,activeLanguage:t}){const[a,n]=(0,react_1.useState)(e),[r,o]=(0,react_1.useState)([]),i=(0,react_1.useRef)(null),u=(0,jotai_1.useAtomValue)(app_1.layoutAtom),l=(0,jotai_1.useSetAtom)(app_1.languageAtom),c=(0,react_1.useCallback)((()=>{var e;const u=null===(e=null==i?void 0:i.current)||void 0===e?void 0:e.offsetWidth,{newVisibleItems:l,newHiddenItems:c}=calculateVisibleAndHiddenItems(u,[...a,...r]),s=c.findIndex((e=>e.key===t.key));-1!==s&&swapItems(l,c,s),n(l),o(c)}),[t.key,r,a]);return(0,react_1.useLayoutEffect)((()=>(c(),window.addEventListener("resize",c),()=>{window.removeEventListener("resize",c)})),[u,t]),react_1.default.createElement(styled_1.Container,{ref:i},react_1.default.createElement(styled_1.LanguageListContainer,null,a.map((e=>react_1.default.createElement(styled_1.LanguageListItem,{key:e.key,onClick:()=>l({activeLanguage:e}),active:t.key===e.key},react_1.default.createElement(LanguageItem_1.LanguageItem,{item:e,withIcon:!0}))))),r.length?react_1.default.createElement(LanguageDropdown_1.LanguageDropdown,{activeTab:t,samples:r,onChange:e=>{const t=r.findIndex((t=>t.key===e.key));if(-1!==t){const i=[...r],u=[...a];swapItems(u,i,t),n(u),o(i),l({activeLanguage:e})}},controller:react_1.default.createElement(styled_1.MoreIconController,null,react_1.default.createElement(theme_1.OverflowMenuVerticalIcon,{color:"--text-color-secondary"})),withArrow:!1,withCheckmark:!1,width:156}):null)}function calculateVisibleAndHiddenItems(e,t){let a=0;const n=[],r=[];return t.forEach((t=>{const o=constants_1.ITEM_WIDTH;e&&a+o<=e?(n.push(t),a+=o):r.push(t)})),{newVisibleItems:n,newHiddenItems:r}}function swapItems(e,t,a){const n=e[e.length-1];n&&(e[e.length-1]=t[a],t[a]=n)}exports.LanguageList=(0,react_1.memo)(LanguageListComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LanguageList=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),LanguageDropdown_1=require("./LanguageDropdown"),app_1=require("../../jotai/app"),styled_1=require("./styled"),LanguageItem_1=require("./LanguageItem"),constants_1=require("./constants");function LanguageListComponent({languages:e,activeLanguage:t}){const[n,a]=(0,react_1.useState)(e),[s,i]=(0,react_1.useState)([]),r=(0,react_1.useRef)(null),o=(0,jotai_1.useAtomValue)(app_1.layoutAtom),u=(0,jotai_1.useSetAtom)(app_1.languageAtom),c=(0,react_1.useCallback)((()=>{var e;const o=null===(e=null==r?void 0:r.current)||void 0===e?void 0:e.offsetWidth,{newVisibleItems:u,newHiddenItems:c}=calculateVisibleAndHiddenItems(o,[...n,...s]),_=c.findIndex((e=>e.key===t.key));-1!==_&&swapItems(u,c,_),a(u),i(c)}),[t.key,s,n]);return(0,react_1.useLayoutEffect)((()=>(c(),window.addEventListener("resize",c),()=>{window.removeEventListener("resize",c)})),[o,t]),(0,jsx_runtime_1.jsxs)(styled_1.Container,{ref:r,children:[(0,jsx_runtime_1.jsx)(styled_1.LanguageListContainer,{children:n.map((e=>(0,jsx_runtime_1.jsx)(styled_1.LanguageListItem,{onClick:()=>u({activeLanguage:e}),active:t.key===e.key,children:(0,jsx_runtime_1.jsx)(LanguageItem_1.LanguageItem,{item:e,withIcon:!0})},e.key)))}),s.length?(0,jsx_runtime_1.jsx)(LanguageDropdown_1.LanguageDropdown,{activeTab:t,samples:s,onChange:e=>{const t=s.findIndex((t=>t.key===e.key));if(-1!==t){const r=[...s],o=[...n];swapItems(o,r,t),a(o),i(r),u({activeLanguage:e})}},controller:(0,jsx_runtime_1.jsx)(theme_1.Button,{variant:"ghost",icon:(0,jsx_runtime_1.jsx)(theme_1.OverflowMenuVerticalIcon,{})}),withArrow:!1,withCheckmark:!1,width:156}):null]})}function calculateVisibleAndHiddenItems(e,t){let n=0;const a=[],s=[];return t.forEach((t=>{const i=constants_1.ITEM_WIDTH;e&&n+i<=e?(a.push(t),n+=i):s.push(t)})),{newVisibleItems:a,newHiddenItems:s}}function swapItems(e,t,n){const a=e[e.length-1];a&&(e[e.length-1]=t[n],t[n]=a)}exports.LanguageList=(0,react_1.memo)(LanguageListComponent);
 //# sourceMappingURL=LanguageList.js.map

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

@@ -1,2 +1,2 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importDefault(require("react")),react_2=require("@testing-library/react"),LanguageDropdown_1=require("../LanguageDropdown"),mockSamples=[{key:"JS",title:"JS"},{key:"Node.JS",title:"Node.JS"}],mockActiveTab=mockSamples[0],mockOnChange=jest.fn();describe("LanguageDropdown",(()=>{test("LanguageDropdown renders correctly",(()=>{const{getByText:e}=(0,react_2.render)(react_1.default.createElement(LanguageDropdown_1.LanguageDropdown,{samples:mockSamples,activeTab:mockActiveTab,onChange:mockOnChange}));expect(e(mockActiveTab.title)).toBeInTheDocument()})),test("LanguageDropdown handles onChange correctly",(()=>{const{getByText:e}=(0,react_2.render)(react_1.default.createElement(LanguageDropdown_1.LanguageDropdown,{samples:mockSamples,activeTab:mockActiveTab,onChange:mockOnChange}));react_2.fireEvent.click(react_2.screen.getByText(mockSamples[0].title));const t=mockSamples[1];react_2.fireEvent.click(e(t.title)),expect(mockOnChange).toHaveBeenCalledWith(t)}))}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("@testing-library/react"),LanguageDropdown_1=require("../LanguageDropdown"),mockSamples=[{key:"JS",title:"JS"},{key:"Node.JS",title:"Node.JS"}],mockActiveTab=mockSamples[0],mockOnChange=jest.fn();describe("LanguageDropdown",(()=>{test("LanguageDropdown renders correctly",(()=>{const{getByText:e}=(0,react_1.render)((0,jsx_runtime_1.jsx)(LanguageDropdown_1.LanguageDropdown,{samples:mockSamples,activeTab:mockActiveTab,onChange:mockOnChange}));expect(e(mockActiveTab.title)).toBeInTheDocument()})),test("LanguageDropdown handles onChange correctly",(()=>{const{getByText:e}=(0,react_1.render)((0,jsx_runtime_1.jsx)(LanguageDropdown_1.LanguageDropdown,{samples:mockSamples,activeTab:mockActiveTab,onChange:mockOnChange}));react_1.fireEvent.click(react_1.screen.getByText(mockSamples[0].title));const t=mockSamples[1];react_1.fireEvent.click(e(t.title)),expect(mockOnChange).toHaveBeenCalledWith(t)}))}));
 //# sourceMappingURL=LanguageDropdown.test.js.map

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

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

package/lib/components/Language/styled.js

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,o){void 0===o&&(o=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,o,i)}:function(e,t,n,o){void 0===o&&(o=n),e[o]=t[n]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&__createBinding(t,e,n);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MoreIconController=exports.DropdownControllerText=exports.DropdownItemContainer=exports.LanguageListItem=exports.LanguageListContainer=exports.LanguageIcon=exports.LanguageTitleContainer=exports.LanguageTitle=exports.Container=void 0;const styled_components_1=__importStar(require("styled-components")),constants_1=require("./constants");exports.Container=styled_components_1.default.span`
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,n,i){void 0===i&&(i=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,i,o)}:function(e,t,n,i){void 0===i&&(i=n),e[i]=t[n]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&__createBinding(t,e,n);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DropdownControllerText=exports.DropdownItemContainer=exports.LanguageListItem=exports.LanguageListContainer=exports.LanguageIcon=exports.LanguageTitleContainer=exports.LanguageTitle=exports.Container=void 0;const styled_components_1=__importStar(require("styled-components")),constants_1=require("./constants");exports.Container=styled_components_1.default.span`
   display: flex;
   justify-content: space-between;
 `,exports.LanguageTitle=styled_components_1.default.span`
@@ -59,15 +59,8 @@
   fill: var(--menu-item-content-color-active);
 `,exports.DropdownControllerText=styled_components_1.default.span`
   margin: 0 var(--spacing-unit) 0 calc(var(--spacing-unit) * 0.5);
-  color: var(--menu-item-content-color-active);
   display: inline-block;
-  word-break: break-all;
-  line-height: var(--line-height-sm);
+  line-height: var(--line-height-base);
   font-size: var(--font-size-base);
-`,exports.MoreIconController=styled_components_1.default.span`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
 `;
 //# sourceMappingURL=styled.js.map

package/lib/components/Markdown/Markdown.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,i)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__rest=this&&this.__rest||function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(e);i<o.length;i++)t.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(e,o[i])&&(r[o[i]]=e[o[i]])}return r},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Markdown=void 0;const react_1=__importStar(require("react")),markdoc_1=require("@markdoc/markdoc"),jotai_1=require("jotai"),dompurify_1=__importDefault(require("dompurify")),theme_1=require("@redocly/theme"),store_1=require("../../jotai/store"),TAGS_NOT_TO_WRAP=["OpenApiResponse","OpenApiRequestBody"],Markdown=e=>{var t,r,o,i,n,a,l,s,u,{source:d,ast:c,htmlWrap:_}=e,f=__rest(e,["source","ast","htmlWrap"]);const p=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom);if(!d&&!c)return null;const m=(null==p?void 0:p.markdocOptions)&&{tags:null===(t=p.markdocOptions)||void 0===t?void 0:t.tags,nodes:null===(r=p.markdocOptions)||void 0===r?void 0:r.nodes,partials:null===(o=p.markdocOptions)||void 0===o?void 0:o.partials,variables:null===(i=p.markdocOptions)||void 0===i?void 0:i.variables,functions:null===(n=p.markdocOptions)||void 0===n?void 0:n.functions},v=(null==p?void 0:p.markdocOptions)&&{components:null===(a=p.markdocOptions)||void 0===a?void 0:a.components};let O;if(d)if((0,theme_1.isString)(d)){const e=(null===(l=null==p?void 0:p.hooks)||void 0===l?void 0:l.sanitize)?null===(u=null===(s=p.hooks)||void 0===s?void 0:s.sanitize)||void 0===u?void 0:u.call(s,d):(null==p?void 0:p.untrustedDefinition)?dompurify_1.default.sanitize(d):d,t=(0,markdoc_1.parse)(e);O=(0,markdoc_1.transform)(t,m)}else{const e=markdoc_1.Ast.fromJSON("object"==typeof d.result?JSON.stringify(d.result):d.result);O=(Array.isArray(e),(0,markdoc_1.transform)(e,m))}else c&&(O=(0,markdoc_1.transform)(c,m));const y=e=>{const t=markdoc_1.renderers.react(e,react_1.default,v);return react_1.default.createElement(theme_1.Markdown,Object.assign({},f,{children:t,as:"div"}))};if(!_)return y(O);return O=Array.isArray(O)?O:O.children,react_1.default.createElement(react_1.default.Fragment,null,O.map(((e,t)=>{var r,o,i;return react_1.default.createElement(react_1.Fragment,{key:(null===(r=null==e?void 0:e.attributes)||void 0===r?void 0:r.id)||t},(o=(e=>{var t;return!1!==(null===(t=e.attributes)||void 0===t?void 0:t.htmlWrap)&&!TAGS_NOT_TO_WRAP.includes(null==e?void 0:e.name)})(e),i=e,o?_(y(i)):y(i)))})))};exports.Markdown=Markdown;
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,i)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__rest=this&&this.__rest||function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(e);i<o.length;i++)t.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(e,o[i])&&(r[o[i]]=e[o[i]])}return r},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Markdown=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=__importStar(require("react")),markdoc_1=require("@markdoc/markdoc"),jotai_1=require("jotai"),dompurify_1=__importDefault(require("dompurify")),theme_1=require("@redocly/theme"),store_1=require("../../jotai/store"),TAGS_NOT_TO_WRAP=["OpenApiResponse","OpenApiRequestBody"],Markdown=e=>{var t,r,o,i,n,a,s,l,u,{source:d,ast:c,htmlWrap:_}=e,m=__rest(e,["source","ast","htmlWrap"]);const p=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom);if(!d&&!c)return null;const f=(null==p?void 0:p.markdocOptions)&&{tags:null===(t=p.markdocOptions)||void 0===t?void 0:t.tags,nodes:null===(r=p.markdocOptions)||void 0===r?void 0:r.nodes,partials:null===(o=p.markdocOptions)||void 0===o?void 0:o.partials,variables:null===(i=p.markdocOptions)||void 0===i?void 0:i.variables,functions:null===(n=p.markdocOptions)||void 0===n?void 0:n.functions},v=(null==p?void 0:p.markdocOptions)&&{components:null===(a=p.markdocOptions)||void 0===a?void 0:a.components};let O;if(d)if((0,theme_1.isString)(d)){const e=(null===(s=null==p?void 0:p.hooks)||void 0===s?void 0:s.sanitize)?null===(u=null===(l=p.hooks)||void 0===l?void 0:l.sanitize)||void 0===u?void 0:u.call(l,d):(null==p?void 0:p.untrustedDefinition)?dompurify_1.default.sanitize(d):d,t=(0,markdoc_1.parse)(e);O=(0,markdoc_1.transform)(t,f)}else{const e=markdoc_1.Ast.fromJSON("object"==typeof d.result?JSON.stringify(d.result):d.result);O=(Array.isArray(e),(0,markdoc_1.transform)(e,f))}else c&&(O=(0,markdoc_1.transform)(c,f));const h=e=>{const t=markdoc_1.renderers.react(e,react_1.default,v);return(0,jsx_runtime_1.jsx)(theme_1.Markdown,Object.assign({},m,{children:t,as:"div"}))};if(!_)return h(O);const j=e=>{var t;return!1!==(null===(t=e.attributes)||void 0===t?void 0:t.htmlWrap)&&!TAGS_NOT_TO_WRAP.includes(null==e?void 0:e.name)};return O=Array.isArray(O)?O:O.children,(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:O.map(((e,t)=>{var r,o,i;return(0,jsx_runtime_1.jsx)(react_1.Fragment,{children:(o=j(e),i=e,o?_(h(i)):h(i))},(null===(r=null==e?void 0:e.attributes)||void 0===r?void 0:r.id)||t)}))})};exports.Markdown=Markdown;
 //# sourceMappingURL=Markdown.js.map

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

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

package/lib/components/MediaTypeSwitch/MediaTypesSwitch.js

@@ -1,2 +1,2 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var a=Object.getOwnPropertyDescriptor(t,r);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,a)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaTypesSwitch=void 0;const react_1=__importStar(require("react")),jotai_1=require("jotai"),PayloadSamples_1=require("../PayloadSamples"),common_1=require("../common"),app_1=require("../../jotai/app"),models_1=require("../../models");function Wrapper({children:e,withLabel:t,innerRef:r}){return t?react_1.default.createElement(PayloadSamples_1.DropdownWrapper,{ref:r},react_1.default.createElement(PayloadSamples_1.DropdownLabel,null,"Content type"),e):react_1.default.createElement(common_1.FormControl,{ref:r},e)}function MediaTypesSwitchComponent({content:e,withLabel:t,renderDropdown:r,children:n}){const[a,i]=(0,jotai_1.useAtom)(app_1.activeMimeNameAtom),o=(0,react_1.useCallback)((({value:t})=>{if(!e||!l.current)return null;const r=l.current.getBoundingClientRect().y;i(t),requestAnimationFrame((()=>{if(!l.current||null==r)return;const e=l.current.getBoundingClientRect().y;window.scrollBy(0,e-r)}))}),[e,i]),l=(0,react_1.useRef)(null);if(!e||!e.mediaTypes||!e.mediaTypes.length)return null;const u=e.mediaTypes.map(((e,t)=>({value:e.name,idx:t}))),c=(0,models_1.getActiveMediaType)(e,a);return react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Wrapper,{innerRef:l,withLabel:t},r({value:c.name,options:u,onChange:o,ariaLabel:"Content type"})),n(c))}exports.MediaTypesSwitch=(0,react_1.memo)(MediaTypesSwitchComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaTypesSwitch=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),PayloadSamples_1=require("../PayloadSamples"),common_1=require("../common"),app_1=require("../../jotai/app"),models_1=require("../../models");function Wrapper({children:e,withLabel:r,innerRef:n}){return r?(0,jsx_runtime_1.jsxs)(PayloadSamples_1.DropdownWrapper,{ref:n,children:[(0,jsx_runtime_1.jsx)(PayloadSamples_1.DropdownLabel,{children:"Content type"}),e]}):(0,jsx_runtime_1.jsx)(common_1.FormControl,{ref:n,children:e})}function MediaTypesSwitchComponent({content:e,withLabel:r,renderDropdown:n,children:t}){const[i,a]=(0,jotai_1.useAtom)(app_1.activeMimeNameAtom),o=(0,react_1.useCallback)((({value:r})=>{if(!e||!s.current)return null;const n=s.current.getBoundingClientRect().y;a(r),requestAnimationFrame((()=>{if(!s.current||null==n)return;const e=s.current.getBoundingClientRect().y;window.scrollBy(0,e-n)}))}),[e,a]),s=(0,react_1.useRef)(null);if(!e||!e.mediaTypes||!e.mediaTypes.length)return null;const l=e.mediaTypes.map(((e,r)=>({value:e.name,idx:r}))),u=(0,models_1.getActiveMediaType)(e,i);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Wrapper,{innerRef:s,withLabel:r,children:n({value:u.name,options:l,onChange:o,ariaLabel:"Content type"})}),t(u)]})}exports.MediaTypesSwitch=(0,react_1.memo)(MediaTypesSwitchComponent);
 //# sourceMappingURL=MediaTypesSwitch.js.map

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

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

package/lib/components/OperationItem/Description.js

@@ -1,2 +1,2 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Description=void 0;const react_1=__importDefault(require("react")),Markdown_1=require("../Markdown"),ExternalDocumentation_1=require("../ExternalDocumentation"),Extensions_1=require("../common/Extensions");function Description({description:e,externalDocs:t,extensions:n}){return e?react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement(Markdown_1.Markdown,{source:e}),t&&react_1.default.createElement(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:t}),Object.keys(n||{}).length?react_1.default.createElement(Extensions_1.Extensions,{extensions:n}):null):null}exports.Description=Description;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Description=void 0;const jsx_runtime_1=require("react/jsx-runtime"),Markdown_1=require("../Markdown"),ExternalDocumentation_1=require("../ExternalDocumentation"),Extensions_1=require("../common/Extensions");function Description({description:e,externalDocs:n,extensions:t}){return e?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:e}),n&&(0,jsx_runtime_1.jsx)(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:n}),Object.keys(t||{}).length?(0,jsx_runtime_1.jsx)(Extensions_1.Extensions,{extensions:t}):null]}):null}exports.Description=Description;
 //# sourceMappingURL=Description.js.map

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

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