@redocly/reference-docs 2.27.3 → 2.28.0

package/lib/components/Endpoint/Endpoint.d.ts

@@ -1,8 +1,3 @@
 import type { ReactElement } from 'react';
-import type { OperationModel } from '../../redoc-lib/src/services';
-export interface EndpointProps {
-    operation: OperationModel;
-    hideHostname?: boolean;
-    compact?: boolean;
-}
+import type { EndpointProps } from './types';
 export declare const Endpoint: ({ operation, hideHostname }: EndpointProps) => ReactElement;

package/lib/components/Endpoint/Endpoint.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Endpoint=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),OptionsProvider_1=require("../../redoc-lib/src/components/OptionsProvider"),StoreBuilder_1=require("../../redoc-lib/src/components/StoreBuilder"),ConsoleLazy_1=require("../console/ConsoleLazy"),Panel_1=require("../Panel"),store_types_1=require("../../services/store-types"),ServerList_1=require("./ServerList"),Summary_1=require("./Summary"),Endpoint=function(e){var t=e.operation,r=e.hideHostname,o=(0,react_1.useState)(!1),n=o[0],a=o[1],i=(0,react_1.useContext)(StoreBuilder_1.StoreContext),l=function(){var e,r;a(!n),null===(r=null===(e=null==i?void 0:i.options.events)||void 0===e?void 0:e.tryItOpen)||void 0===r||r.call(e,{eventType:store_types_1.AnalyticsEventType.TryItOpen,resource:"Redocly_OperationTryIt",action:(null==i?void 0:i.options.unstable_tryItButtonOverride)?"NavigatedOverrideLink":"Opened",operationId:t.operationId,operationPath:t.path,operationHttpVerb:t.httpVerb,operationSummary:t.description})};return react_1.default.createElement(react_1.default.Fragment,null,n?react_1.default.createElement(StoreBuilder_1.StoreConsumer,null,(function(e){return react_1.default.createElement(ConsoleLazy_1.Console,{store:e,operation:t,onClose:l})})):react_1.default.createElement(Panel_1.CodePanel,{header:function(e){var r=e.toggle,o=e.expanded,n=!!(null==i?void 0:i.options.showConsole)&&!t.hideTryItPanel;return react_1.default.createElement(Summary_1.Summary,{operation:t,expanded:o,toggle:r,showConsole:n,onToggleConsole:l,tryItOverride:null==i?void 0:i.options.unstable_tryItButtonOverride})},expanded:!1},react_1.default.createElement(OptionsProvider_1.OptionsConsumer,null,(function(e){return react_1.default.createElement(ServerList_1.ServerList,{operation:t,expandVariables:e.expandDefaultServerVariables,hideHostname:r||e.hideHostname})}))))};exports.Endpoint=Endpoint;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Endpoint=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),OptionsProvider_1=require("../../redoc-lib/src/components/OptionsProvider"),StoreBuilder_1=require("../../redoc-lib/src/components/StoreBuilder"),ConsoleLazy_1=require("../console/ConsoleLazy"),Panel_1=require("../Panel"),store_types_1=require("../../services/store-types"),ServerList_1=require("./ServerList"),Summary_1=require("./Summary"),Endpoint=function(e){var t=e.operation,r=e.hideHostname,o=(0,react_1.useState)(!1),n=o[0],i=o[1],a=(0,react_1.useContext)(OptionsProvider_1.OptionsContext),l=(0,react_1.useContext)(StoreBuilder_1.StoreContext),s=function(){var e,r;i(!n),null===(r=null===(e=null==l?void 0:l.options.events)||void 0===e?void 0:e.tryItOpen)||void 0===r||r.call(e,{eventType:store_types_1.AnalyticsEventType.TryItOpen,resource:"Redocly_OperationTryIt",action:(null==l?void 0:l.options.unstable_tryItButtonOverride)?"NavigatedOverrideLink":"Opened",operationId:t.operationId,operationPath:t.path,operationHttpVerb:t.httpVerb,operationSummary:t.description})};return react_1.default.createElement(react_1.default.Fragment,null,n&&l?react_1.default.createElement(ConsoleLazy_1.Console,{store:l,operation:t,onClose:s}):react_1.default.createElement(Panel_1.CodePanel,{header:function(e){var r=e.toggle,o=e.expanded,n=!!(null==l?void 0:l.options.showConsole)&&!t.hideTryItPanel;return react_1.default.createElement(Summary_1.Summary,{operation:t,expanded:o,toggle:r,showConsole:n,onToggleConsole:s,tryItOverride:null==l?void 0:l.options.unstable_tryItButtonOverride})},expanded:!1},react_1.default.createElement(ServerList_1.ServerList,{operation:t,expandVariables:a.expandDefaultServerVariables,hideHostname:r||a.hideHostname})))};exports.Endpoint=Endpoint;
 //# sourceMappingURL=Endpoint.js.map

package/lib/components/Endpoint/ServerList.d.ts

@@ -1,8 +1,3 @@
 import type { ReactElement } from 'react';
-import type { OperationModel } from '../../redoc-lib/src/services';
-export interface ServerListProps {
-    operation: OperationModel;
-    expandVariables: boolean;
-    hideHostname: boolean;
-}
+import type { ServerListProps } from './types';
 export declare const ServerList: ({ operation, expandVariables, hideHostname, }: ServerListProps) => ReactElement;

package/lib/components/Endpoint/ServerList.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerList=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),utils_1=require("../../redoc-lib/src/utils"),Markdown_1=require("../../redoc-lib/src/components/Markdown"),shared_1=require("../shared"),ServerItem_1=require("./ServerItem"),ServerUrl_1=require("./ServerUrl"),CopyLink_1=require("./CopyLink"),ServerList=function(e){var r=e.operation,t=e.expandVariables,a=e.hideHostname;return react_1.default.createElement(react_1.default.Fragment,null,r.servers.map((function(e){var l=t?(0,utils_1.expandDefaultServerVariables)(e.url,e.variables):e.url,i=(0,utils_1.getBasePath)(l),u=(a?"/"===i?"":i:l)+r.path;return react_1.default.createElement(ServerItem_1.ServerItem,{key:l},react_1.default.createElement(Markdown_1.Markdown,{source:e.description||"",compact:!0}),react_1.default.createElement(CopyLink_1.CopyLink,null,react_1.default.createElement(shared_1.SelectOnClick,null,react_1.default.createElement(ServerUrl_1.ServerUrl,null,u))))})))};exports.ServerList=ServerList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ServerList=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),utils_1=require("../../redoc-lib/src/utils"),Markdown_1=require("../../redoc-lib/src/components/Markdown"),CopyButtonWrapper_1=require("../../redoc-lib/src/common-elements/CopyButtonWrapper"),styled_1=require("./styled"),ServerList=function(e){var r=e.operation,t=e.expandVariables,a=e.hideHostname;return react_1.default.createElement(react_1.default.Fragment,null,r.servers.map((function(e){var l=t?(0,utils_1.expandDefaultServerVariables)(e.url,e.variables):e.url,n=(0,utils_1.getBasePath)(l),u=(a?"/"===n?"":n:l)+r.path;return react_1.default.createElement(react_1.Fragment,{key:l},react_1.default.createElement(CopyButtonWrapper_1.CopyButtonWrapper,{data:u},(function(r){var t=r.renderCopyButton;return react_1.default.createElement(styled_1.ServerItem,null,react_1.default.createElement(styled_1.DescriptionWrapper,null,react_1.default.createElement(Markdown_1.Markdown,{source:e.description||"",compact:!0}),t("left")),react_1.default.createElement(styled_1.ServerUrl,null,u))})))})))};exports.ServerList=ServerList;
 //# sourceMappingURL=ServerList.js.map

package/lib/components/Endpoint/Summary.d.ts

@@ -1,14 +1,3 @@
 import type { ReactElement } from 'react';
-import type { OperationModel } from '../../redoc-lib';
-import type { PanelHeaderProps } from '../Panel';
-export declare type EndpointSummaryProps = PanelHeaderProps & {
-    operation: OperationModel;
-    onToggleConsole: () => void;
-    showConsole: boolean;
-    tryItOverride?: {
-        link?: string;
-        label: string;
-        onClick?: () => void;
-    } | null;
-};
+import type { EndpointSummaryProps } from './types';
 export declare const Summary: ({ operation, expanded, toggle, onToggleConsole, tryItOverride, showConsole, }: EndpointSummaryProps) => ReactElement;

package/lib/components/Endpoint/Summary.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Summary=void 0;var templateObject_1,templateObject_2,tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),icons_1=require("../../redoc-lib/src/common-elements/icons"),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components")),Panel_1=require("../Panel"),shared_1=require("../shared"),Path_1=require("./Path"),TryItButton=(0,styled_components_1.default)(shared_1.Button)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  width: ",";\n"],["\n  width: ",";\n"])),(function(e){return e.theme.components.tryItButton.fullWidth?"100%":"auto"})),TryItHeader=(0,styled_components_1.default)(Panel_1.Header)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  ",";\n"],["\n  ",";\n"])),(function(e){return e.theme.components.tryItButton.fullWidth?"\n    flex-direction: column;\n    align-items: flex-start;":""})),Summary=function(e){var t=e.operation,r=e.expanded,l=e.toggle,n=e.onToggleConsole,a=e.tryItOverride,o=e.showConsole,i=(null==a?void 0:a.label)||"Try it",c=(null==a?void 0:a.link)?TryItButton.withComponent("a"):TryItButton;return react_1.default.createElement(TryItHeader,{onClick:l,isExpanded:r},react_1.default.createElement(Path_1.PathWrapper,null,react_1.default.createElement(shared_1.HttpVerb,{type:t.httpVerb},t.httpVerb),react_1.default.createElement(Path_1.Path,null,t.path),react_1.default.createElement(icons_1.ShelfIcon,{color:"#9AA5B1",direction:r?"down":"right"})),!t.isWebhook&&!t.isCallback&&o&&react_1.default.createElement(c,{color:"primary",onClick:a?function(e){var t;null===(t=null==a?void 0:a.onClick)||void 0===t||t.call(a),e.stopPropagation()}:n,"data-cy":"try-it",href:null==a?void 0:a.link},i)||null)};exports.Summary=Summary;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Summary=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),icons_1=require("../../redoc-lib/src/common-elements/icons"),shared_1=require("../shared"),styled_1=require("./styled"),Summary=function(e){var t=e.operation,r=e.expanded,l=e.toggle,a=e.onToggleConsole,o=e.tryItOverride,n=e.showConsole,i=(null==o?void 0:o.label)||"Try it",c=(null==o?void 0:o.link)?styled_1.TryItButton.withComponent("a"):styled_1.TryItButton;return react_1.default.createElement(styled_1.TryItHeader,{onClick:l,isExpanded:r},react_1.default.createElement(styled_1.PathWrapper,null,react_1.default.createElement(shared_1.HttpVerb,{type:t.httpVerb},t.httpVerb),react_1.default.createElement(styled_1.Path,null,t.path),react_1.default.createElement(icons_1.ShelfIcon,{color:"#9AA5B1",direction:r?"down":"right"})),!t.isWebhook&&!t.isCallback&&n&&react_1.default.createElement(c,{color:"primary",onClick:o?function(e){var t;null===(t=null==o?void 0:o.onClick)||void 0===t||t.call(o),e.stopPropagation()}:a,"data-cy":"try-it",href:null==o?void 0:o.link},i)||null)};exports.Summary=Summary;
 //# sourceMappingURL=Summary.js.map

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

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

