@redocly/openapi-docs 3.4.0-rc.4 → 3.4.0

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 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:{unstable_hooks:t,hideInfoMetadata:r},parser:{definition:o}}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),i=(0,jotai_1.useAtomValue)(app_1.layoutAtom),n=e.infoDefinition;if(!n)return null;const a=(0,saveTextBeforeHeading_1.saveTextBeforeHeading)((0,helpers_1.getValueFromMdParsedExtension)(n,"description")||""),s=(0,helpers_1.getValueFromMdParsedExtension)(n,"summary")||void 0,_=null==o?void 0:o.externalDocs,l=n.version&&(0,jsx_runtime_1.jsxs)("span",{children:["(",n.version,")"]})||null,u=i===theme_1.LayoutVariant.STACKED;return(0,jsx_runtime_1.jsxs)(common_1.Row,{layout:i,children:[(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{fullWidth:!0,className:"api-info",isStacked:u,children:[(0,jsx_runtime_1.jsxs)(styled_1.ApiHeader,{children:[n.title," ",l]}),(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.AfterOpenApiTitle||(null==t?void 0:t.AfterApiTitle),props:{info:n}}),s&&(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:s,"data-role":"redoc-summary"}),a&&(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:a,"data-role":"redoc-description"}),_&&(0,jsx_runtime_1.jsx)(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:_}),!r&&(0,jsx_runtime_1.jsx)(Metadata_1.Metadata,{metadata:n["x-metadata"]})]}),u&&(0,jsx_runtime_1.jsx)(RightPanelContainer,{isStacked:u,children:(0,jsx_runtime_1.jsx)(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=ApiInfo;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"),hooks_1=require("../../hooks");function ApiInfo({item:e}){const t=(0,hooks_1.useTranslate)(),{options:{unstable_hooks:r,hideInfoMetadata:o},parser:{definition:n}}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),i=(0,jotai_1.useAtomValue)(app_1.layoutAtom),a=e.infoDefinition;if(!a)return null;const s=(0,saveTextBeforeHeading_1.saveTextBeforeHeading)((0,helpers_1.getValueFromMdParsedExtension)(a,"description")||""),_=(0,helpers_1.getValueFromMdParsedExtension)(a,"summary")||void 0,l=null==n?void 0:n.externalDocs,u=a.version&&(0,jsx_runtime_1.jsxs)("span",{children:["(",a.version,")"]})||null,d=i===theme_1.LayoutVariant.STACKED;return(0,jsx_runtime_1.jsxs)(common_1.Row,{layout:i,children:[(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{fullWidth:!0,className:"api-info",isStacked:d,children:[(0,jsx_runtime_1.jsxs)(styled_1.ApiHeader,{children:[a.title," ",u]}),(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.AfterOpenApiTitle||(null==r?void 0:r.AfterApiTitle),props:{info:a}}),_&&(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:_,"data-role":"redoc-summary"}),s&&(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:s,"data-role":"redoc-description"}),l&&(0,jsx_runtime_1.jsx)(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:l}),!o&&(0,jsx_runtime_1.jsx)(Metadata_1.Metadata,{metadata:a["x-metadata"],translate:t})]}),d&&(0,jsx_runtime_1.jsx)(RightPanelContainer,{isStacked:d,children:(0,jsx_runtime_1.jsx)(RightPanel_1.RightPanel,{item:e})})]})}const RightPanelContainer=(0,styled_components_1.default)(common_1.SamplesPanel)`
   position: static;
 `;
 //# sourceMappingURL=ApiInfo.js.map

package/lib/components/ApiInfo/Metadata.d.ts

@@ -1,7 +1,9 @@
+import type { TFunction } from '@redocly/theme';
 import type { ReactElement } from 'react';
 import type { OpenAPIInfo } from '../../types';
 interface MetadataProps {
     metadata: OpenAPIInfo['x-metadata'];
+    translate: TFunction;
 }
-export declare function Metadata({ metadata }: MetadataProps): ReactElement | null;
+export declare function Metadata({ metadata, translate }: MetadataProps): ReactElement | null;
 export {};

package/lib/components/ApiInfo/Metadata.js

@@ -1,2 +1,2 @@
-"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"),helpers_1=require("../../utils/helpers"),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:"string"==typeof t&&(0,helpers_1.isAbsoluteUrl)(t)?(0,jsx_runtime_1.jsx)("a",{href:t,target:"_blank",rel:"noreferrer",children:t}):String(t)})]},e)))})]})]}):null}exports.Metadata=Metadata;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Metadata=Metadata;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,translate:t}){const r=(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:t("openapi.info.metadata.title","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:t("openapi.key","Key")}),(0,jsx_runtime_1.jsx)("th",{scope:"col",children:t("openapi.value","Value")})]})}),(0,jsx_runtime_1.jsx)("tbody",{children:r.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}
 //# sourceMappingURL=Metadata.js.map

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

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

package/lib/components/CallbackSamples/CallbackSamples.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.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"),common_1=require("../common");function CallbackSamplesComponent({callback:e}){var r;if(!(null==e?void 0:e.hasSamples))return null;return(0,jsx_runtime_1.jsx)(common_1.CodeBlockPanel,{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`
+"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"),common_1=require("../common");function CallbackSamplesComponent({callback:e,translate:r}){var a;if(!(null==e?void 0:e.hasSamples))return null;return(0,jsx_runtime_1.jsx)(common_1.CodeBlockPanel,{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:r("openapi.payload","Payload")})]}),isExpandable:!1,children:(null===(a=null==e?void 0:e.payload)||void 0===a?void 0:a.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);

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

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

