@redocly/openapi-docs 3.11.0-rc.1 → 3.11.0

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

@@ -1,6 +1,6 @@
 import type { TFunction } from '@redocly/theme';
 import type { ReactElement } from 'react';
-import type { OpenAPIInfo } from '../../types';
+import type { OpenAPIInfo } from '../../types/index.js';
 type OverviewProps = {
     info: OpenAPIInfo;
     translate: TFunction;

package/lib/components/Overview/Overview.js

@@ -1,2 +1 @@
-"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}){var n;const r=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,i=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,a=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,l=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,s=(null===(n=e["x-links"])||void 0===n?void 0:n.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:[r,i,a,l,s]})})}
-//# sourceMappingURL=Overview.js.map
+import{jsx as t,jsxs as m,Fragment as u}from"react/jsx-runtime";import{CopyButton as d,NewTabButton as c,EmailButton as h}from"@redocly/theme";import{PanelItem as a,PanelItemDescription as n,PanelItemsList as p}from"../PanelItem/index.js";function O({info:e,translate:r}){const l=e.contact&&e.contact.url&&t(a,{header:t(n,{children:r("openapi.info.contact.url","URL")}),title:t("a",{href:e.contact.url,target:"_blank",rel:"noreferrer",children:e.contact.url}),actions:[t(c,{data:e.contact.url},"NewTabButton")]})||null,i=e.contact&&e.contact.email&&t(a,{header:t(n,{children:e.contact.name||r("openapi.info.contact.name","E-mail")}),title:t("a",{href:"mailto:"+e.contact.email,children:e.contact.email}),actions:[t(d,{data:e.contact.email},"CopyButton"),t(h,{data:e.contact.email},"EmailButton")]})||null,s=e.license&&t(a,{header:t(n,{children:r("openapi.info.license","License")}),title:e.license.identifier?e.license.identifier:t("a",{href:e.license.url,target:"_blank",rel:"noreferrer",children:e.license.name}),actions:[t(c,{data:e.license.url||""},"NewTabButton")]})||null,o=e.termsOfService&&t(a,{title:t("a",{href:e.termsOfService,target:"_blank",rel:"noreferrer",children:r("openapi.info.termsOfService","Terms of Service")}),actions:[t(c,{data:e.termsOfService},e.termsOfService)]})||null;return t(u,{children:m(p,{children:[l,i,s,o]})})}export{O as Overview};

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

@@ -1 +1 @@
-export { Overview } from './Overview';
+export { Overview } from './Overview.js';

package/lib/components/Overview/index.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Overview=void 0;var Overview_1=require("./Overview");Object.defineProperty(exports,"Overview",{enumerable:!0,get:function(){return Overview_1.Overview}});
-//# sourceMappingURL=index.js.map
+import{Overview as o}from"./Overview.js";export{o as Overview};

package/lib/components/PageFooter/PageFooter.js

@@ -1,2 +1 @@
-"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
+import{jsx as e}from"react/jsx-runtime";import{OpenApiFooter as r}from"@redocly/theme";import{memo as t}from"react";import{useAtomValue as n}from"jotai";import{globalOptionsAtom as m}from"../../jotai/store.js";import{RenderHook as p}from"../RenderHook/index.js";function s(){const{unstable_hooks:{MiddlePanelFooter:o}}=n(m);switch(!0){case!!o:return e(p,{Hook:o,props:void 0});case!!r:return e(r,{});default:return null}}const d=t(s);export{d as PageFooter,s as PageFooterComponent};

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

@@ -1 +1 @@
-export { PageFooter } from './PageFooter';
+export { PageFooter } from './PageFooter.js';

package/lib/components/PageFooter/index.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PageFooter=void 0;var PageFooter_1=require("./PageFooter");Object.defineProperty(exports,"PageFooter",{enumerable:!0,get:function(){return PageFooter_1.PageFooter}});
-//# sourceMappingURL=index.js.map
+import{PageFooter as r}from"./PageFooter.js";export{r as PageFooter};

package/lib/components/Panel/ResponsePanel.d.ts

@@ -1,3 +1,2 @@
-import { Panel } from '@redocly/theme';
-export declare const StyledResponsePanel: import("styled-components").StyledComponent<typeof Panel, any, {}, never>;
-export declare const CallbackPanel: import("styled-components").StyledComponent<typeof Panel, any, {}, never>;
+export declare const StyledResponsePanel: any;
+export declare const CallbackPanel: any;

package/lib/components/Panel/ResponsePanel.js

@@ -1,25 +1,24 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CallbackPanel=exports.StyledResponsePanel=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme"),headers_1=require("../common/headers"),Trigger_1=require("./Trigger");exports.StyledResponsePanel=(0,styled_components_1.default)(theme_1.Panel)`
-  ${headers_1.FieldsGroupHeader} {
+import{Panel as o}from"@redocly/theme";import{FieldsGroupHeader as e}from"../common/headers.js";import{Trigger as r}from"./Trigger.js";import{styled as t}from"../../styled-components.js";const i=t(o)`
+  ${e} {
     &:first-child {
       margin-top: 0;
     }
   }
 
-  ${Trigger_1.Trigger} {
+  ${r} {
     flex: 1;
     max-width: 100%;
     justify-content: space-between;
   }
-`,exports.CallbackPanel=(0,styled_components_1.default)(exports.StyledResponsePanel)`
+`,d=t(i)`
   border-bottom: 1px solid var(--border-color-primary);
   &:not(:last-child) {
     margin-bottom: 0;
     border-radius: 0;
   }
 
-  ${Trigger_1.Trigger} {
+  ${r} {
     max-width: calc(100% - 9px - var(--spacing-unit)); /* shelf icon size and small padding */
     justify-content: flex-start;
   }
-`;
-//# sourceMappingURL=ResponsePanel.js.map
+`;export{d as CallbackPanel,i as StyledResponsePanel};

package/lib/components/Panel/Trigger.d.ts

@@ -1 +1 @@
-export declare const Trigger: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Trigger: any;

package/lib/components/Panel/Trigger.js

@@ -1,8 +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.Trigger=void 0;const styled_components_1=__importDefault(require("styled-components"));exports.Trigger=styled_components_1.default.div`
+import{styled as e}from"../../styled-components.js";const l=e.div`
   display: inline-flex;
   align-items: center;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-`;
-//# sourceMappingURL=Trigger.js.map
+`;export{l as Trigger};

package/lib/components/Panel/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Trigger';
-export * from './ResponsePanel';
+export * from './Trigger.js';
+export * from './ResponsePanel.js';

package/lib/components/Panel/index.js

@@ -1,2 +1 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,i){void 0===i&&(i=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,i,n)}:function(e,t,r,i){void 0===i&&(i=r),e[i]=t[r]}),__exportStar=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||__createBinding(t,e,r)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./Trigger"),exports),__exportStar(require("./ResponsePanel"),exports);
-//# sourceMappingURL=index.js.map
+export*from"./Trigger.js";export*from"./ResponsePanel.js";

package/lib/components/PanelItem/PanelItem.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelItem=void 0;const jsx_runtime_1=require("react/jsx-runtime"),styled_1=require("./styled"),PanelItem=({header:e,title:t,actions:s,active:r,withCheckmark:i})=>(0,jsx_runtime_1.jsxs)(styled_1.PanelItemWrap,{children:[(0,jsx_runtime_1.jsxs)(styled_1.Item,{children:[e&&("string"==typeof e?(0,jsx_runtime_1.jsx)(styled_1.Header,{children:e}):e),(0,jsx_runtime_1.jsxs)(styled_1.Title,{active:r,suppressHydrationWarning:!0,children:[i&&r&&(0,jsx_runtime_1.jsx)(styled_1.StyledCheckmarkIcon,{})," ",t]})]}),(0,jsx_runtime_1.jsx)(styled_1.ActionsWrap,{children:null==s?void 0:s.map((e=>e))})]});exports.PanelItem=PanelItem;
-//# sourceMappingURL=PanelItem.js.map
+import{jsx as n,jsxs as t}from"react/jsx-runtime";import{PanelItemWrap as l,Item as m,Header as p,Title as a,ActionsWrap as d,StyledCheckmarkIcon as x}from"./styled.js";const f=({header:r,title:s,actions:i,active:e,withCheckmark:o})=>t(l,{children:[t(m,{children:[r&&(typeof r=="string"?n(p,{children:r}):r),t(a,{active:e,suppressHydrationWarning:!0,children:[o&&e&&n(x,{})," ",s]})]}),n(d,{children:i?.map(c=>c)})]});export{f as PanelItem};

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

@@ -1,2 +1,2 @@
-export { PanelItem } from './PanelItem';
-export * from './styled';
+export { PanelItem } from './PanelItem.js';
+export * from './styled.js';

package/lib/components/PanelItem/index.js

@@ -1,2 +1 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=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,n,i)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),__exportStar=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||__createBinding(t,e,r)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelItem=void 0;var PanelItem_1=require("./PanelItem");Object.defineProperty(exports,"PanelItem",{enumerable:!0,get:function(){return PanelItem_1.PanelItem}}),__exportStar(require("./styled"),exports);
-//# sourceMappingURL=index.js.map
+import{PanelItem as r}from"./PanelItem.js";export*from"./styled.js";export{r as PanelItem};

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

@@ -1,16 +1,8 @@
-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<"p", any, {
-    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) => React.JSX.Element, any, {
-    'data-component-name': string;
-} & {
-    color?: string;
-    size?: string;
-    className?: string;
-} & import("react").SVGProps<SVGSVGElement>, "data-component-name">;
+export declare const PanelItemWrap: any;
+export declare const Item: any;
+export declare const Header: any;
+export declare const Title: any;
+export declare const ActionsWrap: any;
+export declare const PanelItemsList: any;
+export declare const PanelItemDescription: any;
+export declare const StyledCheckmarkIcon: any;

package/lib/components/PanelItem/styled.js

@@ -1,21 +1,21 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledCheckmarkIcon=exports.PanelItemDescription=exports.PanelItemsList=exports.ActionsWrap=exports.Title=exports.Header=exports.Item=exports.PanelItemWrap=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");exports.PanelItemWrap=styled_components_1.default.span`
+import{CheckmarkIcon as o}from"@redocly/theme";import{styled as t}from"../../styled-components.js";const r=t.span`
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 0;
   position: relative;
   width: 100%;
-`,exports.Item=styled_components_1.default.span`
+`,a=t.span`
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   overflow: hidden;
-`,exports.Header=styled_components_1.default.span`
+`,s=t.span`
   text-align: left;
   color: var(--menu-content-title-color);
   font-size: var(--h6-font-size);
   line-height: var(--line-height-xsm);
-`,exports.Title=styled_components_1.default.p`
+`,l=t.p`
   margin: 0;
   color: var(--text-color-secondary);
   font-size: var(--font-size-base);
@@ -23,10 +23,10 @@
   overflow: hidden;
   text-overflow: ellipsis;
   font-weight: ${({active:e})=>e&&"var(--font-weight-medium)"};
-`,exports.ActionsWrap=styled_components_1.default.div`
+`,p=t.div`
   display: flex;
   gap: var(--spacing-xs);
-`,exports.PanelItemsList=styled_components_1.default.div`
+`,c=t.div`
   & > span {
     border-bottom: 1px solid var(--border-color-secondary);
     margin-bottom: var(--spacing-xs);
@@ -38,16 +38,15 @@
     margin-bottom: 0;
     padding-bottom: 0;
   }
-`,exports.PanelItemDescription=styled_components_1.default.span`
+`,d=t.span`
   color: var(--text-color-secondary);
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
   font-weight: var(--font-weight-medium);
-`,exports.StyledCheckmarkIcon=(0,styled_components_1.default)(theme_1.CheckmarkIcon)`
+`,m=t(o)`
   width: 14px;
   height: 14px;
   position: absolute;
   left: -18px;
   bottom: 3px;
-`;
-//# sourceMappingURL=styled.js.map
+`;export{p as ActionsWrap,s as Header,a as Item,d as PanelItemDescription,r as PanelItemWrap,c as PanelItemsList,m as StyledCheckmarkIcon,l as Title};

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

@@ -1,3 +1,3 @@
 import type { ReactElement } from 'react';
-import type { ExampleProps } from './types';
+import type { ExampleProps } from './types.js';
 export declare function Example({ example, mimeType, onCopyClick, onPanelToggle, }: ExampleProps): ReactElement;

package/lib/components/PayloadSamples/Example.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Example=Example;const jsx_runtime_1=require("react/jsx-runtime"),ExampleValue_1=require("./ExampleValue");function Example({example:e,mimeType:l,onCopyClick:a,onPanelToggle:n}){return(0,jsx_runtime_1.jsx)(ExampleValue_1.ExampleValue,{value:e.value,mimeType:l,encoding:e.encoding,onCopyClick:a,onPanelToggle:n})}
-//# sourceMappingURL=Example.js.map
+import{jsx as l}from"react/jsx-runtime";import{ExampleValue as m}from"./ExampleValue.js";function p({example:o,mimeType:e,onCopyClick:n,onPanelToggle:i}){return l(m,{value:o.value,mimeType:e,encoding:o.encoding,onCopyClick:n,onPanelToggle:i})}export{p as Example};

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

@@ -1,2 +1,2 @@
-import type { ExampleValueProps } from './types';
+import type { ExampleValueProps } from './types.js';
 export declare function ExampleValue({ value, mimeType, encoding, onCopyClick, onPanelToggle, }: ExampleValueProps): React.ReactNode;

package/lib/components/PayloadSamples/ExampleValue.js

@@ -1,2 +1 @@
-"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:l,onCopyClick:t,onPanelToggle:r}){const{jsonSamplesExpandLevel:s}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom);return(0,utils_1.isJsonLike)(o)?(0,jsx_runtime_1.jsx)(theme_1.JsonViewer,{data:e,expandLevel:s,onCopyClick:t,onPanelToggle:r}):("object"==typeof e&&(e=(0,utils_1.isFormUrlEncoded)(o)?(0,utils_1.urlFormEncodePayload)(e,l):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:t}}}}))}
-//# sourceMappingURL=ExampleValue.js.map
+import{jsx as n}from"react/jsx-runtime";import{useAtomValue as i}from"jotai";import{JsonViewer as m}from"@redocly/theme";import{isFormUrlEncoded as a,isJsonLike as c,langFromMime as d,urlFormEncodePayload as f}from"../../utils/index.js";import{globalOptionsAtom as p}from"../../jotai/store.js";import{StyledCodeBlock as g}from"./styled.js";function y({value:o,mimeType:r,encoding:t,onCopyClick:e,onPanelToggle:l}){const{jsonSamplesExpandLevel:s}=i(p);return c(r)?n(m,{data:o,expandLevel:s,onCopyClick:e,onPanelToggle:l}):(typeof o=="object"&&(a(r)?o=f(o,t):o=JSON.stringify(o,null,2)),n(g,{lang:d(r),source:o,header:{className:"code-block-header",controls:{copy:{onClick:e}}}}))}export{y as ExampleValue};

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

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

package/lib/components/PayloadSamples/MediaTypeSamples.js

@@ -1,4 +1,3 @@
-"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:a,onPanelToggle:t}){const o=e.examples||e.formExamples||{},n=e.name,l=Object.keys(o),p=(0,hooks_1.useTranslate)(),{exampleKey:i}=(0,Samples_1.useExampleKey)(e.operation,o),m=1===l.length?Object.values(o)[0]:o[i];if(!l.length)return(0,jsx_runtime_1.jsx)(styled_1.StyledCodeBlock,{lang:"clike",source:p("openapi.noResponseExample","No response example"),header:{controls:!1}});const _=r?Object.assign(Object.assign({},m),{value:(0,deepmerge_1.default)(m.value,r,{arrayMerge:utils_1.arrayMergeStrategy})}):m,u=_.description;return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(Samples_1.ExampleSwitch,{examples:o,exampleKey:i,onChange:s}),u&&(0,jsx_runtime_1.jsx)(StyledMarkdown,{source:u}),(0,jsx_runtime_1.jsx)(Example_1.Example,{example:_,mimeType:n,onCopyClick:a,onPanelToggle:t})]})}const StyledMarkdown=(0,styled_components_1.default)(Markdown_1.Markdown)`
+import{jsx as r,Fragment as f,jsxs as y}from"react/jsx-runtime";import{memo as d}from"react";import u from"deepmerge";import{Markdown as h}from"../Markdown/index.js";import{Example as j}from"./Example.js";import{ExampleSwitch as k,useExampleKey as E}from"../Samples/index.js";import{arrayMergeStrategy as M}from"../../services/utils.js";import{StyledCodeBlock as S}from"./styled.js";import{useTranslate as v}from"../../hooks/index.js";import{styled as C}from"../../styled-components.js";function K({mediaType:o,properties:a,onChange:l,onCopyClick:c,onPanelToggle:i}){const e=o.examples||o.formExamples||{},x=o.name,s=Object.keys(e),g=v(),{exampleKey:n}=E(o.operation,e),m=s.length===1?Object.values(e)[0]:e[n];if(!s.length)return r(S,{lang:"clike",source:g("openapi.noResponseExample","No response example"),header:{controls:!1}});const t=a?{...m,value:u(m.value,a,{arrayMerge:M})}:m,p=t.description;return y(f,{children:[r(k,{examples:e,exampleKey:n,onChange:l}),p&&r(w,{source:p}),r(j,{example:t,mimeType:x,onCopyClick:c,onPanelToggle:i})]})}const w=C(h)`
   margin: 0 var(--spacing-md) var(--spacing-sm);
-`;exports.MediaTypeSamples=(0,react_1.memo)(MediaTypeSamplesComponent);
-//# sourceMappingURL=MediaTypeSamples.js.map
+`,z=d(K);export{z as MediaTypeSamples};

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

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

package/lib/components/PayloadSamples/PayloadSamples.js

@@ -1,2 +1 @@
-"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),s=t&&l,i=(0,hooks_1.useTranslate)(),n=(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]),p=e=>o(e);return r?(0,jsx_runtime_1.jsx)(MediaTypeSwitch_1.MediaTypesSwitch,{content:r,renderSelect:n,children:e=>(0,jsx_runtime_1.jsx)(MediaTypeSamples_1.MediaTypeSamples,Object.assign({mediaType:e},a,{onChange:p}),"samples")}):(0,jsx_runtime_1.jsx)(styled_1.StyledCodeBlock,{lang:"text",source:i("openapi.noRequestPayload","No request payload"),header:{controls:!1}})}exports.PayloadSamples=(0,react_1.memo)(PayloadSamplesComponent);
-//# sourceMappingURL=PayloadSamples.js.map
+import{jsx as t}from"react/jsx-runtime";import{memo as c,useCallback as d}from"react";import{useAtomValue as u}from"jotai";import{SelectOrLabel as f}from"../SelectOrLabel/index.js";import{MediaTypesSwitch as y}from"../MediaTypeSwitch/index.js";import{MimeLabel as S,Select as h}from"../common/index.js";import{MediaTypeSamples as M}from"./MediaTypeSamples.js";import{SelectWrapper as T,StyledCodeBlock as x}from"./styled.js";import{activeMimeNameAtom as b}from"../../jotai/app.js";import{useActivateExample as v,useTranslate as A}from"../../hooks/index.js";function g({onlyDefaultMimeType:r,content:o,...l}){const m=v(o),n=u(b),a=r&&n,p=A(),s=d(e=>a?null:t(T,{children:t(f,{Label:S,Select:h,variant:"dark",fullWidth:!0,...e})}),[a]),i=e=>m(e);return o?t(y,{content:o,renderSelect:s,children:e=>t(M,{mediaType:e,...l,onChange:i},"samples")}):t(x,{lang:"text",source:p("openapi.noRequestPayload","No request payload"),header:{controls:!1}})}const B=c(g);export{B as PayloadSamples};

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

@@ -1,5 +1,6 @@
-export { Example } from './Example';
-export { ExampleValue } from './ExampleValue';
-export { MediaTypeSamples } from './MediaTypeSamples';
-export { PayloadSamples } from './PayloadSamples';
-export * from './styled';
+export { PayloadSamples } from './PayloadSamples.js';
+export { Example } from './Example.js';
+export { ExampleValue } from './ExampleValue.js';
+export { MediaTypeSamples } from './MediaTypeSamples.js';
+export * from './types.js';
+export * from './styled.js';

package/lib/components/PayloadSamples/index.js

@@ -1,2 +1 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,r,a,t){void 0===t&&(t=a);var p=Object.getOwnPropertyDescriptor(r,a);p&&!("get"in p?!r.__esModule:p.writable||p.configurable)||(p={enumerable:!0,get:function(){return r[a]}}),Object.defineProperty(e,t,p)}:function(e,r,a,t){void 0===t&&(t=a),e[t]=r[a]}),__exportStar=this&&this.__exportStar||function(e,r){for(var a in e)"default"===a||Object.prototype.hasOwnProperty.call(r,a)||__createBinding(r,e,a)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.PayloadSamples=exports.MediaTypeSamples=exports.ExampleValue=exports.Example=void 0;var Example_1=require("./Example");Object.defineProperty(exports,"Example",{enumerable:!0,get:function(){return Example_1.Example}});var ExampleValue_1=require("./ExampleValue");Object.defineProperty(exports,"ExampleValue",{enumerable:!0,get:function(){return ExampleValue_1.ExampleValue}});var MediaTypeSamples_1=require("./MediaTypeSamples");Object.defineProperty(exports,"MediaTypeSamples",{enumerable:!0,get:function(){return MediaTypeSamples_1.MediaTypeSamples}});var PayloadSamples_1=require("./PayloadSamples");Object.defineProperty(exports,"PayloadSamples",{enumerable:!0,get:function(){return PayloadSamples_1.PayloadSamples}}),__exportStar(require("./styled"),exports);
-//# sourceMappingURL=index.js.map
+import{PayloadSamples as r}from"./PayloadSamples.js";import{Example as m}from"./Example.js";import{ExampleValue as x}from"./ExampleValue.js";import{MediaTypeSamples as l}from"./MediaTypeSamples.js";export*from"./types.js";export*from"./styled.js";export{m as Example,x as ExampleValue,l as MediaTypeSamples,r as PayloadSamples};

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

@@ -1,4 +1,3 @@
-import { CodeBlock } from '@redocly/theme';
-export declare const SelectLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const SelectWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledCodeBlock: import("styled-components").StyledComponent<typeof CodeBlock, any, {}, never>;
+export declare const SelectLabel: any;
+export declare const SelectWrapper: any;
+export declare const StyledCodeBlock: any;

package/lib/components/PayloadSamples/styled.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.StyledCodeBlock=exports.SelectWrapper=exports.SelectLabel=void 0;const styled_components_1=__importDefault(require("styled-components")),theme_1=require("@redocly/theme");exports.SelectLabel=styled_components_1.default.span`
+import{CodeBlock as e}from"@redocly/theme";import{styled as o}from"../../styled-components.js";const a=o.span`
   font-size: 12px;
   position: absolute;
   z-index: 1;
@@ -8,9 +8,9 @@
   color: var(--panel-samples-text-color);
   opacity: 0.7;
   font-family: var(--font-family-base);
-`,exports.SelectWrapper=styled_components_1.default.div`
+`,i=o.div`
   position: relative;
-`,exports.StyledCodeBlock=(0,styled_components_1.default)(theme_1.CodeBlock)`
+`,p=o(e)`
   border: none;
   margin: 0;
 
@@ -18,5 +18,4 @@
     border-bottom: 0;
     padding-right: var(--spacing-sm);
   }
-`;
-//# sourceMappingURL=styled.js.map
+`;export{a as SelectLabel,i as SelectWrapper,p as StyledCodeBlock};

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

@@ -1,6 +1,6 @@
-import type { PanelType } from '../../events/types';
-import type { ExampleModel, MediaContentModel, MediaTypeModel } from '../../models';
-import type { OpenAPIEncoding } from '../../types';
+import type { PanelType } from '../../events/types.js';
+import type { ExampleModel, MediaContentModel, MediaTypeModel } from '../../models/index.js';
+import type { OpenAPIEncoding } from '../../types/index.js';
 export interface ExampleProps extends Pick<MediaTypeSamplesProps, 'onCopyClick' | 'onPanelToggle'> {
     example: ExampleModel;
     mimeType: string;

package/lib/components/PayloadSamples/types.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});
-//# sourceMappingURL=types.js.map

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

@@ -1,4 +1,4 @@
 import type { ReactElement } from 'react';
-import type { DescriptionEnumsProps } from './types';
+import type { DescriptionEnumsProps } from './types.js';
 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,10 +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.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`
+import{jsxs as n,jsx as e,Fragment as s}from"react/jsx-runtime";import{memo as a}from"react";import{Markdown as h}from"../Markdown/index.js";import{DescriptionEnumsBlock as u}from"./styled.js";import{ToggleButton as f}from"../common/index.js";import{styled as t}from"../../styled-components.js";const y=t.td`
   word-wrap: break-word;
   font-size: var(--md-table-font-size);
-`,DescriptionValueStyled=styled_components_1.default.td`
+`,g=t.td`
   & p,
   p:only-of-type {
     margin: 0;
   }
-`;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
+`;function x({enums:o,toggle:l,showToggleButton:p,toggleButtonText:c,type:d,translate:r}){return e(s,{children:e(u,{children:n("table",{className:"md",children:[e("thead",{children:n("tr",{children:[n("th",{style:{width:"30%"},children:[d==="array"?r("openapi.items","Items"):""," ",o.length===1?r("openapi.value","Value"):`${r("openapi.enum","Enum")} ${r("openapi.value","Value")}`]}),e("th",{children:r("openapi.description","Description")})]})}),e("tbody",{children:o.map(({description:m,value:i})=>n("tr",{children:[e(y,{children:i}),e(g,{children:e(h,{source:m})})]},i))}),p?e("tfoot",{children:e("tr",{children:e("td",{colSpan:2,children:e(f,{onClick:l,children:c})})})}):null]})})})}const V=a(x);export{V as DescriptionEnums,x as DescriptionEnumsComponent};

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

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

package/lib/components/PropertyDetails/EnumValues.js

@@ -1,2 +1 @@
-"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
+import{jsx as m,Fragment as c}from"react/jsx-runtime";import{useState as f,memo as d,useCallback as h,useMemo as x}from"react";import{useAtomValue as y}from"jotai";import{SimpleEnums as E}from"./SimpleEnums.js";import{DescriptionEnums as T}from"./DescriptionEnums.js";import{globalOptionsAtom as A}from"../../jotai/store.js";import{useTranslate as B}from"../../hooks/index.js";function C(o){return Array.isArray(o)&&o||Object.entries(o||{}).map(([r,e])=>({value:r,description:e}))}function V({values:o,type:r}){const e=B(),[s,g]=f(!0),{maxDisplayedEnumValues:t}=y(A),l=h(()=>{g(!s)},[s]),p=!Array.isArray(o),n=C(o),a=x(()=>s&&t?n.slice(0,t):n,[n,s,t]);if(!n.length)return null;const i=t?n.length>t:!1,u=t?s?`+${n.length-t} ${e("openapi.actions.more","more")}`:e("openapi.actions.hide","Hide"):"";return m(c,{children:p?m(T,{enums:a,toggle:l,showToggleButton:i,toggleButtonText:u,type:r,translate:e}):m(E,{enums:a,type:r,toggle:l,toggleButtonText:u,showToggleButton:i,translate:e})})}const S=d(V);export{S as EnumValues};

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

@@ -1,4 +1,4 @@
-import type { FieldModel } from '../../models';
+import type { FieldModel } from '../../models/index.js';
 export declare function Examples({ field }: {
     field: FieldModel;
 }): import("react/jsx-runtime").JSX.Element | null;

package/lib/components/PropertyDetails/Examples.js

@@ -1,2 +1 @@
-"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"),Markdown_1=require("../Markdown");function Examples({field:e}){const r=(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:[" ",r("openapi.examples","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.jsx)(Markdown_1.Markdown,{source:i}),(0,jsx_runtime_1.jsx)(common_1.ExampleValue,{children:getSerializedValue(e,s.value)})]},r)}))})]}):null}function getSerializedValue(e,r){return e.in?(0,utils_1.tryDecodeURIComponent)((0,utils_1.serializeParameterValue)(e,r)):r}
-//# sourceMappingURL=Examples.js.map
+import{jsxs as t,jsx as n,Fragment as i}from"react/jsx-runtime";import{ExampleValue as l,FieldLabel as p}from"../common/index.js";import{tryDecodeURIComponent as u,normalizeText as o,serializeParameterValue as c}from"../../utils/index.js";import{ExampleWrap as x,ExamplesList as d,ExampleSummary as f}from"./styled.js";import{useTranslate as h}from"../../hooks/index.js";import{Markdown as E}from"../Markdown/index.js";function b({field:e}){const r=h();return e.examples?t(i,{children:[t(p,{children:[" ",r("openapi.examples","Examples"),": "]}),n(d,{children:Object.entries(e.examples).map(([m,a])=>{const s=o(a.description);return t(x,{children:[t(f,{children:[o(a.summary)||m," "]}),s&&n(E,{source:s}),n(l,{children:j(e,a.value)})]},m)})})]}):null}function j(e,r){return e.in?u(c(e,r)):r}export{b as Examples,j as getSerializedValue};

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

@@ -1,2 +1,2 @@
-import type { ExtensionsProps } from './types';
+import type { ExtensionsProps } from './types.js';
 export declare const Extensions: import("react").NamedExoticComponent<ExtensionsProps>;

package/lib/components/PropertyDetails/Extensions.js

@@ -1,4 +1,3 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Extensions=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"),store_1=require("../../jotai/store"),Container=(0,styled_components_1.default)(theme_1.Markdown)`
+import{jsxs as t,jsx as n,Fragment as s}from"react/jsx-runtime";import{memo as i}from"react";import{useAtomValue as a}from"jotai";import{Markdown as e}from"@redocly/theme";import{ExtensionValue as p,FieldLabel as l}from"../common/index.js";import{globalOptionsAtom as f}from"../../jotai/store.js";import{styled as c}from"../../styled-components.js";const d=c(e)`
   margin: 2px 0;
-`;function ExtensionsComponent({extensions:e}){const{showExtensions:t}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom);return t?(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:Object.keys(e).map((t=>(0,jsx_runtime_1.jsxs)(Container,{children:[(0,jsx_runtime_1.jsxs)(common_1.FieldLabel,{children:[t.substring(2),": "]})," ",(0,jsx_runtime_1.jsx)(common_1.ExtensionValue,{children:"string"==typeof e[t]?e[t]:JSON.stringify(e[t])})]},t)))}):null}exports.Extensions=(0,react_1.memo)(ExtensionsComponent);
-//# sourceMappingURL=Extensions.js.map
+`;function g({extensions:r}){const{showExtensions:m}=a(f);return m?n(s,{children:Object.keys(r).map(o=>t(d,{children:[t(l,{children:[o.substring(2),": "]})," ",n(p,{children:typeof r[o]=="string"?r[o]:JSON.stringify(r[o])})]},o))}):null}const F=i(g);export{F as Extensions};

package/lib/components/PropertyDetails/FieldDetail.js

@@ -1,8 +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.FieldDetail=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),common_1=require("../common");function FieldDetailComponent({value:e,label:t,raw:r,type:i="other"}){if(void 0===e)return null;const n=r?String(e):JSON.stringify(e);return(0,jsx_runtime_1.jsxs)(Wrapper,{children:[(0,jsx_runtime_1.jsxs)(common_1.FieldLabel,{children:[" ",t," "]}),"default"===i?(0,jsx_runtime_1.jsx)(common_1.DefaultValue,{children:n}):"example"===i?(0,jsx_runtime_1.jsx)(common_1.ExpandableExample,{value:n}):(0,jsx_runtime_1.jsx)(common_1.FieldValueLabel,{children:n})]})}exports.FieldDetail=(0,react_1.memo)(FieldDetailComponent);const Wrapper=styled_components_1.default.div`
+import{jsxs as a,jsx as l}from"react/jsx-runtime";import{memo as s}from"react";import{FieldLabel as o,DefaultValue as p,FieldValueLabel as d,ExpandableExample as m}from"../common/index.js";import{styled as x}from"../../styled-components.js";function f({value:e,label:n,raw:t,type:r="other"}){if(e===void 0)return null;const i=t?String(e):JSON.stringify(e);return a(c,{children:[a(o,{children:[" ",n," "]}),r==="default"?l(p,{children:i}):r==="example"?l(m,{value:i}):l(d,{children:i})]})}const j=s(f),c=x.div`
   margin-top: var(--spacing-xxs);
   display: flex;
   align-items: baseline;
   gap: var(--spacing-xxs);
   flex-wrap: wrap;
-`;
-//# sourceMappingURL=FieldDetail.js.map
+`;export{j as FieldDetail};

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

@@ -1,2 +1,2 @@
-import type { FieldProps } from './types';
+import type { FieldProps } from './types.js';
 export declare const FieldDetails: import("react").NamedExoticComponent<FieldProps>;

package/lib/components/PropertyDetails/FieldDetails.js

@@ -1,18 +1,18 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FieldDetails=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"),common_1=require("../common"),ExternalDocumentation_1=require("../ExternalDocumentation"),Markdown_1=require("../Markdown"),FieldDetail_1=require("./FieldDetail"),Extensions_1=require("./Extensions"),EnumValues_1=require("./EnumValues"),Examples_1=require("./Examples"),store_1=require("../../jotai/store"),SchemaTypeInfo_1=require("./SchemaTypeInfo"),LinkToField_1=require("../common/LinkToField"),Pattern_1=require("./Pattern"),RenderHook_1=require("../RenderHook"),hooks_1=require("../../hooks");function FieldDetailsComponent({field:e,renderDiscriminatorSwitch:i,deepLink:t,fieldParentsName:r=[]}){var n;const a=(0,hooks_1.useTranslate)(),{hidePropertiesPrefix:o,hideSchemaTitles:s}=(0,jotai_1.useAtomValue)(store_1.globalOptionsAtom),{schema:l,description:m,example:p,deprecated:_,examples:c,kind:d,required:u,name:x}=e,j="header"===e.in,h=(0,react_1.useMemo)((()=>{if(void 0!==p||void 0!==c){if(void 0!==c)return(0,jsx_runtime_1.jsx)(Examples_1.Examples,{field:e});{const i=!!e.in;return(0,jsx_runtime_1.jsx)(FieldDetail_1.FieldDetail,{label:`${a("openapi.example","Example")}:`,value:(0,Examples_1.getSerializedValue)(e,e.example),raw:i})}}return null}),[p,c,e,a]),f=(0,RenderHook_1.getAccessModeLabelText)(e.schema);return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsxs)(Row,{children:[x&&(0,jsx_runtime_1.jsxs)(Name,{children:[t&&(0,jsx_runtime_1.jsx)(LinkToField_1.LinkToField,{to:t}),!o&&r.map((e=>e+".​")),(0,jsx_runtime_1.jsx)(SchemaName,{className:"schema-name",children:x})]}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:l.typePrefix+l.displayType}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:l.displayFormat&&`(${l.displayFormat})`}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:l.contentEncoding}),(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:l.title&&!s?`(${l.title})`:""}),null===(n=l.constraints)||void 0===n?void 0:n.map((e=>(0,jsx_runtime_1.jsx)(SchemaTypeInfo_1.SchemaTypeInfo,{type:e},e))),_&&(0,jsx_runtime_1.jsx)(common_1.StyledBadge,{deprecated:!0,children:a("openapi.badges.deprecated","Deprecated")}),(0,jsx_runtime_1.jsx)(Pattern_1.Pattern,{pattern:l.pattern}),"additionalProperties"===d&&(0,jsx_runtime_1.jsx)(common_1.Tag,{children:a("openapi.additionalProperties","additional property")}),"patternProperties"===d&&(0,jsx_runtime_1.jsx)(common_1.Tag,{children:a("openapi.patternProperties","pattern property")}),f&&(0,jsx_runtime_1.jsx)(common_1.AccessLabel,{children:f}),u&&(0,jsx_runtime_1.jsx)(common_1.RequiredLabel,{children:a("openapi.required","required")}),l.isCircular&&(0,jsx_runtime_1.jsx)(common_1.RecursiveLabel,{children:a("openapi.recursive","Recursive")})]}),l.isComplex&&(0,jsx_runtime_1.jsx)(common_1.RecursiveLabel,{children:a("openapi.complex","Complex")}),(0,jsx_runtime_1.jsx)(StyledDescription,{source:m}),(0,jsx_runtime_1.jsx)(FieldDetail_1.FieldDetail,{raw:j,type:"default",label:a("openapi.default","Default"),value:l.default}),(0,jsx_runtime_1.jsx)(EnumValues_1.EnumValues,{type:l.type,values:l["x-enumDescriptions"]||l.enum}),h,(0,jsx_runtime_1.jsx)(Extensions_1.Extensions,{extensions:Object.assign(Object.assign({},e.extensions),l.extensions)}),l.externalDocs&&(0,jsx_runtime_1.jsx)(ExternalDocumentation_1.ExternalDocumentation,{externalDocs:l.externalDocs,compact:!0}),null==i?void 0:i(),(0,jsx_runtime_1.jsx)(FieldDetail_1.FieldDetail,{label:a("openapi.value","Value"),value:e.const||void 0})]})}exports.FieldDetails=(0,react_1.memo)(FieldDetailsComponent);const Row=styled_components_1.default.div`
+import{jsx as e,jsxs as p,Fragment as E}from"react/jsx-runtime";import{memo as T,useMemo as k}from"react";import{useAtomValue as S}from"jotai";import{LinkIcon as L}from"@redocly/theme";import{RecursiveLabel as h,Tag as x,AccessLabel as j,RequiredLabel as q,StyledBadge as A}from"../common/index.js";import{ExternalDocumentation as C}from"../ExternalDocumentation/index.js";import{Markdown as M}from"../Markdown/index.js";import{FieldDetail as l}from"./FieldDetail.js";import{Extensions as R}from"./Extensions.js";import{EnumValues as V}from"./EnumValues.js";import{Examples as $,getSerializedValue as N}from"./Examples.js";import{globalOptionsAtom as _}from"../../jotai/store.js";import{SchemaTypeInfo as i}from"./SchemaTypeInfo.js";import{LinkToField as B}from"../common/LinkToField.js";import{Pattern as I}from"./Pattern.js";import{getAccessModeLabelText as O}from"../RenderHook/index.js";import{useTranslate as G}from"../../hooks/index.js";import{styled as n}from"../../styled-components.js";function H({field:t,renderDiscriminatorSwitch:v,deepLink:m,fieldParentsName:y=[]}){const a=G(),{hidePropertiesPrefix:g,hideSchemaTitles:b}=S(_),{schema:r,description:w,example:c,deprecated:D,examples:s,kind:d,required:F,name:f}=t,P=t.in==="header",z=k(()=>{if(c!==void 0||s!==void 0){if(s!==void 0)return e($,{field:t});{const o=!!t.in;return e(l,{label:`${a("openapi.example","Example")}:`,value:N(t,t.example),raw:o})}}else return null},[c,s,t,a]),u=O(t.schema);return p(E,{children:[p(J,{children:[f&&p(Q,{children:[m&&e(B,{to:m}),!g&&y.map(o=>o+".\u200B"),e(U,{className:"schema-name",children:f})]}),e(i,{type:r.typePrefix+r.displayType}),e(i,{type:r.displayFormat&&`(${r.displayFormat})`}),e(i,{type:r.contentEncoding}),e(i,{type:r.title&&!b?`(${r.title})`:""}),r.constraints?.map(o=>e(i,{type:o},o)),D&&e(A,{deprecated:!0,children:a("openapi.badges.deprecated","Deprecated")}),e(I,{pattern:r.pattern}),d==="additionalProperties"&&e(x,{children:a("openapi.additionalProperties","additional property")}),d==="patternProperties"&&e(x,{children:a("openapi.patternProperties","pattern property")}),u&&e(j,{children:u}),F&&e(q,{children:a("openapi.required","required")}),r.isCircular&&e(h,{children:a("openapi.recursive","Recursive")})]}),r.isComplex&&e(h,{children:a("openapi.complex","Complex")}),e(K,{source:w}),e(l,{raw:P,type:"default",label:a("openapi.default","Default"),value:r.default}),e(V,{type:r.type,values:r["x-enumDescriptions"]||r.enum}),z,e(R,{extensions:{...t.extensions,...r.extensions}}),r.externalDocs&&e(C,{externalDocs:r.externalDocs,compact:!0}),v?.(),e(l,{label:a("openapi.value","Value"),value:t.const||void 0})]})}const ue=T(H),J=n.div`
   display: flex;
   align-items: center;
   gap: calc(var(--spacing-xxs) / 4) var(--spacing-xxs);
   flex-wrap: wrap;
   margin-bottom: 2px;
   position: relative;
-`,StyledDescription=(0,styled_components_1.default)(Markdown_1.Markdown)`
+`,K=n(M)`
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
 
   article p:last-child {
     margin-bottom: 0;
   }
-`,Name=styled_components_1.default.span`
+`,Q=n.span`
   position: relative;
   font-family: var(--font-family-monospaced);
   line-height: var(--line-height-base);
@@ -24,17 +24,16 @@
   white-space: pre-wrap;
 
   :hover {
-    ${theme_1.LinkIcon} {
+    ${L} {
       opacity: 1;
       visibility: visible;
       background-color: var(--bg-color);
     }
   }
-`,SchemaName=styled_components_1.default.span`
+`,U=n.span`
   font-family: var(--font-family-monospaced);
   font-weight: var(--font-weight-semibold);
   font-size: var(--schemas-property-name-font-size);
   line-height: var(--schemas-property-name-line-height);
   color: var(--text-color-primary);
-`;
-//# sourceMappingURL=FieldDetails.js.map
+`;export{ue as FieldDetails};

package/lib/components/PropertyDetails/Pattern.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Pattern=Pattern;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),common_1=require("../common"),hooks_1=require("../../hooks"),MAX_PATTERN_LENGTH=45;function Pattern({pattern:e}){const t=(0,hooks_1.useTranslate)(),[r,n]=(0,react_1.useState)(!1);if(!e)return null;return(0,jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment,{children:[(0,jsx_runtime_1.jsx)(common_1.Tag,{children:r||e.length<MAX_PATTERN_LENGTH?e:`${e.slice(0,MAX_PATTERN_LENGTH)}...`}),e.length>MAX_PATTERN_LENGTH&&(0,jsx_runtime_1.jsx)(common_1.ToggleButton,{onClick:()=>{n(!r)},children:r?t("openapi.hidePattern","Hide pattern"):t("openapi.showPattern","Show pattern")})]})}
-//# sourceMappingURL=Pattern.js.map
+import{jsx as r,Fragment as i,jsxs as l}from"react/jsx-runtime";import{useState as c}from"react";import{Tag as h,ToggleButton as m}from"../common/index.js";import{useTranslate as g}from"../../hooks/index.js";const n=45;function T({pattern:t}){const o=g(),[e,s]=c(!1);if(!t)return null;const a=()=>{s(!e)};return l(i,{children:[r(h,{children:e||t.length<n?t:`${t.slice(0,n)}...`}),t.length>n&&r(m,{onClick:a,children:e?o("openapi.hidePattern","Hide pattern"):o("openapi.showPattern","Show pattern")})]})}export{T as Pattern};

package/lib/components/PropertyDetails/PlusCircleIcon.js

@@ -1,11 +1,10 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.CircleIcon=CircleIcon;const jsx_runtime_1=require("react/jsx-runtime"),styled_components_1=__importDefault(require("styled-components"));function CircleIcon({sign:e,className:r,color:o}){return(0,jsx_runtime_1.jsx)(StyledCircleIcon,{className:r,color:o,children:e})}const StyledCircleIcon=styled_components_1.default.span`
+import{jsx as c}from"react/jsx-runtime";import{styled as i}from"../../styled-components.js";function s({sign:r,className:o,color:e}){return c(l,{className:o,color:e,children:r})}const l=i.span`
   background-color: var(--bg-color);
   border-radius: 50%;
-  border: 1px solid ${({color:e})=>e||"var(--border-color-primary)"};
+  border: 1px solid ${({color:r})=>r||"var(--border-color-primary)"};
   font-size: var(--font-size-lg);
   line-height: var(--font-size-lg);
-  color: ${({color:e})=>e||"var(--text-color-secondary)"};
+  color: ${({color:r})=>r||"var(--text-color-secondary)"};
   width: 20px;
   height: 20px;
-`;
-//# sourceMappingURL=PlusCircleIcon.js.map
+`;export{s as CircleIcon};