package/lib/components/Endpoint/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=require("tslib");(0,tslib_1.__exportStar)(require("./Endpoint"),exports);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Endpoint=void 0;var tslib_1=require("tslib"),Endpoint_1=require("./Endpoint");Object.defineProperty(exports,"Endpoint",{enumerable:!0,get:function(){return Endpoint_1.Endpoint}}),(0,tslib_1.__exportStar)(require("./styled"),exports);
 //# sourceMappingURL=index.js.map

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

@@ -0,0 +1,13 @@
+export declare const DescriptionWrapper: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const Path: import("styled-components").StyledComponent<"span", import("../../services/extendTheme").ProTheme, {
+    variant?: "dark" | "light" | undefined;
+    wrap?: string | undefined;
+}, never>;
+export declare const PathWrapper: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const ServerItem: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const ServerUrl: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const TryItButton: import("styled-components").StyledComponent<"button", import("../../services/extendTheme").ProTheme, import("../shared").ButtonProps, never>;
+export declare const TryItHeader: import("styled-components").StyledComponent<"div", import("../../services/extendTheme").ProTheme, {
+    disabled?: boolean | undefined;
+    isExpanded?: boolean | undefined;
+}, never>;

package/lib/components/Endpoint/styled.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TryItHeader=exports.TryItButton=exports.ServerUrl=exports.ServerItem=exports.PathWrapper=exports.Path=exports.DescriptionWrapper=void 0;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,tslib_1=require("tslib"),styled_components_1=(0,tslib_1.__importStar)(require("../../redoc-lib/src/styled-components")),shared_1=require("../shared"),styled_1=require("../console/styled"),Panel_1=require("../Panel");exports.DescriptionWrapper=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 10px;\n"],["\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 10px;\n"]))),exports.Path=styled_components_1.default.span(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  margin: 0 4px;\n  color: ",";\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: ",";\n  overflow-wrap: ",";\n  display: inline-block;\n  max-height: 90px;\n  word-break: break-all;\n"],["\n  margin: 0 4px;\n  color: ",";\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: ",";\n  overflow-wrap: ",";\n  display: inline-block;\n  max-height: 90px;\n  word-break: break-all;\n"])),(function(e){return e.theme.colors.text.light}),(function(e){return e.wrap?"normal":"nowrap"}),(function(e){return e.wrap?"anywhere":"normal"})),exports.PathWrapper=styled_components_1.default.div(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  display: inline-flex;\n  align-items: center;\n  overflow-x: hidden;\n  padding-right: 4px;\n"],["\n  display: inline-flex;\n  align-items: center;\n  overflow-x: hidden;\n  padding-right: 4px;\n"]))),exports.ServerItem=styled_components_1.default.div(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  padding: 10px 0;\n"],["\n  padding: 10px 0;\n"]))),exports.ServerUrl=styled_components_1.default.div(templateObject_5||(templateObject_5=(0,tslib_1.__makeTemplateObject)(["\n  ",";\n  border-radius: ",";\n  padding: 7px 12px;\n  overflow-wrap: break-word;\n"],["\n  ",";\n  border-radius: ",";\n  padding: 7px 12px;\n  overflow-wrap: break-word;\n"])),styled_1.invertedInputStyles,(function(e){return e.theme.shape.borderRadius})),exports.TryItButton=(0,styled_components_1.default)(shared_1.Button)(templateObject_6||(templateObject_6=(0,tslib_1.__makeTemplateObject)(["\n  width: ",";\n"],["\n  width: ",";\n"])),(function(e){return e.theme.components.tryItButton.fullWidth?"100%":"auto"})),exports.TryItHeader=(0,styled_components_1.default)(Panel_1.Header)(templateObject_8||(templateObject_8=(0,tslib_1.__makeTemplateObject)(["\n  ",";\n"],["\n  ",";\n"])),(function(e){return e.theme.components.tryItButton.fullWidth?(0,styled_components_1.css)(templateObject_7||(templateObject_7=(0,tslib_1.__makeTemplateObject)(["\n          flex-direction: column;\n          align-items: flex-start;\n        "],["\n          flex-direction: column;\n          align-items: flex-start;\n        "]))):""}));
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,22 @@
+import type { OperationModel } from '../../redoc-lib';
+import type { PanelHeaderProps } from '../Panel';
+export interface EndpointProps {
+    operation: OperationModel;
+    hideHostname?: boolean;
+    compact?: boolean;
+}
+export interface ServerListProps {
+    operation: OperationModel;
+    expandVariables: boolean;
+    hideHostname: boolean;
+}
+export declare type EndpointSummaryProps = PanelHeaderProps & {
+    operation: OperationModel;
+    onToggleConsole: () => void;
+    showConsole: boolean;
+    tryItOverride?: {
+        link?: string;
+        label: string;
+        onClick?: () => void;
+    } | null;
+};

package/lib/components/Endpoint/types.js

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

package/lib/components/OperationParameters/OperationParameters.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationParameters=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),utils_1=require("../../utils"),form_1=require("../common/form"),TextField_1=require("../common/TextField"),ParameterDropdown_1=require("../console/ParameterDropdown"),types_1=require("./types"),utils_2=require("./utils"),PARAM_PLACES=["path","query","cookie","header"];function FormControlWrapper(e){var r=e.id,t=e.param,a=e.values,l=(0,react_1.useMemo)((function(){return(0,utils_2.createValidator)(t)}),[t]),n=Array.isArray(t.schema.enum)&&t.schema.enum.length?t.schema.enum:void 0,i=(0,utils_2.getInitialValue)(t.schema),o=r.split(".").map((function(e){return(0,utils_1.unescapeFormId)(e)}));return n?react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(ParameterDropdown_1.ParameterEnumDropdown,{initValue:i,paramEnum:n,field:r})):react_1.default.createElement(TextField_1.FormTextField,{fullWidth:!0,"data-cy":"parameter-input",id:r,field:r,placeholder:(0,utils_2.placeholder)(t),validate:l,initialValue:i||(0,utils_1.get)(a,o),validateOnBlur:!0,validateOnChange:!0})}function OperationParameters(e){var r=e.values,t=e.operation,a=(0,react_1.useMemo)((function(){return(0,utils_2.orderParams)(t.parameters||[])}),[t]),l=function(e,t,a){var n,i=a?(0,utils_1.dottedString)(a,e.name):e.name,o=(0,utils_2.isNotSupported)(e.schema);if(o&&console.warn('Unsupported parameter definition: "'+o+'"'),e.schema.type===types_1.SchemaType.OBJECT)return null===(n=e.schema.fields)||void 0===n?void 0:n.map((function(e){return l(e,t,i)}));var u=a?[t,a]:[e.in],m=utils_1.dottedString.apply(void 0,(0,tslib_1.__spreadArray)((0,tslib_1.__spreadArray)([],u,!1),[(0,utils_1.escapeFormId)(e.name)],!1));return react_1.default.createElement(form_1.FormControl,{key:m},react_1.default.createElement(form_1.FormLabel,{required:e.required},i,":"),o?react_1.default.createElement(form_1.FormWarning,null,"Unsupported field schema definition"):react_1.default.createElement(FormControlWrapper,{id:m,param:e,values:r}))};return react_1.default.createElement(form_1.Table,null,PARAM_PLACES.map((function(e){var r=a[e];return r&&r.length?react_1.default.createElement(react_1.Fragment,{key:e},react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.GroupLabel,null," # ",e," parameters "),react_1.default.createElement("span",null," ")),r.map((function(r){return l(r,e)}))):null})))}exports.OperationParameters=OperationParameters;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OperationParameters=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),utils_1=require("../../utils"),form_1=require("../common/form"),TextField_1=require("../common/TextField"),ParameterDropdown_1=require("../console/ParameterDropdown"),ParameterArray_1=require("../console/ParameterArray"),types_1=require("./types"),utils_2=require("./utils"),PARAM_PLACES=["path","query","cookie","header"];function FormControlWrapper(e){var r=e.id,t=e.param,a=e.values,l=(0,react_1.useMemo)((function(){return(0,utils_2.createValidator)(t)}),[t]),n=Array.isArray(t.schema.enum)&&t.schema.enum.length?t.schema.enum:void 0,i=(0,utils_2.getInitialValue)(t.schema),o=r.split(".").map((function(e){return(0,utils_1.unescapeFormId)(e)}));return n?react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(ParameterDropdown_1.ParameterEnumDropdown,{initValue:i,paramEnum:n,field:r})):react_1.default.createElement(TextField_1.FormTextField,{fullWidth:!0,"data-cy":"parameter-input",id:r,field:r,placeholder:(0,utils_2.placeholder)(t),validate:l,initialValue:i||(0,utils_1.get)(a,o),validateOnBlur:!0,validateOnChange:!0})}function OperationParameters(e){var r=e.values,t=e.operation,a=(0,react_1.useMemo)((function(){return(0,utils_2.orderParams)(t.parameters||[])}),[t]),l=function(e,t,a,n){var i,o=a?(0,utils_1.dottedString)(a,e.name):e.name,u=(0,utils_2.isNotSupported)(e.schema),m=a?[t,a]:[e.in],c=utils_1.dottedString.apply(void 0,(0,tslib_1.__spreadArray)((0,tslib_1.__spreadArray)([],m,!1),[(0,utils_1.escapeFormId)(e.name)],!1));return u&&console.warn('Unsupported parameter definition: "'+u+'"'),e.schema.type===types_1.SchemaType.ARRAY?react_1.default.createElement(ParameterArray_1.ParameterArray,{key:c,name:o,param:e,place:t,renderParameter:l}):e.schema.type===types_1.SchemaType.OBJECT?null===(i=e.schema.fields)||void 0===i?void 0:i.map((function(e){return l(e,t,o)})):react_1.default.createElement(form_1.FormControl,{key:c},react_1.default.createElement(form_1.FormLabel,{required:e.required},n||o,":"),u?react_1.default.createElement(form_1.FormWarning,null,"Unsupported field schema definition"):react_1.default.createElement(FormControlWrapper,{id:c,param:e,values:r}))};return react_1.default.createElement(form_1.Table,null,PARAM_PLACES.map((function(e){var r=a[e];return r&&r.length?react_1.default.createElement(react_1.Fragment,{key:e},react_1.default.createElement(form_1.FormControl,null,react_1.default.createElement(form_1.GroupLabel,null," # ",e," parameters "),react_1.default.createElement("span",null," ")),r.map((function(r){return l(r,e)}))):null})))}exports.OperationParameters=OperationParameters;
 //# sourceMappingURL=OperationParameters.js.map