package/lib/components/Callbacks/CallbackDetails.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.CallbackDetails=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"),Responses_1=require("../Responses"),RequestDetails_1=require("../Request/RequestDetails"),LinkToField_1=require("../common/LinkToField"),services_1=require("../../services");function CallbackDetailsComponent({operation:e}){var t;const i=(0,react_1.useCallback)((t=>(0,jsx_runtime_1.jsxs)(Title,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(e.id,`${e.callbackId}/callback-response&c=${t.key}`)}),"Callback Response"]})),[e.callbackId,e.id]);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(RequestDetails_1.RequestDetails,{operation:e,title:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(e.id,`${e.callbackId}/callback-request`)}),"Callback Request"]})}),(null===(t=e.responses)||void 0===t?void 0:t.length)?(0,jsx_runtime_1.jsx)(Responses_1.OperationResponseList,{responses:e.responses,operationId:e.id,operationPointer:e.pointer,callbackId:e.callbackId,renderTitle:i}):null]})}exports.CallbackDetails=(0,react_1.memo)(CallbackDetailsComponent);const Title=styled_components_1.default.h4`
+"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")),theme_1=require("@redocly/theme"),Responses_1=require("../Responses"),RequestDetails_1=require("../Request/RequestDetails"),LinkToField_1=require("../common/LinkToField"),services_1=require("../../services");function CallbackDetailsComponent({operation:e,translate:t}){var i;const s=(0,react_1.useCallback)((i=>(0,jsx_runtime_1.jsxs)(Title,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(e.id,`${e.callbackId}/callback-response&c=${i.key}`)}),t("openapi.callbackResponse","Callback Response")]})),[e.callbackId,e.id,t]);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(RequestDetails_1.RequestDetails,{operation:e,title:(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(e.id,`${e.callbackId}/callback-request`)}),t("openapi.callbackRequest","Callback Request")]})}),(null===(i=e.responses)||void 0===i?void 0:i.length)?(0,jsx_runtime_1.jsx)(Responses_1.OperationResponseList,{responses:e.responses,operationId:e.id,operationPointer:e.pointer,callbackId:e.callbackId,renderTitle:s}):null]})}exports.CallbackDetails=(0,react_1.memo)(CallbackDetailsComponent);const Title=styled_components_1.default.h4`
   position: relative;
   font-size: var(--font-size-lg);
   font-weight: var(--h4-font-weight);

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 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,operation:{callbackId:a},onExpand:l,selectedCallback:t})=>{const r=(0,react_router_dom_1.useLocation)();return(0,jsx_runtime_1.jsx)(Panel_1.CallbackPanel,{header:({expanded:a,toggle:t})=>(0,jsx_runtime_1.jsx)(CallbackSummary_1.CallbackSummary,{callback:e,toggle:r=>{null==t||t(r),null==l||l(a?null:e)},expanded:a}),expanded:(null==t?void 0:t.callbackId)===a||(0,utils_1.pathIncludesLink)(r,a),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`
+"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"),hooks_1=require("../../hooks"),Panel_1=require("../Panel"),CallbackDetails_1=require("./CallbackDetails"),CallbackSummary_1=require("./CallbackSummary"),utils_1=require("../../utils"),CallbackOperation=({operation:e,operation:{callbackId:a},onExpand:l,selectedCallback:t})=>{const r=(0,hooks_1.useTranslate)(),o=(0,react_router_dom_1.useLocation)();return(0,jsx_runtime_1.jsx)(Panel_1.CallbackPanel,{header:({expanded:a,toggle:t})=>(0,jsx_runtime_1.jsx)(CallbackSummary_1.CallbackSummary,{callback:e,toggle:r=>{null==t||t(r),null==l||l(a?null:e)},expanded:a,translate:r}),expanded:(null==t?void 0:t.callbackId)===a||(0,utils_1.pathIncludesLink)(o,a),className:"panel-response-callback",children:(0,jsx_runtime_1.jsxs)(CallbackDetailsWrap,{children:[(0,jsx_runtime_1.jsx)(CallbackDetails_1.CallbackDetails,{operation:e,translate:r}),(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.d.ts

@@ -1,7 +1,8 @@
 import type { ReactElement } from 'react';
-import type { PanelHeaderProps } from '@redocly/theme';
+import type { PanelHeaderProps, TFunction } from '@redocly/theme';
 import type { OperationModel } from '../../models';
 export interface CallbackTitleProps extends PanelHeaderProps {
     callback: OperationModel;
+    translate: TFunction;
 }
-export declare function CallbackSummary({ expanded, toggle, callback: { name, httpVerb, deprecated, callbackId, id }, }: CallbackTitleProps): ReactElement;
+export declare function CallbackSummary({ expanded, toggle, callback: { name, httpVerb, deprecated, callbackId, id }, translate, }: CallbackTitleProps): ReactElement;

package/lib/components/Callbacks/CallbackSummary.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.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"),common_1=require("../common"),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,callback:{name:i,httpVerb:n,deprecated:t,callbackId:l,id:a}}){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)(a,`callbacks/${l}`)}),(0,jsx_runtime_1.jsxs)(Panel_1.Trigger,{children:[(0,jsx_runtime_1.jsx)(CircleIconWrap,{children:(0,jsx_runtime_1.jsx)(PlusCircleIcon_1.CircleIcon,{sign:e?"-":"+"})}),(0,jsx_runtime_1.jsx)(styled_1.CallbackTitle,{deprecated:t,children:i}),(0,jsx_runtime_1.jsx)(common_1.HttpVerb,{color:n,children:(0,utils_1.shortenHTTPVerb)(n)}),t?(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)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackSummary=CallbackSummary;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),styled_components_1=__importDefault(require("styled-components")),Panel_1=require("../Panel"),common_1=require("../common"),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,callback:{name:i,httpVerb:n,deprecated:t,callbackId:a,id:l},translate: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)(l,`callbacks/${a}`)}),(0,jsx_runtime_1.jsxs)(Panel_1.Trigger,{children:[(0,jsx_runtime_1.jsx)(CircleIconWrap,{children:(0,jsx_runtime_1.jsx)(PlusCircleIcon_1.CircleIcon,{sign:e?"-":"+"})}),(0,jsx_runtime_1.jsx)(styled_1.CallbackTitle,{deprecated:t,children:i}),(0,jsx_runtime_1.jsx)(common_1.HttpVerb,{color:n,children:(0,utils_1.shortenHTTPVerb)(n)}),t?(0,jsx_runtime_1.jsx)(theme_1.Badge,{deprecated:!0,children:s("openapi.badges.deprecated","Deprecated")}):null]})]})}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);

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CallbackModel, OperationModel } from '../../models';
 export interface CallbacksListProps {
     callbacks: CallbackModel[];

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

@@ -1,3 +1,3 @@
 export declare const CallbackTitle: import("styled-components").StyledComponent<"span", any, {
-    deprecated?: boolean | undefined;
+    deprecated?: boolean;
 }, never>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ContentItemModel } from '../../models';
 interface ContentProps {
     items: ContentItemModel[];

package/lib/components/Content/useAutoScroll.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getLegacyHash=exports.useAutoScroll=void 0;const react_router_dom_1=require("react-router-dom"),react_1=require("react"),theme_1=require("@redocly/theme"),utils_1=require("../../utils");let initialPageLoad=!0;function useAutoScroll(e){const t=(0,react_router_dom_1.useLocation)(),o=e||"/";(0,react_1.useLayoutEffect)((()=>{if(t.pathname===o&&""===t.hash)return void window.scrollTo(0,0);const e=(0,theme_1.removeLeadingSlash)(t.pathname.replace(o,"")),a=getLegacyHash(t.hash),r=a?getElementById(e+a)||document.querySelector(`[id$="${(0,theme_1.removeLeadingSlash)(a)}"]`):getElementById(t.hash.replace("#","").toLowerCase())||getElementById(e);r&&r.scrollIntoView()}),[t,o]);const a=(0,theme_1.useActiveSectionId)(t,!1,!1);(0,react_1.useEffect)((()=>{if(a&&initialPageLoad)initialPageLoad=!1;else if(theme_1.IS_BROWSER&&!window.location.pathname.includes(a)&&!window.location.hash.includes(a)){const e=(0,utils_1.compose)(theme_1.addLeadingSlash,utils_1.encodeBackSlashes)(a);window.history.replaceState({},"",e)}}),[a])}function getElementById(e){return document.getElementById(decodeURIComponent(e))}function getLegacyHash(e){const t=["#tag","#operation","#paths"];for(const o of t)if(e.includes(o))return e.replace(o,"").toLowerCase();return""}exports.useAutoScroll=useAutoScroll,exports.getLegacyHash=getLegacyHash;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useAutoScroll=useAutoScroll,exports.getLegacyHash=getLegacyHash;const react_router_dom_1=require("react-router-dom"),react_1=require("react"),theme_1=require("@redocly/theme"),utils_1=require("../../utils");let initialPageLoad=!0;function useAutoScroll(e){const t=(0,react_router_dom_1.useLocation)(),o=e||"/";(0,react_1.useLayoutEffect)((()=>{if(t.pathname===o&&""===t.hash)return void window.scrollTo(0,0);const e=(0,theme_1.removeLeadingSlash)(t.pathname.replace(o,"")),a=getLegacyHash(t.hash),r=a?getElementById(e+a)||document.querySelector(`[id$="${(0,theme_1.removeLeadingSlash)(a)}"]`):getElementById(t.hash.replace("#","").toLowerCase())||getElementById(e);r&&r.scrollIntoView()}),[t,o]);const a=(0,theme_1.useActiveSectionId)(t,!1,!1);(0,react_1.useEffect)((()=>{if(a&&initialPageLoad)initialPageLoad=!1;else if(theme_1.IS_BROWSER&&!window.location.pathname.includes(a)&&!window.location.hash.includes(a)){const e=(0,utils_1.compose)(theme_1.addLeadingSlash,utils_1.encodeBackSlashes)(a);window.history.replaceState({},"",e)}}),[a])}function getElementById(e){return document.getElementById(decodeURIComponent(e))}function getLegacyHash(e){const t=["#tag","#operation","#paths"];for(const o of t)if(e.includes(o))return e.replace(o,"").toLowerCase();return""}
 //# sourceMappingURL=useAutoScroll.js.map

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ContentItemModel } from '../../models';
 interface ContentItemProps {
     item: ContentItemModel;

package/lib/components/ContentItem/useIsExpanded.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useIsExpanded=void 0;const react_1=require("react"),react_router_dom_1=require("react-router-dom"),theme_1=require("@redocly/theme"),utils_1=require("../../utils"),useAutoScroll_1=require("../Content/useAutoScroll");function useIsExpanded({item:e,routingBasePath:t}){const r=(0,react_router_dom_1.useLocation)(),o=(0,react_1.useMemo)((()=>decodeURIComponent((0,utils_1.normalizePath)(r.pathname.replace(t,"")))),[r.pathname,t]);if("tag"!==e.type)return!1;return[e.href,...e.items.map((e=>e.href))].some((e=>{const t=(0,useAutoScroll_1.getLegacyHash)(r.hash);return[e,decodeURIComponent(e)].includes(o)||t&&(e.endsWith(t)||e===(0,theme_1.removeLeadingSlash)(t))}))}exports.useIsExpanded=useIsExpanded;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useIsExpanded=useIsExpanded;const react_1=require("react"),react_router_dom_1=require("react-router-dom"),theme_1=require("@redocly/theme"),utils_1=require("../../utils"),useAutoScroll_1=require("../Content/useAutoScroll");function useIsExpanded({item:e,routingBasePath:t}){const r=(0,react_router_dom_1.useLocation)(),o=(0,react_1.useMemo)((()=>decodeURIComponent((0,utils_1.normalizePath)(r.pathname.replace(t,"")))),[r.pathname,t]);if("tag"!==e.type)return!1;return[e.href,...e.items.map((e=>e.href))].some((e=>{const t=(0,useAutoScroll_1.getLegacyHash)(r.hash);return[e,decodeURIComponent(e)].includes(o)||t&&(e.endsWith(t)||e===(0,theme_1.removeLeadingSlash)(t))}))}
 //# sourceMappingURL=useIsExpanded.js.map

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ContentItemModel } from '../../models';
 interface ContentItemsProps {
     root?: boolean;

package/lib/components/ContentItems/helpers.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getFirstPageLink=exports.getItemsByType=exports.isRootItem=void 0;const utils_1=require("../../utils");function isRootItem(e){return"section"===e.type&&""===e.id}function getItemsByType(e){const t=[],s=[],r=[];let i;for(const o of e)switch(o.type){case"group":t.push(o);break;case"tag":s.push(o);break;case"operation":r.push(o);break;case"section":isRootItem(o)&&(i=o)}return{groupItems:t,tagItems:s,operationItems:r,rootItem:i}}function getFirstPageLink(e,t){for(const s of e){if("group"===s.type)return getFirstPageLink(s.items,t);if("tag"===s.type){if(!s.description)return(0,utils_1.normalizePath)(getFirstPageLink(s.items,t));if(s.href)return(0,utils_1.normalizePath)(s.href)}else if("operation"===s.type||"schema"===s.type)return(0,utils_1.normalizePath)(s.href)}return t}exports.isRootItem=isRootItem,exports.getItemsByType=getItemsByType,exports.getFirstPageLink=getFirstPageLink;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.isRootItem=isRootItem,exports.getItemsByType=getItemsByType,exports.getFirstPageLink=getFirstPageLink;const utils_1=require("../../utils");function isRootItem(e){return"section"===e.type&&""===e.id}function getItemsByType(e){const t=[],r=[],s=[];let i;for(const o of e)switch(o.type){case"group":t.push(o);break;case"tag":r.push(o);break;case"operation":s.push(o);break;case"section":isRootItem(o)&&(i=o)}return{groupItems:t,tagItems:r,operationItems:s,rootItem:i}}function getFirstPageLink(e,t){for(const r of e){if("group"===r.type)return getFirstPageLink(r.items,t);if("tag"===r.type){if(!r.description)return(0,utils_1.normalizePath)(getFirstPageLink(r.items,t));if(r.href)return(0,utils_1.normalizePath)(r.href)}else if("operation"===r.type||"schema"===r.type)return(0,utils_1.normalizePath)(r.href)}return t}
 //# sourceMappingURL=helpers.js.map

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

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

package/lib/components/Discriminator/Discriminator.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.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({activeOneOfIdx:e,parent:t,onChange:o}){const r=(0,react_1.useMemo)((()=>(t.oneOf||[]).map(((e,t)=>({label:e.schema.deprecated?`${(0,utils_1.strikethroughText)(e.title)} (deprecated)`:e.title,value:t})))),[t.oneOf]);return void 0===t.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:r,pointer:t.operationPointer,onChange:o,schema:t,defaultOneOfIdx: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({activeOneOfIdx:e,parent:t,onChange:o,translate:r}){const i=(0,react_1.useMemo)((()=>(t.oneOf||[]).map(((e,t)=>({label:e.schema.deprecated?`${(0,utils_1.strikethroughText)(e.title)} (${r("openapi.badges.deprecated","deprecated").toLowerCase()}`:e.title,value:t})))),[t.oneOf,r]);return void 0===t.oneOf?null:(0,jsx_runtime_1.jsxs)(Wrapper,{children:[(0,jsx_runtime_1.jsx)(common_1.SelectionTitle,{children:r("openapi.discriminator","Discriminator")}),(0,jsx_runtime_1.jsx)(SchemaSelection_1.SchemaSelection,{options:i,pointer:t.operationPointer,onChange:o,schema:t,defaultOneOfIdx: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/ExpandAllButton/ExpandAllButton.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.ExpandAllButton=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"),index_1=require("jotai/index"),operation_1=require("../../jotai/operation"),ExpandAllButton=({operationPointer:e,type:t})=>{const[n,o]=(0,index_1.useAtom)((0,operation_1.operationStore)(e)),i=(0,react_1.useMemo)((()=>Object.values(n[t].expandedFields).includes(!1)),[n,t]);if(!Object.keys(n[t].expandedFields).length)return null;return(0,jsx_runtime_1.jsxs)(StyledButton,{icon:(0,jsx_runtime_1.jsx)(theme_1.MaximizeIcon,{}),iconPosition:"right",size:"small",variant:"ghost",onClick:()=>{o((e=>{const n={};for(const o in e[t].expandedFields)n[o]=i;return Object.assign(Object.assign({},e),{[t]:{expandedFields:n}})}))},children:[i?"Expand":"Collapse"," all"]})};exports.ExpandAllButton=ExpandAllButton;const StyledButton=(0,styled_components_1.default)(theme_1.Button)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExpandAllButton=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"),index_1=require("jotai/index"),operation_1=require("../../jotai/operation"),hooks_1=require("../../hooks"),ExpandAllButton=({operationPointer:e,type:t})=>{const n=(0,hooks_1.useTranslate)(),[o,i]=(0,index_1.useAtom)((0,operation_1.operationStore)(e)),r=(0,react_1.useMemo)((()=>Object.values(o[t].expandedFields).includes(!1)),[o,t]);if(!Object.keys(o[t].expandedFields).length)return null;return(0,jsx_runtime_1.jsx)(StyledButton,{icon:(0,jsx_runtime_1.jsx)(theme_1.MaximizeIcon,{}),iconPosition:"right",size:"small",variant:"ghost",onClick:()=>{i((e=>{const n={};for(const o in e[t].expandedFields)n[o]=r;return Object.assign(Object.assign({},e),{[t]:{expandedFields:n}})}))},children:r?n("openapi.expandAll","Expand all"):n("openapi.collapseAll","Collapse all")})};exports.ExpandAllButton=ExpandAllButton;const StyledButton=(0,styled_components_1.default)(theme_1.Button)`
   margin-left: auto;
 `;
 //# sourceMappingURL=ExpandAllButton.js.map

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

@@ -1,8 +1,8 @@
 import type { SchemaModel } from '../../models';
 import type { OperationStore } from '../../jotai/operation';
 export declare const getAllNestedSchema: ({ schema, activeOneOf, skipReadOnly, skipWriteOnly, }: {
-    schema?: SchemaModel | undefined;
-    activeOneOf: OperationStore['activeOneOf'];
-    skipReadOnly?: boolean | undefined;
-    skipWriteOnly?: boolean | undefined;
+    schema?: SchemaModel;
+    activeOneOf: OperationStore["activeOneOf"];
+    skipReadOnly?: boolean;
+    skipWriteOnly?: boolean;
 }) => any;

package/lib/components/ExpandAllButton/useUpdateExpandedFields.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useUpdateExpandedFields=void 0;const index_1=require("jotai/index"),react_1=require("react"),theme_1=require("@redocly/theme"),models_1=require("../../models"),operation_1=require("../../jotai/operation"),getAllNestedSchema_1=require("./getAllNestedSchema"),app_1=require("../../jotai/app");function useUpdateExpandedFields(e,t,s,i){var a;const d=(0,index_1.useAtomValue)(app_1.activeMimeNameAtom),n=s&&(null===(a=(0,models_1.getActiveMediaType)(s,d))||void 0===a?void 0:a.schema),[{activeOneOf:l},o]=(0,index_1.useAtom)((0,operation_1.operationStore)(i)),r=(i=!1)=>{((null==t?void 0:t.length)||s)&&o((s=>{const a=(0,getAllNestedSchema_1.getAllNestedSchema)({schema:n,activeOneOf:s.activeOneOf,skipReadOnly:"request"===e,skipWriteOnly:"response"===e})||{},d=(0,getAllNestedSchema_1.getAllNestedSchema)({schema:{type:"object",fields:t},activeOneOf:s.activeOneOf,skipReadOnly:"request"===e,skipWriteOnly:"response"===e});return Object.assign(Object.assign({},s),{[e]:{expandedFields:Object.assign(Object.assign(Object.assign({},a),d),i?s[e].expandedFields:{})}})}))};(0,theme_1.useMount)((()=>{r(!0)})),(0,theme_1.useUnmount)((()=>{((null==t?void 0:t.length)||s)&&o((t=>Object.assign(Object.assign({},t),{[e]:{expandedFields:{}}})))})),(0,react_1.useEffect)((()=>{Object.keys(l).length>1&&r(!0)}),[l])}exports.useUpdateExpandedFields=useUpdateExpandedFields;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useUpdateExpandedFields=useUpdateExpandedFields;const index_1=require("jotai/index"),react_1=require("react"),theme_1=require("@redocly/theme"),models_1=require("../../models"),operation_1=require("../../jotai/operation"),getAllNestedSchema_1=require("./getAllNestedSchema"),app_1=require("../../jotai/app");function useUpdateExpandedFields(e,t,s,i){var a;const n=(0,index_1.useAtomValue)(app_1.activeMimeNameAtom),d=s&&(null===(a=(0,models_1.getActiveMediaType)(s,n))||void 0===a?void 0:a.schema),[{activeOneOf:l},r]=(0,index_1.useAtom)((0,operation_1.operationStore)(i)),c=(i=!1)=>{((null==t?void 0:t.length)||s)&&r((s=>{const a=(0,getAllNestedSchema_1.getAllNestedSchema)({schema:d,activeOneOf:s.activeOneOf,skipReadOnly:"request"===e,skipWriteOnly:"response"===e})||{},n=(0,getAllNestedSchema_1.getAllNestedSchema)({schema:{type:"object",fields:t},activeOneOf:s.activeOneOf,skipReadOnly:"request"===e,skipWriteOnly:"response"===e});return Object.assign(Object.assign({},s),{[e]:{expandedFields:Object.assign(Object.assign(Object.assign({},a),n),i?s[e].expandedFields:{})}})}))};(0,theme_1.useMount)((()=>{c(!0)})),(0,theme_1.useUnmount)((()=>{((null==t?void 0:t.length)||s)&&r((t=>Object.assign(Object.assign({},t),{[e]:{expandedFields:{}}})))})),(0,react_1.useEffect)((()=>{Object.keys(l).length>1&&c(!0)}),[l])}
 //# sourceMappingURL=useUpdateExpandedFields.js.map

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { OpenAPIExternalDocumentation } from '../../types';
 interface ExternalDocumentationProps {
     externalDocs: OpenAPIExternalDocumentation;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TabType } from '../../models/tab';
 type LangTypeType = TabType<{
     lang: string;

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { DropdownMenuItem } from '@redocly/theme';
 export declare const Container: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const LanguageTitle: import("styled-components").StyledComponent<"span", any, {
-    active?: boolean | undefined;
+    active?: boolean;
 }, never>;
 export declare const LanguageTitleContainer: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const LanguageIcon: import("styled-components").StyledComponent<"span", any, {}, never>;
@@ -14,17 +13,17 @@ export declare const StyledDropdownMenuItem: import("styled-components").StyledC
     prefix?: import("react").ReactNode;
     suffix?: import("react").ReactNode;
     content?: import("react").ReactNode;
-    separatorLine?: boolean | undefined;
-    dataAttributes?: Record<string, string> | undefined;
-    className?: string | undefined;
-    style?: import("react").CSSProperties | undefined;
-    role?: string | undefined;
-    separator?: boolean | undefined;
-    disabled?: boolean | undefined;
-    dangerous?: boolean | undefined;
-    onAction?: (() => void) | undefined;
-    active?: boolean | undefined;
+    separatorLine?: boolean;
+    dataAttributes?: Record<string, string>;
+    className?: string;
+    style?: import("react").CSSProperties;
+    role?: string;
+    separator?: boolean;
+    disabled?: boolean;
+    dangerous?: boolean;
+    onAction?: () => void;
+    active?: boolean;
 } & {
-    $width?: number | undefined;
+    $width?: number;
 }, never>;
 export declare const DropdownTriggerButton: import("styled-components").StyledComponent<import("react").FC<import("@redocly/theme").ButtonProps>, any, import("@redocly/theme").ButtonProps, never>;

package/lib/components/MediaTypeSwitch/MediaTypesSwitch.js

@@ -1,2 +1,2 @@
-"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:t,innerRef:r}){return e?t?(0,jsx_runtime_1.jsxs)(PayloadSamples_1.SelectWrapper,{ref:r,children:[(0,jsx_runtime_1.jsx)(PayloadSamples_1.SelectLabel,{children:"Content type"}),e]}):(0,jsx_runtime_1.jsx)(common_1.Container,{ref:r,children:e}):null}function MediaTypesSwitchComponent({content:e,withLabel:t,renderSelect:r,children:n}){const[i,a]=(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;a(t),requestAnimationFrame((()=>{if(!l.current||null==r)return;const e=l.current.getBoundingClientRect().y;window.scrollBy(0,e-r)}))}),[e,a]),l=(0,react_1.useRef)(null);if(!e||!e.mediaTypes||!e.mediaTypes.length)return null;const s=e.mediaTypes.map(((e,t)=>({value:e.name,idx:t}))),c=(0,models_1.getActiveMediaType)(e,i);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Wrapper,{innerRef:l,withLabel:t,children:r({value:c.name,options:s,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"),hooks_1=require("../../hooks");function Wrapper({children:e,withLabel:t,innerRef:r,translate:n}){return e?t?(0,jsx_runtime_1.jsxs)(PayloadSamples_1.SelectWrapper,{ref:r,children:[(0,jsx_runtime_1.jsx)(PayloadSamples_1.SelectLabel,{children:n("openapi.contentType","Content type")}),e]}):(0,jsx_runtime_1.jsx)(common_1.Container,{ref:r,children:e}):null}function MediaTypesSwitchComponent({content:e,withLabel:t,renderSelect:r,children:n}){const i=(0,hooks_1.useTranslate)(),[a,o]=(0,jotai_1.useAtom)(app_1.activeMimeNameAtom),s=(0,react_1.useCallback)((({value:t})=>{if(!e||!l.current)return null;const r=l.current.getBoundingClientRect().y;o(t),requestAnimationFrame((()=>{if(!l.current||null==r)return;const e=l.current.getBoundingClientRect().y;window.scrollBy(0,e-r)}))}),[e,o]),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(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Wrapper,{innerRef:l,withLabel:t,translate:i,children:r({value:c.name,options:u,onChange:s,ariaLabel:"Content type"})}),n(c)]})}exports.MediaTypesSwitch=(0,react_1.memo)(MediaTypesSwitchComponent);
 //# sourceMappingURL=MediaTypesSwitch.js.map

package/lib/components/OperationItem/Description.js

@@ -1,2 +1,2 @@
-"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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Description=Description;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}
 //# sourceMappingURL=Description.js.map

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

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

package/lib/components/OperationItem/OperationItem.js

@@ -1,7 +1,7 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationItem=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),common_1=require("../common"),Callbacks_1=require("../Callbacks"),CallbackSamples_1=require("../CallbackSamples"),RequestSamples_1=require("../RequestSamples"),Responses_1=require("../Responses"),ResponseSamples_1=require("../ResponseSamples"),services_1=require("../../services"),app_1=require("../../jotai/app"),store_1=require("../../jotai/store"),operation_1=require("../../models/operation"),RenderHook_1=require("../RenderHook"),OperationItemTitle_1=require("../common/OperationItemTitle"),LinkToField_1=require("../common/LinkToField"),RequestDetails_1=require("../Request/RequestDetails"),Badges_1=require("../common/Badges"),OperationSamplesPanel=(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.OperationItem=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),common_1=require("../common"),Callbacks_1=require("../Callbacks"),CallbackSamples_1=require("../CallbackSamples"),RequestSamples_1=require("../RequestSamples"),Responses_1=require("../Responses"),ResponseSamples_1=require("../ResponseSamples"),services_1=require("../../services"),app_1=require("../../jotai/app"),store_1=require("../../jotai/store"),operation_1=require("../../models/operation"),RenderHook_1=require("../RenderHook"),OperationItemTitle_1=require("../common/OperationItemTitle"),LinkToField_1=require("../common/LinkToField"),RequestDetails_1=require("../Request/RequestDetails"),Badges_1=require("../common/Badges"),hooks_1=require("../../hooks");function OperationItemComponent({item:{operationDefinition:e,parent:t,href:s}}){var a,n;const o=(0,hooks_1.useTranslate)(),{parser:i,options:r}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),l=(0,jotai_1.useAtomValue)(app_1.layoutAtom),[_,p]=(0,react_1.useState)(),{unstable_hooks:m,feedback:d}=r,c=(0,react_1.useMemo)((()=>(0,operation_1.getOperation)(i,e,t,r,s)),[s,e,r,t,i]),{name:u,deprecated:x,isWebhook:j,badges:k}=c,h=l===theme_1.LayoutVariant.STACKED,b=(null==d?void 0:d.type)||"sentiment",S=!0!==(null==d?void 0:d.hide),[R,g]=(0,react_1.useState)(null),q=(0,react_1.useCallback)((e=>{_!==e&&p(e)}),[_]);return(0,jsx_runtime_1.jsxs)(OperationRow,{layout:l,children:[(0,jsx_runtime_1.jsx)(OperationSubRowStyled,{layout:l,children:(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{isStacked:h,children:[(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.BeforeOpenApiOperation||(null==m?void 0:m.BeforeOperation),props:{operation:c}}),(0,jsx_runtime_1.jsxs)(OperationItemTitle_1.Heading,{"data-testid":"operation-item-header",children:[(0,jsx_runtime_1.jsx)(common_1.ShareLink,{to:s,"aria-label":`link to ${u}`}),(0,jsx_runtime_1.jsx)(common_1.CustomBadges,{badges:k,children:u}),x&&(0,jsx_runtime_1.jsx)(Badges_1.StyledBadge,{deprecated:!0,children:o("openapi.badges.deprecated","Deprecated")}),j&&(0,jsx_runtime_1.jsx)(Badges_1.StyledBadge,{children:o("openapi.badges.webhook","Webhook")})]})]})}),(0,jsx_runtime_1.jsxs)(OperationSubRowStyled,{layout:l,children:[(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{isStacked:h,children:(0,jsx_runtime_1.jsx)(RequestDetails_1.RequestDetails,{operation:c,translate:o})}),(0,jsx_runtime_1.jsx)(OperationSamplesPanel,{isStacked:h,"data-testid":"samples-block",className:"panel-container-request-samples",children:(0,jsx_runtime_1.jsx)(RequestSamples_1.RequestSamples,{operation:c})})]}),(0,jsx_runtime_1.jsxs)(OperationSubRowStyled,{layout:l,children:[(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{isStacked:h,children:(null===(a=c.responses)||void 0===a?void 0:a.length)?(0,jsx_runtime_1.jsx)(Responses_1.OperationResponseList,{responses:c.responses,operationId:c.id,operationPointer:c.pointer,callbackId:c.callbackId,activeResponseTab:_,onTabChange:q}):null}),(0,jsx_runtime_1.jsx)(OperationSamplesPanel,{isStacked:h,"data-testid":"samples-block",className:"panel-container-response-samples",children:(0,jsx_runtime_1.jsx)(ResponseSamples_1.ResponseSamples,{operation:c,activeResponseTab:_,onTabChange:q})})]}),(0,jsx_runtime_1.jsxs)(OperationSubRowStyled,{layout:l,children:[(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{isStacked:h,children:[(null===(n=c.callbacks)||void 0===n?void 0:n.length)?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(OperationItemTitle_1.Title,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(c.id,"callbacks")}),o("openapi.callbacks","Callbacks")]}),(0,jsx_runtime_1.jsx)(Callbacks_1.CallbacksList,{callbacks:c.callbacks,onExpand:g,selectedCallback:R})]}):null,(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.AfterOpenApiOperation||(null==m?void 0:m.AfterOperation),props:{operation:c}})]}),R?(0,jsx_runtime_1.jsx)(OperationSamplesPanel,{isStacked:h,"data-testid":"samples-block",children:(0,jsx_runtime_1.jsx)(CallbackSamples_1.CallbackSamples,{callback:R,translate:o})}):null]}),(0,jsx_runtime_1.jsx)(OperationSubRowStyled,{layout:l,children:(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{isStacked:h,fullWidth:!0,children:S?(0,jsx_runtime_1.jsx)(FeedbackWrapper,{children:(0,jsx_runtime_1.jsx)(theme_1.Feedback,{type:b,settings:d.settings,path:(0,services_1.joinWithSeparator)(r.routingBasePath,c.href)})}):null})})]})}exports.OperationItem=(0,react_1.memo)(OperationItemComponent);const OperationSamplesPanel=(0,styled_components_1.default)(common_1.SamplesPanel)`
   margin-left: auto;
   --code-block-padding: var(--spacing-xs) 0 var(--spacing-xs) 20px;
-`;function OperationItemComponent({item:{operationDefinition:e,parent:t,href:s}}){var a,n;const{parser:i,options:o}=(0,jotai_1.useAtomValue)(store_1.globalStoreAtom),r=(0,jotai_1.useAtomValue)(app_1.layoutAtom),[l,_]=(0,react_1.useState)(),{unstable_hooks:m,feedback:p}=o,d=(0,react_1.useMemo)((()=>(0,operation_1.getOperation)(i,e,t,o,s)),[s,e,o,t,i]),{name:c,deprecated:u,isWebhook:x,badges:j}=d,k=r===theme_1.LayoutVariant.STACKED,S=(null==p?void 0:p.type)||"sentiment",b=!0!==(null==p?void 0:p.hide),[h,R]=(0,react_1.useState)(null),g=(0,react_1.useCallback)((e=>{l!==e&&_(e)}),[l]);return(0,jsx_runtime_1.jsxs)(OperationRow,{layout:r,children:[(0,jsx_runtime_1.jsx)(OperationSubRowStyled,{layout:r,children:(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{isStacked:k,children:[(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.BeforeOpenApiOperation||(null==m?void 0:m.BeforeOperation),props:{operation:d}}),(0,jsx_runtime_1.jsxs)(OperationItemTitle_1.Heading,{"data-testid":"operation-item-header",children:[(0,jsx_runtime_1.jsx)(common_1.ShareLink,{to:s,"aria-label":`link to ${c}`}),(0,jsx_runtime_1.jsx)(common_1.CustomBadges,{badges:j,children:c}),u&&(0,jsx_runtime_1.jsx)(Badges_1.StyledBadge,{deprecated:!0,children:"Deprecated"}),x&&(0,jsx_runtime_1.jsx)(Badges_1.StyledBadge,{children:"Webhook"})]})]})}),(0,jsx_runtime_1.jsxs)(OperationSubRowStyled,{layout:r,children:[(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{isStacked:k,children:(0,jsx_runtime_1.jsx)(RequestDetails_1.RequestDetails,{operation:d})}),(0,jsx_runtime_1.jsx)(OperationSamplesPanel,{isStacked:k,"data-testid":"samples-block",className:"panel-container-request-samples",children:(0,jsx_runtime_1.jsx)(RequestSamples_1.RequestSamples,{operation:d})})]}),(0,jsx_runtime_1.jsxs)(OperationSubRowStyled,{layout:r,children:[(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{isStacked:k,children:(null===(a=d.responses)||void 0===a?void 0:a.length)?(0,jsx_runtime_1.jsx)(Responses_1.OperationResponseList,{responses:d.responses,operationId:d.id,operationPointer:d.pointer,callbackId:d.callbackId,activeResponseTab:l,onTabChange:g}):null}),(0,jsx_runtime_1.jsx)(OperationSamplesPanel,{isStacked:k,"data-testid":"samples-block",className:"panel-container-response-samples",children:(0,jsx_runtime_1.jsx)(ResponseSamples_1.ResponseSamples,{operation:d,activeResponseTab:l,onTabChange:g})})]}),(0,jsx_runtime_1.jsxs)(OperationSubRowStyled,{layout:r,children:[(0,jsx_runtime_1.jsxs)(common_1.SamplesMiddlePanel,{isStacked:k,children:[(null===(n=d.callbacks)||void 0===n?void 0:n.length)?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(OperationItemTitle_1.Title,{children:[(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:(0,services_1.makeDeepLink)(d.id,"callbacks")}),"Callbacks"]}),(0,jsx_runtime_1.jsx)(Callbacks_1.CallbacksList,{callbacks:d.callbacks,onExpand:R,selectedCallback:h})]}):null,(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:theme_1.AfterOpenApiOperation||(null==m?void 0:m.AfterOperation),props:{operation:d}})]}),h?(0,jsx_runtime_1.jsx)(OperationSamplesPanel,{isStacked:k,"data-testid":"samples-block",children:(0,jsx_runtime_1.jsx)(CallbackSamples_1.CallbackSamples,{callback:h})}):null]}),(0,jsx_runtime_1.jsx)(OperationSubRowStyled,{layout:r,children:(0,jsx_runtime_1.jsx)(common_1.SamplesMiddlePanel,{isStacked:k,fullWidth:!0,children:b?(0,jsx_runtime_1.jsx)(FeedbackWrapper,{children:(0,jsx_runtime_1.jsx)(theme_1.Feedback,{type:S,settings:p.settings,path:d.href})}):null})})]})}exports.OperationItem=(0,react_1.memo)(OperationItemComponent);const FeedbackWrapper=styled_components_1.default.div`
+`,FeedbackWrapper=styled_components_1.default.div`
   & > div {
     flex: 1 1 auto;
     display: flex;

package/lib/components/Overview/Overview.d.ts

@@ -1,4 +1,9 @@
+import type { TFunction } from '@redocly/theme';
 import type { ReactElement } from 'react';
-export declare function Overview({ info }: {
-    info: any;
-}): ReactElement;
+import type { OpenAPIInfo } from '../../types';
+type OverviewProps = {
+    info: OpenAPIInfo;
+    translate: TFunction;
+};
+export declare function Overview({ info, translate }: OverviewProps): ReactElement;
+export {};

package/lib/components/Overview/Overview.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Overview=void 0;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),PanelItem_1=require("../PanelItem");function Overview({info:e}){var t;const n=e.contact&&e.contact.url&&(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItem,{header:(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItemDescription,{children:"URL"}),title:(0,jsx_runtime_1.jsx)("a",{href:e.contact.url,target:"_blank",rel:"noreferrer",children:e.contact.url}),actions:[(0,jsx_runtime_1.jsx)(theme_1.NewTabButton,{data:e.contact.url},"NewTabButton")]})||null,r=e.contact&&e.contact.email&&(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItem,{header:(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItemDescription,{children:e.contact.name||"E-mail"}),title:(0,jsx_runtime_1.jsx)("a",{href:"mailto:"+e.contact.email,children:e.contact.email}),actions:[(0,jsx_runtime_1.jsx)(theme_1.CopyButton,{data:e.contact.email},"CopyButton"),(0,jsx_runtime_1.jsx)(theme_1.EmailButton,{data:e.contact.email},"EmailButton")]})||null,i=e.license&&(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItem,{header:(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItemDescription,{children:"License"}),title:e.license.identifier?e.license.identifier:(0,jsx_runtime_1.jsx)("a",{href:e.license.url,target:"_blank",rel:"noreferrer",children:e.license.name}),actions:[(0,jsx_runtime_1.jsx)(theme_1.NewTabButton,{data:e.license.url},"NewTabButton")]})||null,a=e.termsOfService&&(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItem,{title:(0,jsx_runtime_1.jsx)("a",{href:e.termsOfService,target:"_blank",rel:"noreferrer",children:"Terms of Service"}),actions:[(0,jsx_runtime_1.jsx)(theme_1.NewTabButton,{data:e.termsOfService},e.termsOfService)]})||null,l=(null===(t=e["x-links"])||void 0===t?void 0:t.map((e=>(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItem,{header:(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItemDescription,{children:e.name}),title:(0,jsx_runtime_1.jsx)("a",{href:e.url,target:"_blank",rel:"noreferrer",children:e.url}),actions:[(0,jsx_runtime_1.jsx)(theme_1.NewTabButton,{data:e.url},"NewTabButton")]},e.url))))||null;return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:(0,jsx_runtime_1.jsxs)(PanelItem_1.PanelItemsList,{children:[n,r,i,a,l]})})}exports.Overview=Overview;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Overview=Overview;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),PanelItem_1=require("../PanelItem");function Overview({info:e,translate:t}){const n=e.contact&&e.contact.url&&(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItem,{header:(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItemDescription,{children:t("openapi.info.contact.url","URL")}),title:(0,jsx_runtime_1.jsx)("a",{href:e.contact.url,target:"_blank",rel:"noreferrer",children:e.contact.url}),actions:[(0,jsx_runtime_1.jsx)(theme_1.NewTabButton,{data:e.contact.url},"NewTabButton")]})||null,r=e.contact&&e.contact.email&&(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItem,{header:(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItemDescription,{children:e.contact.name||t("openapi.info.contact.name","E-mail")}),title:(0,jsx_runtime_1.jsx)("a",{href:"mailto:"+e.contact.email,children:e.contact.email}),actions:[(0,jsx_runtime_1.jsx)(theme_1.CopyButton,{data:e.contact.email},"CopyButton"),(0,jsx_runtime_1.jsx)(theme_1.EmailButton,{data:e.contact.email},"EmailButton")]})||null,i=e.license&&(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItem,{header:(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItemDescription,{children:t("openapi.info.license","License")}),title:e.license.identifier?e.license.identifier:(0,jsx_runtime_1.jsx)("a",{href:e.license.url,target:"_blank",rel:"noreferrer",children:e.license.name}),actions:[(0,jsx_runtime_1.jsx)(theme_1.NewTabButton,{data:e.license.url||""},"NewTabButton")]})||null,a=e.termsOfService&&(0,jsx_runtime_1.jsx)(PanelItem_1.PanelItem,{title:(0,jsx_runtime_1.jsx)("a",{href:e.termsOfService,target:"_blank",rel:"noreferrer",children:t("openapi.info.termsOfService","Terms of Service")}),actions:[(0,jsx_runtime_1.jsx)(theme_1.NewTabButton,{data:e.termsOfService},e.termsOfService)]})||null;return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:(0,jsx_runtime_1.jsxs)(PanelItem_1.PanelItemsList,{children:[n,r,i,a]})})}
 //# sourceMappingURL=Overview.js.map

package/lib/components/PageFooter/PageFooter.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare function PageFooterComponent(): import("react/jsx-runtime").JSX.Element | null;
 export declare const PageFooter: import("react").MemoExoticComponent<typeof PageFooterComponent>;

package/lib/components/PageFooter/PageFooter.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PageFooter=exports.PageFooterComponent=void 0;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),react_1=require("react"),jotai_1=require("jotai"),store_1=require("../../jotai/store"),RenderHook_1=require("../RenderHook");function PageFooterComponent(){const{unstable_hooks:{MiddlePanelFooter:e}}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom);switch(!0){case Boolean(e):return(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:e,props:void 0});case Boolean(theme_1.OpenApiFooter):return(0,jsx_runtime_1.jsx)(theme_1.OpenApiFooter,{});default:return null}}exports.PageFooterComponent=PageFooterComponent,exports.PageFooter=(0,react_1.memo)(PageFooterComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PageFooter=void 0,exports.PageFooterComponent=PageFooterComponent;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),react_1=require("react"),jotai_1=require("jotai"),store_1=require("../../jotai/store"),RenderHook_1=require("../RenderHook");function PageFooterComponent(){const{unstable_hooks:{MiddlePanelFooter:e}}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom);switch(!0){case Boolean(e):return(0,jsx_runtime_1.jsx)(RenderHook_1.RenderHook,{Hook:e,props:void 0});case Boolean(theme_1.OpenApiFooter):return(0,jsx_runtime_1.jsx)(theme_1.OpenApiFooter,{});default:return null}}exports.PageFooter=(0,react_1.memo)(PageFooterComponent);
 //# sourceMappingURL=PageFooter.js.map

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

@@ -1,17 +1,16 @@
-/// <reference types="react" />
 export declare const PanelItemWrap: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const Item: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const Header: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const Title: import("styled-components").StyledComponent<"span", any, {
-    active?: boolean | undefined;
+    active?: boolean;
 }, never>;
 export declare const ActionsWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const PanelItemsList: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const PanelItemDescription: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledCheckmarkIcon: import("styled-components").StyledComponent<(props: import("@redocly/theme/lib/icons/types").IconProps) => import("react").JSX.Element, any, {
+export declare const StyledCheckmarkIcon: import("styled-components").StyledComponent<(props: import("@redocly/theme/lib/icons/types").IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {
-    color?: string | undefined;
-    size?: string | undefined;
-    className?: string | undefined;
+    color?: string;
+    size?: string;
+    className?: string;
 } & import("react").SVGProps<SVGSVGElement>, "data-component-name">;

package/lib/components/PayloadSamples/Example.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Example=void 0;const jsx_runtime_1=require("react/jsx-runtime"),ExampleValue_1=require("./ExampleValue"),ExternalExample_1=require("./ExternalExample");function Example({example:e,mimeType:l,onCopyClick:a}){return void 0===e.value&&e.externalValueUrl?e.externalValueUrl.endsWith(".pdf")?(0,jsx_runtime_1.jsx)(ExampleValue_1.ExampleValue,{value:"PDF file",mimeType:l,encoding:e.encoding,onCopyClick:a}):(0,jsx_runtime_1.jsx)(ExternalExample_1.ExternalExample,{example:e,mimeType:l,onCopyClick:a}):(0,jsx_runtime_1.jsx)(ExampleValue_1.ExampleValue,{value:e.value,mimeType:l,encoding:e.encoding,onCopyClick:a})}exports.Example=Example;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Example=Example;const jsx_runtime_1=require("react/jsx-runtime"),ExampleValue_1=require("./ExampleValue"),ExternalExample_1=require("./ExternalExample"),hooks_1=require("../../hooks");function Example({example:e,mimeType:l,onCopyClick:a}){const n=(0,hooks_1.useTranslate)();return void 0===e.value&&e.externalValueUrl?e.externalValueUrl.endsWith(".pdf")?(0,jsx_runtime_1.jsx)(ExampleValue_1.ExampleValue,{value:n("openapi.pdfFileSample","PDF file"),mimeType:l,encoding:e.encoding,onCopyClick:a}):(0,jsx_runtime_1.jsx)(ExternalExample_1.ExternalExample,{example:e,mimeType:l,onCopyClick:a}):(0,jsx_runtime_1.jsx)(ExampleValue_1.ExampleValue,{value:e.value,mimeType:l,encoding:e.encoding,onCopyClick:a})}
 //# sourceMappingURL=Example.js.map

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { ExampleValueProps } from './types';
 export declare function ExampleValue({ value, mimeType, encoding, onCopyClick, }: ExampleValueProps): React.ReactNode;

package/lib/components/PayloadSamples/ExampleValue.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExampleValue=void 0;const jsx_runtime_1=require("react/jsx-runtime"),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),utils_1=require("../../utils"),store_1=require("../../jotai/store"),styled_1=require("./styled");function ExampleValue({value:e,mimeType:o,encoding:t,onCopyClick:l}){const{jsonSamplesExpandLevel:r}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom);return(0,utils_1.isJsonLike)(o)?(0,jsx_runtime_1.jsx)(theme_1.JsonViewer,{data:e,expandLevel:r,onCopyClick:l}):("object"==typeof e&&(e=(0,utils_1.isFormUrlEncoded)(o)?(0,utils_1.urlFormEncodePayload)(e,t):JSON.stringify(e,null,2)),(0,jsx_runtime_1.jsx)(styled_1.StyledCodeBlock,{lang:(0,utils_1.langFromMime)(o),source:e,header:{className:"code-block-header",controls:{copy:{onClick:l}}}}))}exports.ExampleValue=ExampleValue;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExampleValue=ExampleValue;const jsx_runtime_1=require("react/jsx-runtime"),jotai_1=require("jotai"),theme_1=require("@redocly/theme"),utils_1=require("../../utils"),store_1=require("../../jotai/store"),styled_1=require("./styled");function ExampleValue({value:e,mimeType:o,encoding:t,onCopyClick:l}){const{jsonSamplesExpandLevel:r}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom);return(0,utils_1.isJsonLike)(o)?(0,jsx_runtime_1.jsx)(theme_1.JsonViewer,{data:e,expandLevel:r,onCopyClick:l}):("object"==typeof e&&(e=(0,utils_1.isFormUrlEncoded)(o)?(0,utils_1.urlFormEncodePayload)(e,t):JSON.stringify(e,null,2)),(0,jsx_runtime_1.jsx)(styled_1.StyledCodeBlock,{lang:(0,utils_1.langFromMime)(o),source:e,header:{className:"code-block-header",controls:{copy:{onClick:l}}}}))}
 //# sourceMappingURL=ExampleValue.js.map

package/lib/components/PayloadSamples/ExternalExample.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExternalExample=void 0;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),useExternalExample_1=require("./useExternalExample"),ExampleValue_1=require("./ExampleValue");function ExternalExample({example:e,mimeType:r,onCopyClick:l}){const a=(0,useExternalExample_1.useExternalExample)(e,r);return void 0===a?(0,jsx_runtime_1.jsx)("span",{children:"Loading..."}):a instanceof Error?(0,jsx_runtime_1.jsxs)(theme_1.CodeBlockContainer,{children:["Error loading external example: ",(0,jsx_runtime_1.jsx)("br",{}),(0,jsx_runtime_1.jsx)("a",{className:"token string",href:e.externalValueUrl,target:"_blank",rel:"noopener noreferrer",children:e.externalValueUrl})]}):(0,jsx_runtime_1.jsx)(ExampleValue_1.ExampleValue,{value:a,mimeType:r,onCopyClick:l})}exports.ExternalExample=ExternalExample;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExternalExample=ExternalExample;const jsx_runtime_1=require("react/jsx-runtime"),theme_1=require("@redocly/theme"),useExternalExample_1=require("./useExternalExample"),ExampleValue_1=require("./ExampleValue");function ExternalExample({example:e,mimeType:r,onCopyClick:l}){const a=(0,useExternalExample_1.useExternalExample)(e,r);return void 0===a?(0,jsx_runtime_1.jsx)("span",{children:"Loading..."}):a instanceof Error?(0,jsx_runtime_1.jsxs)(theme_1.CodeBlockContainer,{children:["Error loading external example: ",(0,jsx_runtime_1.jsx)("br",{}),(0,jsx_runtime_1.jsx)("a",{className:"token string",href:e.externalValueUrl,target:"_blank",rel:"noopener noreferrer",children:e.externalValueUrl})]}):(0,jsx_runtime_1.jsx)(ExampleValue_1.ExampleValue,{value:a,mimeType:r,onCopyClick:l})}
 //# sourceMappingURL=ExternalExample.js.map

package/lib/components/PayloadSamples/MediaTypeSamples.d.ts

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

package/lib/components/PayloadSamples/MediaTypeSamples.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.MediaTypeSamples=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),deepmerge_1=__importDefault(require("deepmerge")),styled_components_1=__importDefault(require("styled-components")),Markdown_1=require("../Markdown"),Example_1=require("./Example"),Samples_1=require("../Samples"),utils_1=require("../../services/utils"),styled_1=require("./styled");function MediaTypeSamplesComponent({mediaType:e,properties:r,onChange:t,onCopyClick:s}){const a=e.examples||e.formExamples||{},n=e.name,l=Object.keys(a),{exampleKey:i}=(0,Samples_1.useExampleKey)(e.operation,a),o=1===l.length?Object.values(a)[0]:a[i];if(!l.length)return(0,jsx_runtime_1.jsx)(styled_1.StyledCodeBlock,{lang:"clike",source:"No response example",header:{controls:!1}});const m=r?Object.assign(Object.assign({},o),{value:(0,deepmerge_1.default)(o.value,r,{arrayMerge:utils_1.arrayMergeStrategy})}):o,p=m.description;return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Samples_1.ExampleSwitch,{examples:a,exampleKey:i,onChange:t}),p&&(0,jsx_runtime_1.jsx)(StyledMarkdown,{source:p}),(0,jsx_runtime_1.jsx)(Example_1.Example,{example:m,mimeType:n,onCopyClick:s})]})}const StyledMarkdown=(0,styled_components_1.default)(Markdown_1.Markdown)`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaTypeSamples=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),deepmerge_1=__importDefault(require("deepmerge")),styled_components_1=__importDefault(require("styled-components")),Markdown_1=require("../Markdown"),Example_1=require("./Example"),Samples_1=require("../Samples"),utils_1=require("../../services/utils"),styled_1=require("./styled"),hooks_1=require("../../hooks");function MediaTypeSamplesComponent({mediaType:e,properties:r,onChange:s,onCopyClick:t}){const a=e.examples||e.formExamples||{},o=e.name,n=Object.keys(a),l=(0,hooks_1.useTranslate)(),{exampleKey:p}=(0,Samples_1.useExampleKey)(e.operation,a),i=1===n.length?Object.values(a)[0]:a[p];if(!n.length)return(0,jsx_runtime_1.jsx)(styled_1.StyledCodeBlock,{lang:"clike",source:l("openapi.noResponseExample","No response example"),header:{controls:!1}});const m=r?Object.assign(Object.assign({},i),{value:(0,deepmerge_1.default)(i.value,r,{arrayMerge:utils_1.arrayMergeStrategy})}):i,_=m.description;return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Samples_1.ExampleSwitch,{examples:a,exampleKey:p,onChange:s}),_&&(0,jsx_runtime_1.jsx)(StyledMarkdown,{source:_}),(0,jsx_runtime_1.jsx)(Example_1.Example,{example:m,mimeType:o,onCopyClick:t})]})}const StyledMarkdown=(0,styled_components_1.default)(Markdown_1.Markdown)`
   margin: 0 var(--spacing-md) var(--spacing-sm);
 `;exports.MediaTypeSamples=(0,react_1.memo)(MediaTypeSamplesComponent);
 //# sourceMappingURL=MediaTypeSamples.js.map