package/lib/components/OperationParameters/utils.d.ts

@@ -4,4 +4,4 @@ export declare function placeholder({ schema, example }: Pick<FieldModel, 'schem
 export declare function orderParams(params: FieldModel[]): Record<string, FieldModel[]>;
 export declare function createValidator({ schema, required, }: Pick<FieldModel, 'schema' | 'required'>): BaseFieldProps['validate'];
 export declare function getInitialValue(schema: SchemaModel): OpenAPISchema['default'] | OpenAPISchema['example'];
-export declare function isNotSupported({ oneOfType, type, items, }: Pick<SchemaModel, 'oneOfType' | 'type' | 'items'>): string | false;
+export declare function isNotSupported({ oneOfType, }: Pick<SchemaModel, 'oneOfType' | 'type' | 'items'>): string | false;

package/lib/components/OperationParameters/utils.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.isNotSupported=exports.getInitialValue=exports.createValidator=exports.orderParams=exports.placeholder=void 0;var redoc_lib_1=require("../../redoc-lib"),types_1=require("./types");function placeholder(e){var r=e.schema,a=e.example;return"("+r.type+")"+(a?" "+a:"")}function orderParams(e){var r={};return e.forEach((function(e){e.in&&(r[e.in]||(r[e.in]=[]),r[e.in].push(e))})),r}function createValidator(e){var r=e.schema,a=e.required;return function(e){if(a&&!e)return"Field is required";if(a&&r.type===types_1.SchemaType.ARRAY&&Array.isArray(e)){if(e.length>(r.rawSchema&&r.rawSchema.maxItems||1/0))return"Too many items selected, maximum "+r.rawSchema.maxItems;if(e.length<(r.rawSchema&&r.rawSchema.minItems||0)){var t=r.rawSchema.minItems;return"You should select at least "+(1===t?t+" item":t+" items")}}}}function getInitialValue(e){if(e.type===types_1.SchemaType.ARRAY){var r=e.default||e.example;if(!r&&"boolean"!=typeof e.rawSchema.items&&Array.isArray(e.rawSchema.items)){if(e.rawSchema.items[0].default)return[e.rawSchema.items[0].default];if(e.rawSchema.items[0].example)return[e.rawSchema.items[0].example]}if(!r&&"boolean"!=typeof e.rawSchema.items&&!Array.isArray(e.rawSchema.items)&&(0,redoc_lib_1.isObject)(e.rawSchema.items)){if(e.rawSchema.items.default)return[e.rawSchema.items.default];if(e.rawSchema.items.example)return[e.rawSchema.items.example]}return r||[]}return(Number.isInteger(e.default)?e.default.toString():e.default)||e.example}function isNotSupported(e){var r=e.oneOfType,a=e.type,t=e.items;return r||a===types_1.SchemaType.ARRAY&&(null==t?void 0:t.type)===types_1.SchemaType.OBJECT&&"Array of objects"}exports.placeholder=placeholder,exports.orderParams=orderParams,exports.createValidator=createValidator,exports.getInitialValue=getInitialValue,exports.isNotSupported=isNotSupported;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.isNotSupported=exports.getInitialValue=exports.createValidator=exports.orderParams=exports.placeholder=void 0;var redoc_lib_1=require("../../redoc-lib"),types_1=require("./types");function placeholder(e){var r=e.schema,a=e.example;return"("+r.type+")"+(a?" "+a:"")}function orderParams(e){var r={};return e.forEach((function(e){e.in&&(r[e.in]||(r[e.in]=[]),r[e.in].push(e))})),r}function createValidator(e){var r=e.schema,a=e.required;return function(e){if(a&&!e)return"Field is required";if(a&&r.type===types_1.SchemaType.ARRAY&&Array.isArray(e)){if(e.length>(r.rawSchema&&r.rawSchema.maxItems||1/0))return"Too many items selected, maximum "+r.rawSchema.maxItems;if(e.length<(r.rawSchema&&r.rawSchema.minItems||0)){var t=r.rawSchema.minItems;return"You should select at least "+(1===t?t+" item":t+" items")}}}}function getInitialValue(e){if(e.type===types_1.SchemaType.ARRAY){var r=e.default||e.example;if(!r&&"boolean"!=typeof e.rawSchema.items&&Array.isArray(e.rawSchema.items)){if(e.rawSchema.items[0].default)return[e.rawSchema.items[0].default];if(e.rawSchema.items[0].example)return[e.rawSchema.items[0].example]}if(!r&&"boolean"!=typeof e.rawSchema.items&&!Array.isArray(e.rawSchema.items)&&(0,redoc_lib_1.isObject)(e.rawSchema.items)){if(e.rawSchema.items.default)return[e.rawSchema.items.default];if(e.rawSchema.items.example)return[e.rawSchema.items.example]}return r||[]}return(Number.isInteger(e.default)?e.default.toString():e.default)||e.example}function isNotSupported(e){return e.oneOfType}exports.placeholder=placeholder,exports.orderParams=orderParams,exports.createValidator=createValidator,exports.getInitialValue=getInitialValue,exports.isNotSupported=isNotSupported;
 //# sourceMappingURL=utils.js.map

package/lib/components/console/ActionPanel.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ActionPanel=exports.ActionPanelComponent=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),Panel_1=require("../Panel"),Path_1=require("../Endpoint/Path"),shared_1=require("../shared"),utils_1=require("./utils");function formatPath(e,t,n){var r=t.path||{},a=t.query||{},o=Object.keys(a),i=(0,utils_1.expandVariables)(e,r);return o.length&&(i+="?"+o.map((function(e){if(!a[e])return"";var t=function(e){return n.find((function(t){return t.name===e&&"query"===t.in}))}(e);return t?(0,redoc_lib_1.serializeParameterValue)(t,a[e]):e+"="+encodeURIComponent(a[e])})).filter(Boolean).join("&")),i}var ActionPanelComponent=function(e){var t=e.loading,n=e.operation,r=e.hasResponse,a=e.execute,o=e.params,i=void 0===o?{}:o;return React.createElement(TryItHeader,null,React.createElement(Path_1.PathWrapper,null,React.createElement(shared_1.HttpVerb,{type:n.httpVerb},n.httpVerb),React.createElement(Path_1.Path,{wrap:"true"},formatPath(n.path,i,n.parameters))),React.createElement(SendButton,{"data-cy":"send-button",color:"primary",blinking:t,onClick:function(){return!t&&a()}},t?"Sending...":r?"Resend":"Send"))};exports.ActionPanelComponent=ActionPanelComponent;var templateObject_1,templateObject_2,SendButton=(0,redoc_lib_1.styled)(shared_1.Button)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  width: ",";\n"],["\n  width: ",";\n"])),(function(e){return e.theme.components.tryItSendButton.fullWidth?"100%":"auto"})),TryItHeader=(0,redoc_lib_1.styled)(Panel_1.CodeHeader)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  ",";\n"],["\n  ",";\n"])),(function(e){return e.theme.components.tryItSendButton.fullWidth?"\n    flex-direction: column;\n    align-items: flex-start;":""}));exports.ActionPanel=React.memo(exports.ActionPanelComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ActionPanel=exports.ActionPanelComponent=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),Panel_1=require("../Panel"),Endpoint_1=require("../Endpoint"),shared_1=require("../shared"),utils_1=require("./utils");function formatPath(e,t,n){var r=t.path||{},a=t.query||{},o=Object.keys(a),i=(0,utils_1.expandVariables)(e,r);return o.length&&(i+="?"+o.map((function(e){if(!a[e])return"";var t=function(e){return n.find((function(t){return t.name===e&&"query"===t.in}))}(e);return t?(0,redoc_lib_1.serializeParameterValue)(t,a[e]):e+"="+encodeURIComponent(a[e])})).filter(Boolean).join("&")),i}var ActionPanelComponent=function(e){var t=e.loading,n=e.operation,r=e.hasResponse,a=e.execute,o=e.params,i=void 0===o?{}:o;return React.createElement(TryItHeader,null,React.createElement(Endpoint_1.PathWrapper,null,React.createElement(shared_1.HttpVerb,{type:n.httpVerb},n.httpVerb),React.createElement(Endpoint_1.Path,{wrap:"true"},formatPath(n.path,i,n.parameters))),React.createElement(SendButton,{"data-cy":"send-button",color:"primary",blinking:t,onClick:function(){return!t&&a()}},t?"Sending...":r?"Resend":"Send"))};exports.ActionPanelComponent=ActionPanelComponent;var templateObject_1,templateObject_2,SendButton=(0,redoc_lib_1.styled)(shared_1.Button)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  width: ",";\n"],["\n  width: ",";\n"])),(function(e){return e.theme.components.tryItSendButton.fullWidth?"100%":"auto"})),TryItHeader=(0,redoc_lib_1.styled)(Panel_1.CodeHeader)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  ",";\n"],["\n  ",";\n"])),(function(e){return e.theme.components.tryItSendButton.fullWidth?"\n    flex-direction: column;\n    align-items: flex-start;":""}));exports.ActionPanel=React.memo(exports.ActionPanelComponent);
 //# sourceMappingURL=ActionPanel.js.map

package/lib/components/console/ParameterArray.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { FieldModel } from '../../redoc-lib';
+interface ParameterArrayProps {
+    name: string;
+    param: FieldModel;
+    place: string;
+    renderParameter: any;
+}
+export declare const ParameterArray: ({ name, param, place, renderParameter, }: ParameterArrayProps) => JSX.Element;
+export {};

package/lib/components/console/ParameterArray.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ParameterArray=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("styled-components")),form_1=require("../common/form"),ParameterArray=function(e){var t,n,r,a,o,l=e.name,i=e.param,c=e.place,s=e.renderParameter,m=React.useState([]),d=m[0],p=m[1],u=(null===(t=i.schema.items)||void 0===t?void 0:t.fields)?null===(n=i.schema.items)||void 0===n?void 0:n.fields:[{schema:(null===(r=i.schema.items)||void 0===r?void 0:r.schema)||i.schema.items,name:"",required:i.required,description:null===(a=i.schema.items)||void 0===a?void 0:a.description,externalDocs:null===(o=i.schema.items)||void 0===o?void 0:o.externalDocs,deprecated:!1,toggle:function(){return null},expanded:!1}];return React.createElement(React.Fragment,null,React.createElement(Row,null,React.createElement(form_1.FormLabel,{required:i.required},l,"(",d.length," items)"),React.createElement("span",{onClick:function(){p((0,tslib_1.__spreadArray)((0,tslib_1.__spreadArray)([],d,!0),[d.length?d[d.length-1]+1:0],!1))}},"Add item +")),null==d?void 0:d.map((function(e,t){return React.createElement(Row,{key:e},React.createElement(Delete,{onClick:function(){return t=e,void p(d.filter((function(e){return e!==t})));var t}},"delete"),u.map((function(n){return s(n,c,l+".["+e+"]","["+t+"]"+(n.name&&"."+n.name))})))})))};exports.ParameterArray=ParameterArray;var templateObject_1,templateObject_2,Row=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  margin-bottom: 10px;\n  label {\n    padding-bottom: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    line-height: 1.5;\n  }\n  span {\n    cursor: pointer;\n    margin-left: auto;\n    color: ",";\n    &:hover {\n      color: #fff;\n    }\n  }\n"],["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  margin-bottom: 10px;\n  label {\n    padding-bottom: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    line-height: 1.5;\n  }\n  span {\n    cursor: pointer;\n    margin-left: auto;\n    color: ",";\n    &:hover {\n      color: #fff;\n    }\n  }\n"])),(function(e){return e.theme.colors.text.secondary})),Delete=styled_components_1.default.span(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  position: relative;\n"],["\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  position: relative;\n"])));
+//# sourceMappingURL=ParameterArray.js.map

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

@@ -1,6 +1,5 @@
 export * from './CopyButton';
 export * from './HttpVerb';
 export * from './Button';
-export * from './SelectOnClick';
 export * from './NoSampleLabel';
 export * from './MimeLabel';

package/lib/components/shared/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=require("tslib");(0,tslib_1.__exportStar)(require("./CopyButton"),exports),(0,tslib_1.__exportStar)(require("./HttpVerb"),exports),(0,tslib_1.__exportStar)(require("./Button"),exports),(0,tslib_1.__exportStar)(require("./SelectOnClick"),exports),(0,tslib_1.__exportStar)(require("./NoSampleLabel"),exports),(0,tslib_1.__exportStar)(require("./MimeLabel"),exports);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=require("tslib");(0,tslib_1.__exportStar)(require("./CopyButton"),exports),(0,tslib_1.__exportStar)(require("./HttpVerb"),exports),(0,tslib_1.__exportStar)(require("./Button"),exports),(0,tslib_1.__exportStar)(require("./NoSampleLabel"),exports),(0,tslib_1.__exportStar)(require("./MimeLabel"),exports);
 //# sourceMappingURL=index.js.map

package/lib/redoc-lib/src/common-elements/CopyButtonWrapper.d.ts

@@ -1,8 +1,9 @@
 import * as React from 'react';
+import type { TooltipProps } from './Tooltip';
 export interface CopyButtonWrapperProps {
     data: unknown;
     children: (props: {
-        renderCopyButton: () => JSX.Element;
+        renderCopyButton: (placement?: TooltipProps['placement']) => JSX.Element;
     }) => JSX.Element;
 }
 export declare class CopyButtonWrapper extends React.PureComponent<CopyButtonWrapperProps, {
@@ -11,6 +12,6 @@ export declare class CopyButtonWrapper extends React.PureComponent<CopyButtonWra
     constructor(props: CopyButtonWrapperProps);
     render(): JSX.Element;
     copy: () => void;
-    renderCopyButton: () => JSX.Element;
+    renderCopyButton: (placement?: TooltipProps['placement']) => JSX.Element;
     showTooltip(): void;
 }

package/lib/redoc-lib/src/common-elements/CopyButtonWrapper.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CopyButtonWrapper=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),ClipboardService_1=require("../services/ClipboardService"),samples_1=require("./samples"),Tooltip_1=require("./Tooltip"),CopyButtonWrapper=function(e){function t(t){var r=e.call(this,t)||this;return Object.defineProperty(r,"copy",{enumerable:!0,configurable:!0,writable:!0,value:function(){var e="string"==typeof r.props.data?r.props.data:JSON.stringify(r.props.data,(function(e,t){return void 0===t?null:t}),2);ClipboardService_1.ClipboardService.copyCustom(e),r.showTooltip()}}),Object.defineProperty(r,"renderCopyButton",{enumerable:!0,configurable:!0,writable:!0,value:function(){return React.createElement(Tooltip_1.Tooltip,{variant:"light",placement:"top",tip:ClipboardService_1.ClipboardService.isSupported()?"Copied":"Not supported in your browser",open:r.state.tooltipShown},React.createElement(samples_1.SamplesControlButton,{onClick:r.copy},"Copy"))}}),r.state={tooltipShown:!1},r}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){return this.props.children({renderCopyButton:this.renderCopyButton})}}),Object.defineProperty(t.prototype,"showTooltip",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;this.setState({tooltipShown:!0}),setTimeout((function(){e.setState({tooltipShown:!1})}),1500)}}),t}(React.PureComponent);exports.CopyButtonWrapper=CopyButtonWrapper;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CopyButtonWrapper=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),ClipboardService_1=require("../services/ClipboardService"),samples_1=require("./samples"),Tooltip_1=require("./Tooltip"),CopyButtonWrapper=function(e){function t(t){var r=e.call(this,t)||this;return Object.defineProperty(r,"copy",{enumerable:!0,configurable:!0,writable:!0,value:function(){var e="string"==typeof r.props.data?r.props.data:JSON.stringify(r.props.data,(function(e,t){return void 0===t?null:t}),2);ClipboardService_1.ClipboardService.copyCustom(e),r.showTooltip()}}),Object.defineProperty(r,"renderCopyButton",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return void 0===e&&(e="top"),React.createElement(Tooltip_1.Tooltip,{variant:"light",placement:e,tip:ClipboardService_1.ClipboardService.isSupported()?"Copied":"Not supported in your browser",open:r.state.tooltipShown},React.createElement(samples_1.SamplesControlButton,{onClick:r.copy},"Copy"))}}),r.state={tooltipShown:!1},r}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){return this.props.children({renderCopyButton:this.renderCopyButton})}}),Object.defineProperty(t.prototype,"showTooltip",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;this.setState({tooltipShown:!0}),setTimeout((function(){e.setState({tooltipShown:!1})}),1500)}}),t}(React.PureComponent);exports.CopyButtonWrapper=CopyButtonWrapper;
 //# sourceMappingURL=CopyButtonWrapper.js.map

package/lib/redoc-lib/src/components/CallbackSamples/CallbackReqSamples.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PayloadSampleWrapper=exports.CallbackPayloadSample=void 0;var templateObject_1,tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("../../styled-components")),PayloadSamples_1=require("../PayloadSamples/PayloadSamples"),CallbackPayloadSample=function(e){function a(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(a,e),Object.defineProperty(a.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.callback.payload;return e?React.createElement(exports.PayloadSampleWrapper,null,React.createElement(PayloadSamples_1.PayloadSamples,{content:e.requestBodyContent})):null}}),a}(React.Component);exports.CallbackPayloadSample=CallbackPayloadSample,exports.PayloadSampleWrapper=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-top: 15px;\n"],["\n  margin-top: 15px;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PayloadSampleWrapper=exports.CallbackPayloadSample=void 0;var templateObject_1,tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("../../styled-components")),PayloadSamples_1=require("../PayloadSamples"),CallbackPayloadSample=function(e){function a(){return null!==e&&e.apply(this,arguments)||this}return(0,tslib_1.__extends)(a,e),Object.defineProperty(a.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.callback.payload;return e?React.createElement(exports.PayloadSampleWrapper,null,React.createElement(PayloadSamples_1.PayloadSamples,{content:e.requestBodyContent})):null}}),a}(React.Component);exports.CallbackPayloadSample=CallbackPayloadSample,exports.PayloadSampleWrapper=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  margin-top: 15px;\n"],["\n  margin-top: 15px;\n"])));
 //# sourceMappingURL=CallbackReqSamples.js.map