package/lib/components/PayloadSamples/PayloadSamples.d.ts

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

package/lib/components/PayloadSamples/PayloadSamples.js

@@ -1,2 +1,2 @@
-"use strict";var __rest=this&&this.__rest||function(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(e);o<a.length;o++)t.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(e,a[o])&&(r[a[o]]=e[a[o]])}return r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PayloadSamples=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),SelectOrLabel_1=require("../SelectOrLabel"),MediaTypeSwitch_1=require("../MediaTypeSwitch"),common_1=require("../common"),MediaTypeSamples_1=require("./MediaTypeSamples"),styled_1=require("./styled"),app_1=require("../../jotai/app"),hooks_1=require("../../hooks");function PayloadSamplesComponent(e){var{onlyDefaultMimeType:t,content:r}=e,a=__rest(e,["onlyDefaultMimeType","content"]);const o=(0,hooks_1.useActivateExample)(r),l=(0,jotai_1.useAtomValue)(app_1.activeMimeNameAtom),i=t&&l,s=(0,react_1.useCallback)((e=>i?null:(0,jsx_runtime_1.jsx)(styled_1.SelectWrapper,{children:(0,jsx_runtime_1.jsx)(SelectOrLabel_1.SelectOrLabel,Object.assign({Label:common_1.MimeLabel,Select:common_1.Select,variant:"dark",fullWidth:!0},e))})),[i]),n=e=>o(e);return r?(0,jsx_runtime_1.jsx)(MediaTypeSwitch_1.MediaTypesSwitch,{content:r,renderSelect:s,children:e=>(0,jsx_runtime_1.jsx)(MediaTypeSamples_1.MediaTypeSamples,Object.assign({mediaType:e},a,{onChange:n}),"samples")}):(0,jsx_runtime_1.jsx)(styled_1.StyledCodeBlock,{lang:"text",source:"No request payload",header:{controls:!1}})}exports.PayloadSamples=(0,react_1.memo)(PayloadSamplesComponent);
+"use strict";var __rest=this&&this.__rest||function(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(e);o<a.length;o++)t.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(e,a[o])&&(r[a[o]]=e[a[o]])}return r};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PayloadSamples=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),SelectOrLabel_1=require("../SelectOrLabel"),MediaTypeSwitch_1=require("../MediaTypeSwitch"),common_1=require("../common"),MediaTypeSamples_1=require("./MediaTypeSamples"),styled_1=require("./styled"),app_1=require("../../jotai/app"),hooks_1=require("../../hooks"),convertExamplesFormat_1=require("../../utils/convertExamplesFormat");function PayloadSamplesComponent(e){var{onlyDefaultMimeType:t,content:r}=e,a=__rest(e,["onlyDefaultMimeType","content"]);const o=(0,hooks_1.useActivateExample)(r),l=(0,jotai_1.useAtomValue)(app_1.activeMimeNameAtom),s=t&&l,n=(0,hooks_1.useTranslate)(),i=(0,react_1.useCallback)((e=>s?null:(0,jsx_runtime_1.jsx)(styled_1.SelectWrapper,{children:(0,jsx_runtime_1.jsx)(SelectOrLabel_1.SelectOrLabel,Object.assign({Label:common_1.MimeLabel,Select:common_1.Select,variant:"dark",fullWidth:!0},e))})),[s]),c=e=>o(e);return r?(0,jsx_runtime_1.jsx)(MediaTypeSwitch_1.MediaTypesSwitch,{content:r,renderSelect:i,children:e=>{const t=(0,convertExamplesFormat_1.convertExamplesFormat)(e);return(0,jsx_runtime_1.jsx)(MediaTypeSamples_1.MediaTypeSamples,Object.assign({mediaType:t},a,{onChange:c}),"samples")}}):(0,jsx_runtime_1.jsx)(styled_1.StyledCodeBlock,{lang:"text",source:n("openapi.noRequestPayload","No request payload"),header:{controls:!1}})}exports.PayloadSamples=(0,react_1.memo)(PayloadSamplesComponent);
 //# sourceMappingURL=PayloadSamples.js.map