package/lib/redoc-lib/src/components/CallbackSamples/CallbackSamples.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SamplesWrapper=exports.CallbackSamples=void 0;var templateObject_1,tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),Panel_1=require("../../../../components/Panel"),shared_1=require("../../../../components/shared"),styled_components_1=(0,tslib_1.__importStar)(require("../../styled-components")),OptionsProvider_1=require("../OptionsProvider"),GenericChildrenSwitcher_1=require("../GenericChildrenSwitcher/GenericChildrenSwitcher"),DropdownOrLabel_1=require("../DropdownOrLabel/DropdownOrLabel"),Dropdown_1=require("../../../../components/common/Dropdown"),__1=require("../../.."),CallbackReqSamples_1=require("./CallbackReqSamples"),CallbackSamples=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"renderDropdown",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return React.createElement(__1.DropdownWrapper,null,React.createElement(DropdownOrLabel_1.DropdownOrLabel,(0,tslib_1.__assign)({Label:shared_1.MimeLabel,Dropdown:Dropdown_1.Dropdown,fullWidth:!0,variant:"dark"},e)))}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.props.callbacks;if(!r||0===r.length)return null;var n=r.map((function(e){return e.operations.map((function(e){return e}))})).reduce((function(e,r){return e.concat(r)}),[]);if(!n.some((function(e){return e.hasSamples})))return null;var t=n.map((function(e,r){return{value:e.httpVerb.toUpperCase()+": "+e.name,idx:r}}));return React.createElement(Panel_1.CodePanel,{header:"Callback payload samples"},React.createElement(GenericChildrenSwitcher_1.GenericChildrenSwitcher,{items:n,renderDropdown:this.renderDropdown,options:t},(function(r){return React.createElement(CallbackReqSamples_1.CallbackPayloadSample,{key:"callbackPayloadSample",callback:r,renderDropdown:e.renderDropdown})})))}}),Object.defineProperty(r,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsProvider_1.OptionsContext}),r=(0,tslib_1.__decorate)([mobx_react_1.observer],r)}(React.Component);exports.CallbackSamples=CallbackSamples,exports.SamplesWrapper=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  ","\n  padding: ","px;\n"],["\n  ","\n  padding: ","px;\n"])),(function(e){var r=e.theme;return(0,styled_components_1.mediaCSS)({background:r.codeBlock.backgroundColor})}),(function(e){return 4*e.theme.spacing.unit}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SamplesWrapper=exports.CallbackSamples=void 0;var templateObject_1,tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),Panel_1=require("../../../../components/Panel"),shared_1=require("../../../../components/shared"),styled_components_1=(0,tslib_1.__importStar)(require("../../styled-components")),OptionsProvider_1=require("../OptionsProvider"),GenericChildrenSwitcher_1=require("../GenericChildrenSwitcher/GenericChildrenSwitcher"),DropdownOrLabel_1=require("../DropdownOrLabel/DropdownOrLabel"),Dropdown_1=require("../../../../components/common/Dropdown"),components_1=require("../../components"),CallbackReqSamples_1=require("./CallbackReqSamples"),CallbackSamples=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"renderDropdown",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return React.createElement(components_1.DropdownWrapper,null,React.createElement(DropdownOrLabel_1.DropdownOrLabel,(0,tslib_1.__assign)({Label:shared_1.MimeLabel,Dropdown:Dropdown_1.Dropdown,fullWidth:!0,variant:"dark"},e)))}}),r}return(0,tslib_1.__extends)(r,e),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.props.callbacks;if(!r||0===r.length)return null;var n=r.map((function(e){return e.operations.map((function(e){return e}))})).reduce((function(e,r){return e.concat(r)}),[]);if(!n.some((function(e){return e.hasSamples})))return null;var t=n.map((function(e,r){return{value:e.httpVerb.toUpperCase()+": "+e.name,idx:r}}));return React.createElement(Panel_1.CodePanel,{header:"Callback payload samples"},React.createElement(GenericChildrenSwitcher_1.GenericChildrenSwitcher,{items:n,renderDropdown:this.renderDropdown,options:t},(function(r){return React.createElement(CallbackReqSamples_1.CallbackPayloadSample,{key:"callbackPayloadSample",callback:r,renderDropdown:e.renderDropdown})})))}}),Object.defineProperty(r,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsProvider_1.OptionsContext}),r=(0,tslib_1.__decorate)([mobx_react_1.observer],r)}(React.Component);exports.CallbackSamples=CallbackSamples,exports.SamplesWrapper=styled_components_1.default.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  ","\n  padding: ","px;\n"],["\n  ","\n  padding: ","px;\n"])),(function(e){var r=e.theme;return(0,styled_components_1.mediaCSS)({background:r.codeBlock.backgroundColor})}),(function(e){return 4*e.theme.spacing.unit}));
 //# sourceMappingURL=CallbackSamples.js.map

package/lib/redoc-lib/src/components/GenericChildrenSwitcher/GenericChildrenSwitcher.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.GenericChildrenSwitcher=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),styled_elements_1=require("../PayloadSamples/styled.elements"),GenericChildrenSwitcher=function(e){function t(t){var r=e.call(this,t)||this;return Object.defineProperty(r,"switchItem",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=e.idx;r.props.items&&t&&r.setState({activeItemIdx:t})}}),r.state={activeItemIdx:0},r}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.items,r=e.options,n=e.renderDropdown,i=e.label,l=e.children;if(!t||!t.length)return null;return React.createElement(React.Fragment,null,React.createElement((function(e){var t=e.children;return i?React.createElement(styled_elements_1.DropdownWrapper,null,React.createElement(styled_elements_1.DropdownLabel,null,i),t):t}),null,n({value:r[this.state.activeItemIdx].value,options:r,onChange:this.switchItem,ariaLabel:i||"Callback"})),l(t[this.state.activeItemIdx]))}}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(React.Component);exports.GenericChildrenSwitcher=GenericChildrenSwitcher;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.GenericChildrenSwitcher=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),PayloadSamples_1=require("../PayloadSamples"),GenericChildrenSwitcher=function(e){function t(t){var r=e.call(this,t)||this;return Object.defineProperty(r,"switchItem",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=e.idx;r.props.items&&t&&r.setState({activeItemIdx:t})}}),r.state={activeItemIdx:0},r}return(0,tslib_1.__extends)(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.items,r=e.options,a=e.renderDropdown,i=e.label,n=e.children;if(!t||!t.length)return null;return React.createElement(React.Fragment,null,React.createElement((function(e){var t=e.children;return i?React.createElement(PayloadSamples_1.DropdownWrapper,null,React.createElement(PayloadSamples_1.DropdownLabel,null,i),t):t}),null,a({value:r[this.state.activeItemIdx].value,options:r,onChange:this.switchItem,ariaLabel:i||"Callback"})),n(t[this.state.activeItemIdx]))}}),t=(0,tslib_1.__decorate)([mobx_react_1.observer],t)}(React.Component);exports.GenericChildrenSwitcher=GenericChildrenSwitcher;
 //# sourceMappingURL=GenericChildrenSwitcher.js.map

package/lib/redoc-lib/src/components/MediaTypeSwitch/MediaTypesSwitch.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaTypesSwitch=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),styled_elements_1=require("../PayloadSamples/styled.elements"),form_1=require("../../../../components/common/form");exports.MediaTypesSwitch=(0,mobx_react_1.observer)((function(e){var t=e.content,r=e.withLabel,n=e.renderDropdown,a=e.children,l=React.useCallback((function(e){var r=e.value;if(!t||!o.current)return null;var n=o.current.getBoundingClientRect().y;t.activate(r),requestAnimationFrame((function(){if(o.current&&null!=n){var e=o.current.getBoundingClientRect().y;window.scrollBy(0,e-n)}}))}),[t]),o=React.useRef(null);if(!t||!t.mediaTypes||!t.mediaTypes.length)return null;var c=t.mediaTypes.map((function(e,t){return{value:e.name,idx:t}})),i=t.active.name;return React.createElement(React.Fragment,null,React.createElement((function(e){var t=e.children;return r?React.createElement(styled_elements_1.DropdownWrapper,{ref:o},React.createElement(styled_elements_1.DropdownLabel,null,"Content type"),t):React.createElement(form_1.FormControl,{ref:o},t)}),null,n({value:i,options:c,onChange:l,ariaLabel:"Content type"})),a(t.active))}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaTypesSwitch=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),PayloadSamples_1=require("../PayloadSamples"),form_1=require("../../../../components/common/form");exports.MediaTypesSwitch=(0,mobx_react_1.observer)((function(e){var t=e.content,r=e.withLabel,a=e.renderDropdown,n=e.children,l=React.useCallback((function(e){var r=e.value;if(!t||!o.current)return null;var a=o.current.getBoundingClientRect().y;t.activate(r),requestAnimationFrame((function(){if(o.current&&null!=a){var e=o.current.getBoundingClientRect().y;window.scrollBy(0,e-a)}}))}),[t]),o=React.useRef(null);if(!t||!t.mediaTypes||!t.mediaTypes.length)return null;var c=t.mediaTypes.map((function(e,t){return{value:e.name,idx:t}})),i=t.active.name;return React.createElement(React.Fragment,null,React.createElement((function(e){var t=e.children;return r?React.createElement(PayloadSamples_1.DropdownWrapper,{ref:o},React.createElement(PayloadSamples_1.DropdownLabel,null,"Content type"),t):React.createElement(form_1.FormControl,{ref:o},t)}),null,a({value:i,options:c,onChange:l,ariaLabel:"Content type"})),n(t.active))}));
 //# sourceMappingURL=MediaTypesSwitch.js.map

package/lib/redoc-lib/src/components/PayloadSamples/Example.d.ts

@@ -1,8 +1,4 @@
 /// <reference types="react" />
-import type { ExampleModel } from '../../services/models';
-export interface ExampleProps {
-    example: ExampleModel;
-    mimeType: string;
-}
+import type { ExampleProps } from './types';
 export declare function Example({ example, mimeType }: ExampleProps): JSX.Element;
 export declare function ExternalExample({ example, mimeType }: ExampleProps): JSX.Element;

package/lib/redoc-lib/src/components/PayloadSamples/Example.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExternalExample=exports.Example=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),samples_1=require("../../common-elements/samples"),ExampleValue_1=require("./ExampleValue"),exernalExampleHook_1=require("./exernalExampleHook");function Example(e){var a=e.example,l=e.mimeType;return void 0===a.value&&a.externalValueUrl?React.createElement(ExternalExample,{example:a,mimeType:l}):React.createElement(ExampleValue_1.ExampleValue,{value:a.value,mimeType:l,encoding:a.encoding})}function ExternalExample(e){var a=e.example,l=e.mimeType,r=(0,exernalExampleHook_1.useExternalExample)(a,l);return void 0===r?React.createElement("span",null,"Loading..."):r instanceof Error?React.createElement(samples_1.StyledPre,null,"Error loading external example: ",React.createElement("br",null),React.createElement("a",{className:"token string",href:a.externalValueUrl,target:"_blank",rel:"noopener noreferrer"},a.externalValueUrl)):React.createElement(ExampleValue_1.ExampleValue,{value:r,mimeType:l})}exports.Example=Example,exports.ExternalExample=ExternalExample;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExternalExample=exports.Example=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),samples_1=require("../../common-elements/samples"),ExampleValue_1=require("./ExampleValue"),useExternalExample_1=require("./useExternalExample");function Example(e){var a=e.example,l=e.mimeType;return void 0===a.value&&a.externalValueUrl?a.externalValueUrl.endsWith(".pdf")?React.createElement(ExampleValue_1.ExampleValue,{value:"PDF file",mimeType:l,encoding:a.encoding}):React.createElement(ExternalExample,{example:a,mimeType:l}):React.createElement(ExampleValue_1.ExampleValue,{value:a.value,mimeType:l,encoding:a.encoding})}function ExternalExample(e){var a=e.example,l=e.mimeType,r=(0,useExternalExample_1.useExternalExample)(a,l);return void 0===r?React.createElement("span",null,"Loading..."):r instanceof Error?React.createElement(samples_1.StyledPre,null,"Error loading external example: ",React.createElement("br",null),React.createElement("a",{className:"token string",href:a.externalValueUrl,target:"_blank",rel:"noopener noreferrer"},a.externalValueUrl)):React.createElement(ExampleValue_1.ExampleValue,{value:r,mimeType:l})}exports.Example=Example,exports.ExternalExample=ExternalExample;
 //# sourceMappingURL=Example.js.map

package/lib/redoc-lib/src/components/PayloadSamples/ExampleValue.d.ts

@@ -1,10 +1,3 @@
 /// <reference types="react" />
-import type { OpenAPIEncoding } from '../../types';
-export interface ExampleValueProps {
-    value: any;
-    mimeType: string;
-    encoding?: {
-        [field: string]: OpenAPIEncoding;
-    };
-}
+import type { ExampleValueProps } from './types';
 export declare function ExampleValue({ value, mimeType, encoding }: ExampleValueProps): JSX.Element;

package/lib/redoc-lib/src/components/PayloadSamples/MediaTypeSamples.d.ts

@@ -1,8 +1,3 @@
 /// <reference types="react" />
-import type { MediaTypeModel } from '../../services/models';
-export interface PayloadSamplesProps {
-    mediaType: MediaTypeModel;
-    onlyDefaultSample?: boolean;
-    properties?: any;
-}
-export declare const MediaTypeSamples: ({ mediaType, onlyDefaultSample, properties }: PayloadSamplesProps) => JSX.Element;
+import type { MediaTypeSamplesProps } from './types';
+export declare const MediaTypeSamples: ({ mediaType, onlyDefaultSample, properties }: MediaTypeSamplesProps) => JSX.Element;

package/lib/redoc-lib/src/components/PayloadSamples/MediaTypeSamples.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaTypeSamples=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),deepmerge_1=(0,tslib_1.__importDefault)(require("deepmerge")),mobx_react_1=require("mobx-react"),shared_1=require("../../../../components/shared"),Samples_1=require("../../../../components/Samples"),utils_1=require("../../../../services/utils"),Markdown_1=require("../Markdown"),Example_1=require("./Example"),styled_elements_1=require("./styled.elements");exports.MediaTypeSamples=(0,mobx_react_1.observer)((function(e){var a=e.mediaType,r=e.onlyDefaultSample,t=e.properties,l=a.examples||{},m=a.name,n=Object.keys(l),p=(0,Samples_1.useExampleKey)(a.operation,l),s=p.exampleKey,i=p.defaultExampleName,c=1===n.length?Object.values(l)[0]:l[s];if(!n.length)return React.createElement(shared_1.NoSampleLabel,null,"No sample");var o=t?(0,tslib_1.__assign)((0,tslib_1.__assign)({},c),{value:(0,deepmerge_1.default)(c.value,t,{arrayMerge:utils_1.arrayMergeStrategy})}):c,_=o.description;if(i&&r)return React.createElement(React.Fragment,null,o.description&&React.createElement(Markdown_1.Markdown,{source:o.description}),React.createElement(Example_1.Example,{example:o,mimeType:m}));return React.createElement(React.Fragment,null,React.createElement(Samples_1.ExampleSwitch,{examples:l,exampleKey:s,onChange:function(e){var r;return null===(r=a.operation)||void 0===r?void 0:r.activateExampleName(e)}}),React.createElement(styled_elements_1.ExampleWrapper,null,_&&React.createElement(Markdown_1.Markdown,{source:_}),React.createElement(Example_1.Example,{example:o,mimeType:m})))}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaTypeSamples=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),deepmerge_1=(0,tslib_1.__importDefault)(require("deepmerge")),mobx_react_1=require("mobx-react"),shared_1=require("../../../../components/shared"),Samples_1=require("../../../../components/Samples"),utils_1=require("../../../../services/utils"),Markdown_1=require("../Markdown"),Example_1=require("./Example"),styled_1=require("./styled");exports.MediaTypeSamples=(0,mobx_react_1.observer)((function(e){var a=e.mediaType,r=e.onlyDefaultSample,t=e.properties,l=a.examples||{},m=a.name,p=Object.keys(l),i=(0,Samples_1.useExampleKey)(a.operation,l),n=i.exampleKey,s=i.defaultExampleName,c=1===p.length?Object.values(l)[0]:l[n];if(!p.length)return React.createElement(shared_1.NoSampleLabel,null,"No sample");var o=t?(0,tslib_1.__assign)((0,tslib_1.__assign)({},c),{value:(0,deepmerge_1.default)(c.value,t,{arrayMerge:utils_1.arrayMergeStrategy})}):c,u=o.description;if(s&&r)return React.createElement(React.Fragment,null,o.description&&React.createElement(Markdown_1.Markdown,{source:o.description}),React.createElement(Example_1.Example,{example:o,mimeType:m}));return React.createElement(React.Fragment,null,React.createElement(Samples_1.ExampleSwitch,{examples:l,exampleKey:n,onChange:function(e){var r;return null===(r=a.operation)||void 0===r?void 0:r.activateExampleName(e)}}),React.createElement(styled_1.ExampleWrapper,null,u&&React.createElement(Markdown_1.Markdown,{source:u}),React.createElement(Example_1.Example,{example:o,mimeType:m})))}));
 //# sourceMappingURL=MediaTypeSamples.js.map

package/lib/redoc-lib/src/components/PayloadSamples/PayloadSamples.d.ts

@@ -1,9 +1,3 @@
 /// <reference types="react" />
-import type { MediaContentModel, OperationModel } from '../../services';
-export interface PayloadSamplesProps {
-    content: MediaContentModel;
-    operation?: OperationModel;
-    properties?: any;
-    onlyDefaultMimeType?: boolean;
-}
+import type { PayloadSamplesProps } from './types';
 export declare const PayloadSamples: ({ onlyDefaultMimeType, operation, content: mimeContent, ...props }: PayloadSamplesProps) => JSX.Element;

package/lib/redoc-lib/src/components/PayloadSamples/PayloadSamples.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PayloadSamples=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),DropdownOrLabel_1=require("../DropdownOrLabel/DropdownOrLabel"),MediaTypesSwitch_1=require("../MediaTypeSwitch/MediaTypesSwitch"),shared_1=require("../../../../components/shared"),Dropdown_1=require("../../../../components/common/Dropdown"),__1=require("../../.."),MediaTypeSamples_1=require("./MediaTypeSamples");exports.PayloadSamples=(0,mobx_react_1.observer)((function(e){var r=e.onlyDefaultMimeType,t=e.operation,a=e.content,o=(0,tslib_1.__rest)(e,["onlyDefaultMimeType","operation","content"]),n=r&&(null==t?void 0:t.defaultMimeType);return React.createElement(MediaTypesSwitch_1.MediaTypesSwitch,{content:a,renderDropdown:n?function(){return null}:function(e){return React.createElement(__1.DropdownWrapper,null,React.createElement(DropdownOrLabel_1.DropdownOrLabel,(0,tslib_1.__assign)({Label:shared_1.MimeLabel,Dropdown:Dropdown_1.Dropdown,variant:"dark",fullWidth:!0},e)))}},(function(e){return React.createElement(MediaTypeSamples_1.MediaTypeSamples,(0,tslib_1.__assign)({key:"samples",mediaType:e},o))}))}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PayloadSamples=void 0;var tslib_1=require("tslib"),mobx_react_1=require("mobx-react"),React=(0,tslib_1.__importStar)(require("react")),DropdownOrLabel_1=require("../DropdownOrLabel/DropdownOrLabel"),MediaTypesSwitch_1=require("../MediaTypeSwitch/MediaTypesSwitch"),shared_1=require("../../../../components/shared"),Dropdown_1=require("../../../../components/common/Dropdown"),MediaTypeSamples_1=require("./MediaTypeSamples"),styled_1=require("./styled");exports.PayloadSamples=(0,mobx_react_1.observer)((function(e){var r=e.onlyDefaultMimeType,t=e.operation,a=e.content,o=(0,tslib_1.__rest)(e,["onlyDefaultMimeType","operation","content"]),n=r&&(null==t?void 0:t.defaultMimeType);return React.createElement(MediaTypesSwitch_1.MediaTypesSwitch,{content:a,renderDropdown:n?function(){return null}:function(e){return React.createElement(styled_1.DropdownWrapper,null,React.createElement(DropdownOrLabel_1.DropdownOrLabel,(0,tslib_1.__assign)({Label:shared_1.MimeLabel,Dropdown:Dropdown_1.Dropdown,variant:"dark",fullWidth:!0},e)))}},(function(e){return React.createElement(MediaTypeSamples_1.MediaTypeSamples,(0,tslib_1.__assign)({key:"samples",mediaType:e},o))}))}));
 //# sourceMappingURL=PayloadSamples.js.map

package/lib/redoc-lib/src/components/PayloadSamples/index.d.ts

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

package/lib/redoc-lib/src/components/PayloadSamples/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PayloadSamples=exports.MediaTypeSamples=exports.ExampleValue=exports.ExternalExample=exports.Example=void 0;var tslib_1=require("tslib"),Example_1=require("./Example");Object.defineProperty(exports,"Example",{enumerable:!0,get:function(){return Example_1.Example}}),Object.defineProperty(exports,"ExternalExample",{enumerable:!0,get:function(){return Example_1.ExternalExample}});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}}),(0,tslib_1.__exportStar)(require("./styled"),exports);
+//# sourceMappingURL=index.js.map

package/lib/redoc-lib/src/components/PayloadSamples/{styled.elements.js → styled.js}