package/lib/components/PayloadSamples/useExternalExample.js

@@ -1,2 +1,2 @@
-"use strict";var __awaiter=this&&this.__awaiter||function(e,t,r,n){return new(r||(r=Promise))((function(a,u){function c(e){try{i(n.next(e))}catch(e){u(e)}}function o(e){try{i(n.throw(e))}catch(e){u(e)}}function i(e){var t;e.done?a(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(c,o)}i((n=n.apply(e,t||[])).next())}))};Object.defineProperty(exports,"__esModule",{value:!0}),exports.useExternalExample=void 0;const react_1=require("react"),models_1=require("../../models");function useExternalExample(e,t){const[,r]=(0,react_1.useState)(!0),n=(0,react_1.useRef)(void 0),a=(0,react_1.useRef)(void 0);return a.current!==e&&(n.current=void 0),a.current=e,(0,react_1.useEffect)((()=>{(()=>{__awaiter(this,void 0,void 0,(function*(){r(!0);try{n.current=yield(0,models_1.getExternalExampleValue)(t,e.externalValueUrl)}catch(e){n.current=e}r(!1)}))})()}),[e,t]),n.current}exports.useExternalExample=useExternalExample;
+"use strict";var __awaiter=this&&this.__awaiter||function(e,t,r,n){return new(r||(r=Promise))((function(a,c){function u(e){try{o(n.next(e))}catch(e){c(e)}}function i(e){try{o(n.throw(e))}catch(e){c(e)}}function o(e){var t;e.done?a(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(u,i)}o((n=n.apply(e,t||[])).next())}))};Object.defineProperty(exports,"__esModule",{value:!0}),exports.useExternalExample=useExternalExample;const react_1=require("react"),models_1=require("../../models");function useExternalExample(e,t){const[,r]=(0,react_1.useState)(!0),n=(0,react_1.useRef)(void 0),a=(0,react_1.useRef)(void 0);return a.current!==e&&(n.current=void 0),a.current=e,(0,react_1.useEffect)((()=>{(()=>{__awaiter(this,void 0,void 0,(function*(){r(!0);try{n.current=yield(0,models_1.getExternalExampleValue)(t,e.externalValueUrl)}catch(e){n.current=e}r(!1)}))})()}),[e,t]),n.current}
 //# sourceMappingURL=useExternalExample.js.map

package/lib/components/PropertyDetails/DescriptionEnums.d.ts

@@ -1,4 +1,4 @@
 import type { ReactElement } from 'react';
 import type { DescriptionEnumsProps } from './types';
-export declare function DescriptionEnumsComponent({ enums, toggle, showToggleButton, toggleButtonText, type, }: DescriptionEnumsProps): ReactElement;
+export declare function DescriptionEnumsComponent({ enums, toggle, showToggleButton, toggleButtonText, type, translate, }: DescriptionEnumsProps): ReactElement;
 export declare const DescriptionEnums: import("react").NamedExoticComponent<DescriptionEnumsProps>;

package/lib/components/PropertyDetails/DescriptionEnums.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.DescriptionEnums=exports.DescriptionEnumsComponent=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),Markdown_1=require("../Markdown"),styled_1=require("./styled"),common_1=require("../common"),EnumValueStyled=styled_components_1.default.td`
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DescriptionEnums=void 0,exports.DescriptionEnumsComponent=DescriptionEnumsComponent;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),Markdown_1=require("../Markdown"),styled_1=require("./styled"),common_1=require("../common"),EnumValueStyled=styled_components_1.default.td`
   word-wrap: break-word;
   font-size: var(--md-table-font-size);
 `,DescriptionValueStyled=styled_components_1.default.td`
@@ -6,5 +6,5 @@
   p:only-of-type {
     margin: 0;
   }
-`;function DescriptionEnumsComponent({enums:e,toggle:t,showToggleButton:n,toggleButtonText:r,type:s}){return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:(0,jsx_runtime_1.jsx)(styled_1.DescriptionEnumsBlock,{children:(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.jsxs)("th",{style:{width:"30%"},children:["array"===s?"Items":""," ",1===e.length?"Value":"Enum Value"]}),(0,jsx_runtime_1.jsx)("th",{children:"Description"})]})}),(0,jsx_runtime_1.jsx)("tbody",{children:e.map((({description:e,value:t})=>(0,jsx_runtime_1.jsxs)("tr",{children:[(0,jsx_runtime_1.jsx)(EnumValueStyled,{children:t}),(0,jsx_runtime_1.jsx)(DescriptionValueStyled,{children:(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:e})})]},t)))}),n?(0,jsx_runtime_1.jsx)("tfoot",{children:(0,jsx_runtime_1.jsx)("tr",{children:(0,jsx_runtime_1.jsx)("td",{colSpan:2,children:(0,jsx_runtime_1.jsx)(common_1.ToggleButton,{onClick:t,children:r})})})}):null]})})})}exports.DescriptionEnumsComponent=DescriptionEnumsComponent,exports.DescriptionEnums=(0,react_1.memo)(DescriptionEnumsComponent);
+`;function DescriptionEnumsComponent({enums:e,toggle:t,showToggleButton:n,toggleButtonText:r,type:s,translate:i}){return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:(0,jsx_runtime_1.jsx)(styled_1.DescriptionEnumsBlock,{children:(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.jsxs)("th",{style:{width:"30%"},children:["array"===s?i("openapi.items","Items"):""," ",1===e.length?i("openapi.value","Value"):`${i("openapi.enum","Enum")} ${i("openapi.value","Value")}`]}),(0,jsx_runtime_1.jsx)("th",{children:i("openapi.description","Description")})]})}),(0,jsx_runtime_1.jsx)("tbody",{children:e.map((({description:e,value:t})=>(0,jsx_runtime_1.jsxs)("tr",{children:[(0,jsx_runtime_1.jsx)(EnumValueStyled,{children:t}),(0,jsx_runtime_1.jsx)(DescriptionValueStyled,{children:(0,jsx_runtime_1.jsx)(Markdown_1.Markdown,{source:e})})]},t)))}),n?(0,jsx_runtime_1.jsx)("tfoot",{children:(0,jsx_runtime_1.jsx)("tr",{children:(0,jsx_runtime_1.jsx)("td",{colSpan:2,children:(0,jsx_runtime_1.jsx)(common_1.ToggleButton,{onClick:t,children:r})})})}):null]})})})}exports.DescriptionEnums=(0,react_1.memo)(DescriptionEnumsComponent);
 //# sourceMappingURL=DescriptionEnums.js.map