@@ -1,2 +1,2 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExampleWrapper=exports.DropdownWrapper=exports.DropdownLabel=void 0;var templateObject_1,templateObject_2,templateObject_3,tslib_1=require("tslib"),polished_1=require("polished"),styled_components_1=(0,tslib_1.__importStar)(require("../../styled-components"));exports.DropdownLabel=styled_components_1.default.span(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  font-size: 12px;\n  position: absolute;\n  z-index: 1;\n  top: -11px;\n  left: 12px;\n  font-weight: ",";\n  ","\n"],["\n  font-size: 12px;\n  position: absolute;\n  z-index: 1;\n  top: -11px;\n  left: 12px;\n  font-weight: ",";\n  ","\n"])),(function(e){return e.theme.typography.fontWeightBold}),(function(e){var t=e.theme;return(0,styled_components_1.mediaCSS)({color:(0,polished_1.transparentize)(.3,t.rightPanel.textColor),fontFamily:t.typography.headings.fontFamily})})),exports.DropdownWrapper=styled_components_1.default.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  position: relative;\n  margin-bottom: 10px;\n"],["\n  position: relative;\n  margin-bottom: 10px;\n"]))),exports.ExampleWrapper=styled_components_1.default.div(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  margin-top: 5px;\n"],["\n  margin-top: 5px;\n"])));
-//# sourceMappingURL=styled.elements.js.map
+//# sourceMappingURL=styled.js.map

package/lib/redoc-lib/src/components/PayloadSamples/types.d.ts

@@ -0,0 +1,23 @@
+import type { ExampleModel, MediaContentModel, MediaTypeModel, OperationModel } from '../../services';
+import type { OpenAPIEncoding } from '../../types';
+export interface ExampleProps {
+    example: ExampleModel;
+    mimeType: string;
+}
+export interface ExampleValueProps {
+    value: GenericObject | string;
+    mimeType: string;
+    encoding?: {
+        [field: string]: OpenAPIEncoding;
+    };
+}
+export interface MediaTypeSamplesProps {
+    mediaType: MediaTypeModel;
+    onlyDefaultSample?: boolean;
+    properties?: GenericObject;
+}
+export interface PayloadSamplesProps extends Pick<MediaTypeSamplesProps, 'properties'> {
+    content: MediaContentModel;
+    operation?: OperationModel;
+    onlyDefaultMimeType?: boolean;
+}

package/lib/redoc-lib/src/components/PayloadSamples/types.js

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

package/lib/redoc-lib/src/components/PayloadSamples/{exernalExampleHook.js → useExternalExample.js}

@@ -1,2 +1,2 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useExternalExample=void 0;var tslib_1=require("tslib"),react_1=require("react");function useExternalExample(e,r){var t=this,a=(0,react_1.useState)(!0)[1],u=(0,react_1.useRef)(void 0),s=(0,react_1.useRef)(void 0);return s.current!==e&&(u.current=void 0),s.current=e,(0,react_1.useEffect)((function(){(0,tslib_1.__awaiter)(t,void 0,void 0,(function(){var t,s;return(0,tslib_1.__generator)(this,(function(n){switch(n.label){case 0:a(!0),n.label=1;case 1:return n.trys.push([1,3,,4]),t=u,[4,e.getExternalValue(r)];case 2:return t.current=n.sent(),[3,4];case 3:return s=n.sent(),u.current=s,[3,4];case 4:return a(!1),[2]}}))}))}),[e,r]),u.current}exports.useExternalExample=useExternalExample;
-//# sourceMappingURL=exernalExampleHook.js.map
+//# sourceMappingURL=useExternalExample.js.map

package/lib/redoc-lib/src/components/RequestSamples/CodeSample.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodeSample=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),DropdownOrLabel_1=require("../DropdownOrLabel/DropdownOrLabel"),MediaTypesSwitch_1=require("../MediaTypeSwitch/MediaTypesSwitch"),SourceCode_1=require("../SourceCode/SourceCode"),shared_1=require("../../../../components/shared"),Dropdown_1=require("../../../../components/common/Dropdown"),styled_elements_1=require("../../../src/components/PayloadSamples/styled.elements"),Samples_1=require("../../../../components/Samples");exports.CodeSample=(0,mobx_react_1.observer)((function(e){var r,t=e.onlyDefaultSample,a=e.onlyDefaultMimeType,o=e.content,n=(0,tslib_1.__rest)(e,["onlyDefaultSample","onlyDefaultMimeType","content"]),l=function(e){return n.source?React.createElement(SourceCode_1.SourceCodeWithText,{lang:n.lang,source:n.source}):React.createElement(SourceCode_1.SourceCodeWithText,{lang:n.lang,externalSource:{sample:n.externalSample,exampleName:e,operation:n.operation,pathParams:n.pathParams,properties:n.properties}})};if(void 0===o||null!=n.source)return l();var p=a&&(null===(r=n.operation)||void 0===r?void 0:r.defaultMimeType),i=o&&o.mediaTypes.length>1&&!p,c=function(e){var r;return null===(r=n.operation)||void 0===r?void 0:r.activateExampleName(e)};return React.createElement(MediaTypesSwitch_1.MediaTypesSwitch,{content:o,renderDropdown:i?function(e){return React.createElement(styled_elements_1.DropdownWrapper,null,React.createElement(DropdownOrLabel_1.DropdownOrLabel,(0,tslib_1.__assign)({Label:shared_1.MimeLabel,Dropdown:Dropdown_1.Dropdown,variant:"dark",fullWidth:!0},e)))}:function(){return null}},(function(e){var r=e.examples||{},a=Object.keys(r);if(!a.length||1===a.length)return l();var o=(0,Samples_1.useExampleKey)(e.operation,r),n=o.exampleKey;return o.defaultExampleName&&t?l(n):React.createElement(React.Fragment,null,React.createElement(Samples_1.ExampleSwitch,{examples:r,exampleKey:n,onChange:c}),l(n))}))}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CodeSample=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),DropdownOrLabel_1=require("../DropdownOrLabel/DropdownOrLabel"),MediaTypesSwitch_1=require("../MediaTypeSwitch/MediaTypesSwitch"),SourceCode_1=require("../SourceCode/SourceCode"),shared_1=require("../../../../components/shared"),Dropdown_1=require("../../../../components/common/Dropdown"),PayloadSamples_1=require("../../../src/components/PayloadSamples"),Samples_1=require("../../../../components/Samples");exports.CodeSample=(0,mobx_react_1.observer)((function(e){var r,a=e.onlyDefaultSample,t=e.onlyDefaultMimeType,o=e.content,n=(0,tslib_1.__rest)(e,["onlyDefaultSample","onlyDefaultMimeType","content"]),l=function(e){return n.source?React.createElement(SourceCode_1.SourceCodeWithText,{lang:n.lang,source:n.source}):React.createElement(SourceCode_1.SourceCodeWithText,{lang:n.lang,externalSource:{sample:n.externalSample,exampleName:e,operation:n.operation,pathParams:n.pathParams,properties:n.properties}})};if(void 0===o||null!=n.source)return l();var p=t&&(null===(r=n.operation)||void 0===r?void 0:r.defaultMimeType),i=o&&o.mediaTypes.length>1&&!p,c=function(e){var r;return null===(r=n.operation)||void 0===r?void 0:r.activateExampleName(e)};return React.createElement(MediaTypesSwitch_1.MediaTypesSwitch,{content:o,renderDropdown:i?function(e){return React.createElement(PayloadSamples_1.DropdownWrapper,null,React.createElement(DropdownOrLabel_1.DropdownOrLabel,(0,tslib_1.__assign)({Label:shared_1.MimeLabel,Dropdown:Dropdown_1.Dropdown,variant:"dark",fullWidth:!0},e)))}:function(){return null}},(function(e){var r=e.examples||{},t=Object.keys(r);if(!t.length||1===t.length)return l();var o=(0,Samples_1.useExampleKey)(e.operation,r),n=o.exampleKey;return o.defaultExampleName&&a?l(n):React.createElement(React.Fragment,null,React.createElement(Samples_1.ExampleSwitch,{examples:r,exampleKey:n,onChange:c}),l(n))}))}));
 //# sourceMappingURL=CodeSample.js.map

package/lib/redoc-lib/src/components/RequestSamples/RequestSamples.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestSamples=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),Panel_1=require("../../../../components/Panel"),Tabs_1=require("../../../../components/Tabs"),Samples_1=require("../../../../components/Samples"),services_1=require("../../services"),PayloadSamples_1=require("../PayloadSamples/PayloadSamples"),OptionsProvider_1=require("../OptionsProvider"),Labels_1=require("../../services/Labels"),CodeSample_1=require("./CodeSample"),useCodeSamples_1=require("./useCodeSamples"),languageSwitchEvent_1=require("./languageSwitchEvent");exports.RequestSamples=(0,mobx_react_1.observer)((function(e){var a=e.operation,t=e.defaultLanguage,l=e.disableHeader,r=(e.content,(0,tslib_1.__rest)(e,["operation","defaultLanguage","disableHeader","content"])),n=(0,react_1.useContext)(OptionsProvider_1.OptionsContext),s=n.events,o=n.hideSingleRequestSampleTab;(0,react_1.useEffect)((function(){}),[a.activeServer,a.requestValues]);var i=(0,useCodeSamples_1.useCodeSamples)(a),u=i.samples,p=i.payload,d=1===u.length&&o;return u.length?react_1.default.createElement(Panel_1.CodePanel,{dataHeaderTestId:"request-samples",header:l?void 0:(0,Labels_1.l)("requestSamples"),onToggle:function(e){var t,l=(0,languageSwitchEvent_1.creatPanelToggleEvent)({operation:a,isExpanded:e,panelType:"request-samples"});null===(t=null==s?void 0:s.panelToggle)||void 0===t||t.call(s,l)}},react_1.default.createElement(Samples_1.SamplesTabs,{operation:a,tabs:u,onChange:function(e){var t,l=(0,languageSwitchEvent_1.createLanguageSwitchEvent)({operation:a,sample:e});null===(t=null==s?void 0:s.codeSamplesLanguageSwitch)||void 0===t||t.call(s,l)},hidden:d,defaultLanguage:t},u.map((function(e){return react_1.default.createElement(Tabs_1.TabPanel,{key:e.key},(0,services_1.isPayloadSample)(e)?react_1.default.createElement(PayloadSamples_1.PayloadSamples,(0,tslib_1.__assign)({content:e.requestBodyContent,operation:a},r)):react_1.default.createElement(CodeSample_1.CodeSample,(0,tslib_1.__assign)({lang:e.lang,source:e.source,externalSample:e,content:null==p?void 0:p.requestBodyContent,operation:a},r)))})))):null}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestSamples=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),Panel_1=require("../../../../components/Panel"),Tabs_1=require("../../../../components/Tabs"),Samples_1=require("../../../../components/Samples"),services_1=require("../../services"),PayloadSamples_1=require("../PayloadSamples"),OptionsProvider_1=require("../OptionsProvider"),Labels_1=require("../../services/Labels"),CodeSample_1=require("./CodeSample"),useCodeSamples_1=require("./useCodeSamples"),languageSwitchEvent_1=require("./languageSwitchEvent");exports.RequestSamples=(0,mobx_react_1.observer)((function(e){var a=e.operation,t=e.defaultLanguage,l=e.disableHeader,r=(e.content,(0,tslib_1.__rest)(e,["operation","defaultLanguage","disableHeader","content"])),n=(0,react_1.useContext)(OptionsProvider_1.OptionsContext),s=n.events,o=n.hideSingleRequestSampleTab;(0,react_1.useEffect)((function(){}),[a.activeServer,a.requestValues]);var i=(0,useCodeSamples_1.useCodeSamples)(a),u=i.samples,p=i.payload,d=1===u.length&&o;return u.length?react_1.default.createElement(Panel_1.CodePanel,{dataHeaderTestId:"request-samples",header:l?void 0:(0,Labels_1.l)("requestSamples"),onToggle:function(e){var t,l=(0,languageSwitchEvent_1.creatPanelToggleEvent)({operation:a,isExpanded:e,panelType:"request-samples"});null===(t=null==s?void 0:s.panelToggle)||void 0===t||t.call(s,l)}},react_1.default.createElement(Samples_1.SamplesTabs,{operation:a,tabs:u,onChange:function(e){var t,l=(0,languageSwitchEvent_1.createLanguageSwitchEvent)({operation:a,sample:e});null===(t=null==s?void 0:s.codeSamplesLanguageSwitch)||void 0===t||t.call(s,l)},hidden:d,defaultLanguage:t},u.map((function(e){return react_1.default.createElement(Tabs_1.TabPanel,{key:e.key},(0,services_1.isPayloadSample)(e)?react_1.default.createElement(PayloadSamples_1.PayloadSamples,(0,tslib_1.__assign)({content:e.requestBodyContent,operation:a},r)):react_1.default.createElement(CodeSample_1.CodeSample,(0,tslib_1.__assign)({lang:e.lang,source:e.source,externalSample:e,content:null==p?void 0:p.requestBodyContent,operation:a},r)))})))):null}));
 //# sourceMappingURL=RequestSamples.js.map

package/lib/redoc-lib/src/components/ResponseSamples/ResponseSamples.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseSamples=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),Panel_1=require("../../../../components/Panel"),Tabs_1=require("../../../../components/Tabs"),OptionsProvider_1=require("../OptionsProvider"),PayloadSamples_1=require("../PayloadSamples/PayloadSamples"),languageSwitchEvent_1=require("../RequestSamples/languageSwitchEvent"),Labels_1=require("../../services/Labels"),ResponseSamples=function(e){var a=e.operation,t=React.useContext(OptionsProvider_1.OptionsContext).events,n=a.responses.filter((function(e){var a,t;return null!==(t=null===(a=e.content)||void 0===a?void 0:a.hasSample)&&void 0!==t&&t}));if(!n.length)return null;var l=n.map((function(e){var a=e.code;return{key:a,title:a}}));return React.createElement(Panel_1.CodePanel,{dataHeaderTestId:"response-samples",header:(0,Labels_1.l)("responseSamples"),onToggle:function(e){var n,l=(0,languageSwitchEvent_1.creatPanelToggleEvent)({operation:a,isExpanded:e,panelType:"response-samples"});null===(n=null==t?void 0:t.panelToggle)||void 0===n||n.call(t,l)}},React.createElement(Tabs_1.CollapsingTabs,{tabs:l,operation:a},n.map((function(e){return React.createElement(Tabs_1.TabPanel,{key:e.code,value:e.code},React.createElement("div",null,React.createElement(PayloadSamples_1.PayloadSamples,{content:e.content})))}))))};exports.ResponseSamples=ResponseSamples;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ResponseSamples=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),Panel_1=require("../../../../components/Panel"),Tabs_1=require("../../../../components/Tabs"),OptionsProvider_1=require("../OptionsProvider"),PayloadSamples_1=require("../PayloadSamples"),languageSwitchEvent_1=require("../RequestSamples/languageSwitchEvent"),Labels_1=require("../../services/Labels"),ResponseSamples=function(e){var a=e.operation,t=React.useContext(OptionsProvider_1.OptionsContext).events,n=a.responses.filter((function(e){var a,t;return null!==(t=null===(a=e.content)||void 0===a?void 0:a.hasSample)&&void 0!==t&&t}));if(!n.length)return null;var l=n.map((function(e){var a=e.code;return{key:a,title:a}}));return React.createElement(Panel_1.CodePanel,{dataHeaderTestId:"response-samples",header:(0,Labels_1.l)("responseSamples"),onToggle:function(e){var n,l=(0,languageSwitchEvent_1.creatPanelToggleEvent)({operation:a,isExpanded:e,panelType:"response-samples"});null===(n=null==t?void 0:t.panelToggle)||void 0===n||n.call(t,l)}},React.createElement(Tabs_1.CollapsingTabs,{tabs:l,operation:a},n.map((function(e){return React.createElement(Tabs_1.TabPanel,{key:e.code,value:e.code},React.createElement("div",null,React.createElement(PayloadSamples_1.PayloadSamples,{content:e.content})))}))))};exports.ResponseSamples=ResponseSamples;
 //# sourceMappingURL=ResponseSamples.js.map

package/lib/redoc-lib/src/components/index.d.ts

@@ -14,11 +14,9 @@ export * from './Responses/ResponseHeaders';
 export * from './Responses/ResponsesList';
 export * from './Responses/ResponseSummary';
 export * from './ResponseSamples/ResponseSamples';
-export * from './PayloadSamples/PayloadSamples';
-export * from './PayloadSamples/styled.elements';
+export { PayloadSamples, ExampleValue, Example, DropdownWrapper } from './PayloadSamples';
 export * from './MediaTypeSwitch/MediaTypesSwitch';
 export * from './Parameters/Parameters';
-export * from './PayloadSamples/Example';
 export * from './DropdownOrLabel/DropdownOrLabel';
 export * from './ErrorBoundary';
 export * from './StoreBuilder';

package/lib/redoc-lib/src/components/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var tslib_1=require("tslib");(0,tslib_1.__exportStar)(require("./ApiInfo/ApiInfo"),exports),(0,tslib_1.__exportStar)(require("./ApiLogo/ApiLogo"),exports),(0,tslib_1.__exportStar)(require("./ContentItems/ContentItems"),exports),(0,tslib_1.__exportStar)(require("./Schema/"),exports),(0,tslib_1.__exportStar)(require("./SearchBox/SearchBox"),exports),(0,tslib_1.__exportStar)(require("./Operation/Operation"),exports),(0,tslib_1.__exportStar)(require("./Loading/Loading"),exports),(0,tslib_1.__exportStar)(require("./JsonViewer"),exports),(0,tslib_1.__exportStar)(require("./Markdown"),exports),(0,tslib_1.__exportStar)(require("./SecuritySchemes/SecuritySchemes"),exports),(0,tslib_1.__exportStar)(require("./Responses/Response"),exports),(0,tslib_1.__exportStar)(require("./Responses/ResponseDetails"),exports),(0,tslib_1.__exportStar)(require("./Responses/ResponseHeaders"),exports),(0,tslib_1.__exportStar)(require("./Responses/ResponsesList"),exports),(0,tslib_1.__exportStar)(require("./Responses/ResponseSummary"),exports),(0,tslib_1.__exportStar)(require("./ResponseSamples/ResponseSamples"),exports),(0,tslib_1.__exportStar)(require("./PayloadSamples/PayloadSamples"),exports),(0,tslib_1.__exportStar)(require("./PayloadSamples/styled.elements"),exports),(0,tslib_1.__exportStar)(require("./MediaTypeSwitch/MediaTypesSwitch"),exports),(0,tslib_1.__exportStar)(require("./Parameters/Parameters"),exports),(0,tslib_1.__exportStar)(require("./PayloadSamples/Example"),exports),(0,tslib_1.__exportStar)(require("./DropdownOrLabel/DropdownOrLabel"),exports),(0,tslib_1.__exportStar)(require("./ErrorBoundary"),exports),(0,tslib_1.__exportStar)(require("./StoreBuilder"),exports),(0,tslib_1.__exportStar)(require("./OptionsProvider"),exports),(0,tslib_1.__exportStar)(require("./SideMenu/"),exports),(0,tslib_1.__exportStar)(require("./StickySidebar/StickyResponsiveSidebar"),exports),(0,tslib_1.__exportStar)(require("./SchemaDefinition/SchemaDefinition"),exports),(0,tslib_1.__exportStar)(require("./SourceCode/SourceCode"),exports),(0,tslib_1.__exportStar)(require("./RequestSamples/RequestSamples"),exports);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DropdownWrapper=exports.Example=exports.ExampleValue=exports.PayloadSamples=void 0;var tslib_1=require("tslib");(0,tslib_1.__exportStar)(require("./ApiInfo/ApiInfo"),exports),(0,tslib_1.__exportStar)(require("./ApiLogo/ApiLogo"),exports),(0,tslib_1.__exportStar)(require("./ContentItems/ContentItems"),exports),(0,tslib_1.__exportStar)(require("./Schema/"),exports),(0,tslib_1.__exportStar)(require("./SearchBox/SearchBox"),exports),(0,tslib_1.__exportStar)(require("./Operation/Operation"),exports),(0,tslib_1.__exportStar)(require("./Loading/Loading"),exports),(0,tslib_1.__exportStar)(require("./JsonViewer"),exports),(0,tslib_1.__exportStar)(require("./Markdown"),exports),(0,tslib_1.__exportStar)(require("./SecuritySchemes/SecuritySchemes"),exports),(0,tslib_1.__exportStar)(require("./Responses/Response"),exports),(0,tslib_1.__exportStar)(require("./Responses/ResponseDetails"),exports),(0,tslib_1.__exportStar)(require("./Responses/ResponseHeaders"),exports),(0,tslib_1.__exportStar)(require("./Responses/ResponsesList"),exports),(0,tslib_1.__exportStar)(require("./Responses/ResponseSummary"),exports),(0,tslib_1.__exportStar)(require("./ResponseSamples/ResponseSamples"),exports);var PayloadSamples_1=require("./PayloadSamples");Object.defineProperty(exports,"PayloadSamples",{enumerable:!0,get:function(){return PayloadSamples_1.PayloadSamples}}),Object.defineProperty(exports,"ExampleValue",{enumerable:!0,get:function(){return PayloadSamples_1.ExampleValue}}),Object.defineProperty(exports,"Example",{enumerable:!0,get:function(){return PayloadSamples_1.Example}}),Object.defineProperty(exports,"DropdownWrapper",{enumerable:!0,get:function(){return PayloadSamples_1.DropdownWrapper}}),(0,tslib_1.__exportStar)(require("./MediaTypeSwitch/MediaTypesSwitch"),exports),(0,tslib_1.__exportStar)(require("./Parameters/Parameters"),exports),(0,tslib_1.__exportStar)(require("./DropdownOrLabel/DropdownOrLabel"),exports),(0,tslib_1.__exportStar)(require("./ErrorBoundary"),exports),(0,tslib_1.__exportStar)(require("./StoreBuilder"),exports),(0,tslib_1.__exportStar)(require("./OptionsProvider"),exports),(0,tslib_1.__exportStar)(require("./SideMenu/"),exports),(0,tslib_1.__exportStar)(require("./StickySidebar/StickyResponsiveSidebar"),exports),(0,tslib_1.__exportStar)(require("./SchemaDefinition/SchemaDefinition"),exports),(0,tslib_1.__exportStar)(require("./SourceCode/SourceCode"),exports),(0,tslib_1.__exportStar)(require("./RequestSamples/RequestSamples"),exports);
 //# sourceMappingURL=index.js.map