package/lib/components/PropertyDetails/EnumValues.d.ts

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

package/lib/components/PropertyDetails/EnumValues.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.EnumValues=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),SimpleEnums_1=require("./SimpleEnums"),DescriptionEnums_1=require("./DescriptionEnums"),store_1=require("../../jotai/store");function getEnums(e){return Array.isArray(e)&&e||Object.entries(e||{}).map((([e,t])=>({value:e,description:t})))}function EnumValuesComponent({values:e,type:t}){const[r,s]=(0,react_1.useState)(!0),{maxDisplayedEnumValues:n}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),u=(0,react_1.useCallback)((()=>{s(!r)}),[r]),o=!Array.isArray(e),i=getEnums(e),m=(0,react_1.useMemo)((()=>r&&n?i.slice(0,n):i),[i,r,n]);if(!i.length)return null;const a=!!n&&i.length>n,l=n?r?`+${i.length-n} more`:"Hide":"";return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:o?(0,jsx_runtime_1.jsx)(DescriptionEnums_1.DescriptionEnums,{enums:m,toggle:u,showToggleButton:a,toggleButtonText:l,type:t}):(0,jsx_runtime_1.jsx)(SimpleEnums_1.SimpleEnums,{enums:m,type:t,toggle:u,toggleButtonText:l,showToggleButton:a})})}exports.EnumValues=(0,react_1.memo)(EnumValuesComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.EnumValues=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),jotai_1=require("jotai"),SimpleEnums_1=require("./SimpleEnums"),DescriptionEnums_1=require("./DescriptionEnums"),store_1=require("../../jotai/store"),hooks_1=require("../../hooks");function getEnums(e){return Array.isArray(e)&&e||Object.entries(e||{}).map((([e,t])=>({value:e,description:t})))}function EnumValuesComponent({values:e,type:t}){const s=(0,hooks_1.useTranslate)(),[r,n]=(0,react_1.useState)(!0),{maxDisplayedEnumValues:o}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),u=(0,react_1.useCallback)((()=>{n(!r)}),[r]),i=!Array.isArray(e),a=getEnums(e),m=(0,react_1.useMemo)((()=>r&&o?a.slice(0,o):a),[a,r,o]);if(!a.length)return null;const l=!!o&&a.length>o,_=o?r?`+${a.length-o} ${s("openapi.actions.more","more")}`:s("openapi.actions.hide","Hide"):"";return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:i?(0,jsx_runtime_1.jsx)(DescriptionEnums_1.DescriptionEnums,{enums:m,toggle:u,showToggleButton:l,toggleButtonText:_,type:t,translate:s}):(0,jsx_runtime_1.jsx)(SimpleEnums_1.SimpleEnums,{enums:m,type:t,toggle:u,toggleButtonText:_,showToggleButton:l,translate:s})})}exports.EnumValues=(0,react_1.memo)(EnumValuesComponent);
 //# sourceMappingURL=EnumValues.js.map

package/lib/components/PropertyDetails/Examples.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getSerializedValue=exports.Examples=void 0;const jsx_runtime_1=require("react/jsx-runtime"),common_1=require("../common"),utils_1=require("../../utils"),styled_1=require("./styled");function Examples({field:e}){return e.examples?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(common_1.FieldLabel,{children:" Examples: "}),(0,jsx_runtime_1.jsx)(styled_1.ExamplesList,{children:Object.entries(e.examples).map((([r,s])=>{const i=(0,utils_1.normalizeText)(s.description);return(0,jsx_runtime_1.jsxs)(styled_1.ExampleWrap,{children:[(0,jsx_runtime_1.jsxs)(styled_1.ExampleSummary,{children:[(0,utils_1.normalizeText)(s.summary)||r," "]}),i&&(0,jsx_runtime_1.jsxs)(styled_1.ExampleDescription,{children:[i," "]}),(0,jsx_runtime_1.jsx)(common_1.ExampleValue,{children:getSerializedValue(e,s.value)})]},r)}))})]}):null}function getSerializedValue(e,r){return e.in?decodeURIComponent((0,utils_1.serializeParameterValue)(e,r)):r}exports.Examples=Examples,exports.getSerializedValue=getSerializedValue;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Examples=Examples,exports.getSerializedValue=getSerializedValue;const jsx_runtime_1=require("react/jsx-runtime"),common_1=require("../common"),utils_1=require("../../utils"),styled_1=require("./styled"),hooks_1=require("../../hooks");function Examples({field:e}){const s=(0,hooks_1.useTranslate)();return e.examples?(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(common_1.FieldLabel,{children:[" ",s("openapi.examples","Examples"),": "]}),(0,jsx_runtime_1.jsx)(styled_1.ExamplesList,{children:Object.entries(e.examples).map((([s,r])=>{const i=(0,utils_1.normalizeText)(r.description);return(0,jsx_runtime_1.jsxs)(styled_1.ExampleWrap,{children:[(0,jsx_runtime_1.jsxs)(styled_1.ExampleSummary,{children:[(0,utils_1.normalizeText)(r.summary)||s," "]}),i&&(0,jsx_runtime_1.jsxs)(styled_1.ExampleDescription,{children:[i," "]}),(0,jsx_runtime_1.jsx)(common_1.ExampleValue,{children:getSerializedValue(e,r.value)})]},s)}))})]}):null}function getSerializedValue(e,s){return e.in?decodeURIComponent((0,utils_1.serializeParameterValue)(e,s)):s}
 //# sourceMappingURL=Examples.js.map