@redocly/reference-docs 2.12.5 → 2.13.2

package/lib-esm/components/Search/MenuItemProSearch.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { IMenuItem, HistoryService } from '../../redoc-lib';
-import { SearchResultMeta } from '../../services/SearchStore';
+import type { HistoryService, IMenuItem } from '../../redoc-lib';
+import type { SearchResultMeta } from '../../services/SearchStore';
 export interface MenuItemProProps {
     result: SearchResultExtended;
     active: boolean;

package/lib-esm/components/Search/MenuItemProSearch.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import*as React from"react";import{styled,mediaCSS,OptionsContext,MenuItem,MenuItemPath}from"../../redoc-lib";var templateObject_1,templateObject_2,templateObject_3,ResultMeta=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  font-size: 0.8em;\n  ","\n"],["\n  font-size: 0.8em;\n  ","\n"])),(function(e){var t=e.theme;return mediaCSS({fontFamily:t.typography.code.fontFamily})})),Place=styled.span(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  font-weight: bold;\n"],["\n  font-weight: bold;\n"]))),MarkedSpan=styled.span(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  color: ",";\n  background-color: #ffff03;\n"],["\n  color: ",";\n  background-color: #ffff03;\n"])),(function(e){return e.theme.sidebar.activeTextColor}));export var MenuItemPro=function(e){var t=e.result,a=e.active,n=e.term,l=e.onActivate,r=e.history,c=React.useContext(OptionsContext),o="path-only"===c.searchMode,m="path-first"===c.sideNavStyle;return React.createElement(MenuItem,{item:Object.create(t.item,{active:{value:a},name:{value:o?t.item.name:""},path:{value:""},search:{value:!0}}),onActivate:function(e,a){if(a.ctrlKey){var n=r.linkForId(t.item.id);window.open(n,"_blank")}else l(t)},withoutChildren:!0,"data-role":"search:result"},(m||o)&&"operation"===t.item.type?React.createElement(React.Fragment,null,React.createElement(MenuItemPath,{title:t.item.path},markString(t.item.path,n))):markString(t.item.name,n),t.count>1?React.createElement(ResultMeta,null,t.count," matching ",formatPlaces(t.places)):1===t.count?React.createElement(ResultMeta,null,"in ",React.createElement(Place,null,t.places[0].place)," ",formatPath(n,t.places[0].paths[0])):null)};function formatPlaces(e){return e.slice().sort(),e.map((function(e){return e.place})).join(" and ")}function formatPath(e,t){return t&&t.length&&t[t.length-1].toLowerCase().startsWith(e.toLowerCase())&&(t=t.slice(0,t.length-1)),t&&0!==t.length?" → "+t.join(" → "):""}function markString(e,t){for(var a=new RegExp("("+t.replace(/[\\^$.*+?()[\]{}|]/g,"\\$&")+")","gi"),n=e.split(a),l=1,r=n.length;l<r;l+=2)n[l]=React.createElement(MarkedSpan,{key:l},n[l]);return n}
+import{__makeTemplateObject}from"tslib";import*as React from"react";import{mediaCSS,MenuItem,MenuItemPath,OptionsContext,styled}from"../../redoc-lib";import{SideNavStyle}from"../../services";var templateObject_1,templateObject_2,templateObject_3,ResultMeta=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  font-size: 0.8em;\n  ","\n"],["\n  font-size: 0.8em;\n  ","\n"])),(function(e){var t=e.theme;return mediaCSS({fontFamily:t.typography.code.fontFamily})})),Place=styled.span(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  font-weight: bold;\n"],["\n  font-weight: bold;\n"]))),MarkedSpan=styled.span(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  color: ",";\n  background-color: #ffff03;\n"],["\n  color: ",";\n  background-color: #ffff03;\n"])),(function(e){return e.theme.sidebar.activeTextColor}));export var MenuItemPro=function(e){var t=e.result,a=e.active,n=e.term,l=e.onActivate,r=e.history,c=React.useContext(OptionsContext),o="path-only"===c.searchMode,m=c.sideNavStyle===SideNavStyle.PathFirst;return React.createElement(MenuItem,{item:Object.create(t.item,{active:{value:a},name:{value:o?t.item.name:""},path:{value:""},search:{value:!0}}),onActivate:function(e,a){if(a.ctrlKey){var n=r.linkForId(t.item.id);window.open(n,"_blank")}else l(t)},withoutChildren:!0,"data-role":"search:result"},(m||o)&&"operation"===t.item.type?React.createElement(React.Fragment,null,React.createElement(MenuItemPath,{title:t.item.path},markString(t.item.path,n))):markString(t.item.name,n),t.count>1?React.createElement(ResultMeta,null,t.count," matching ",formatPlaces(t.places)):1===t.count?React.createElement(ResultMeta,null,"in ",React.createElement(Place,null,t.places[0].place)," ",formatPath(n,t.places[0].paths[0])):null)};function formatPlaces(e){return e.slice().sort(),e.map((function(e){return e.place})).join(" and ")}function formatPath(e,t){return t&&t.length&&t[t.length-1].toLowerCase().startsWith(e.toLowerCase())&&(t=t.slice(0,t.length-1)),t&&0!==t.length?" → "+t.join(" → "):""}function markString(e,t){for(var a=new RegExp("("+t.replace(/[\\^$.*+?()[\]{}|]/g,"\\$&")+")","gi"),n=e.split(a),l=1,r=n.length;l<r;l+=2)n[l]=React.createElement(MarkedSpan,{key:l},n[l]);return n}
 //# sourceMappingURL=MenuItemProSearch.js.map

package/lib-esm/components/Search/ProSearchBox.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { SearchResultMeta } from '../../services/SearchStore';
-import { ProMenu } from '../../services/ProMenu';
-import { RedocProNormalizedOptions } from '../../services/ProStore';
-import { IMenuItem, SearchStore, MenuItem, MarkerService } from '../../redoc-lib';
-import { SearchResultExtended } from './MenuItemProSearch';
+import type { SearchResultMeta } from '../../services/SearchStore';
+import type { ProMenu } from '../../services/ProMenu';
+import type { RedocProNormalizedOptions } from '../../services/ProStore';
+import type { IMenuItem, SearchStore, MenuItem, MarkerService } from '../../redoc-lib';
+import type { SearchResultExtended } from './MenuItemProSearch';
 declare type SearchResult<T = GenericObject | undefined> = {
     score: number;
     meta: T;

package/lib-esm/components/Search/SearchField.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { MarkerService } from '../../redoc-lib';
+import type { MarkerService } from '../../redoc-lib';
 interface SearchFieldProps {
     showPopUp: () => void;
     searchValue: string;

package/lib-esm/components/StoreProvider.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
-import { ProStore, RedocProRawOptions } from '../services/ProStore';
-import { CodeSampleConfig } from '../services/code-samples/types';
+import type { RedocProRawOptions } from '../services/ProStore';
+import { ProStore } from '../services/ProStore';
+import type { CodeSampleConfig } from '../services/code-samples/types';
 import type { SpecVersions } from '../services/VersionedSpecStore';
 export declare const Provider: React.Provider<ProStore | undefined>, Consumer: React.Consumer<ProStore | undefined>;
 interface StoreProviderProps {

package/lib-esm/components/Tabs/CollapsingTabs/CollapsingTabs.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { TabsProps } from './CollapsingTabsBase';
+import type { TabsProps } from './CollapsingTabsBase';
 export declare const CollapsingTabs: ({ children, ...props }: TabsProps) => JSX.Element;

package/lib-esm/components/Tabs/CollapsingTabs/CollapsingTabsBase.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { TabProps as ReactTabProps } from 'react-tabs';
-import { OperationModel } from '../../../redoc-lib';
+import type { TabProps as ReactTabProps } from 'react-tabs';
+import type { OperationModel } from '../../../redoc-lib';
 export interface TabProps extends ReactTabProps {
     title: string;
 }

package/lib-esm/components/VersionSwitcher.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { DropdownOption } from './common/Dropdown';
-import { VersionedSpecStore } from '../services/VersionedSpecStore';
+import type { DropdownOption } from './common/Dropdown';
+import type { VersionedSpecStore } from '../services/VersionedSpecStore';
 export interface VersionSwitcherProps {
     onChange: (o: DropdownOption) => void;
     spec: VersionedSpecStore;

package/lib-esm/components/common/Checkbox.d.ts

@@ -1,5 +1,7 @@
 import * as React from 'react';
-export declare const StyledInput: import("styled-components").StyledComponent<"input", import("../../services/extendTheme").ProTheme, {}, never>;
+export declare const StyledInput: import("styled-components").StyledComponent<"input", import("../../services/extendTheme").ProTheme, {
+    fullWidth?: boolean | undefined;
+}, never>;
 export interface CheckboxExtraProps {
     fullWidth?: boolean;
     label?: string;

package/lib-esm/components/common/Checkbox.js

@@ -1,2 +1,2 @@
-import{__assign,__makeTemplateObject}from"tslib";import*as React from"react";import styled from"../../redoc-lib/src/styled-components";export var StyledInput=styled.input(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  cursor: pointer;\n  vertical-align: middle;\n  margin-left: 0;\n  margin-right: 5px;\n  height: 20px;\n"],["\n  cursor: pointer;\n  vertical-align: middle;\n  margin-left: 0;\n  margin-right: 5px;\n  height: 20px;\n"])));var templateObject_1,templateObject_2,templateObject_3,CheckboxLabel=styled.label(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  display: inline-block;\n  cursor: pointer;\n  vertical-align: middle;\n  position: relative;\n  text-overflow: ellipsis;\n  overflow: hidden;\n\n  overflow-wrap: break-word;\n  line-height: 20px;\n"],["\n  display: inline-block;\n  cursor: pointer;\n  vertical-align: middle;\n  position: relative;\n  text-overflow: ellipsis;\n  overflow: hidden;\n\n  overflow-wrap: break-word;\n  line-height: 20px;\n"]))),CheckBoxWrap=styled.div(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  width: ",";\n  display: inline-flex;\n  align-items: center;\n\n  & > label {\n    white-space: ",";\n  }\n"],["\n  width: ",";\n  display: inline-flex;\n  align-items: center;\n\n  & > label {\n    white-space: ",";\n  }\n"])),(function(e){return e.fullWidth?"100%":"50%"}),(function(e){return e.nowrap?"nowrap":"normal"}));function CheckboxComponent(e,t){var n=e.fullWidth,l=e.id,i=e.label,a=e.nowrap;return React.createElement(CheckBoxWrap,{fullWidth:n,nowrap:a},React.createElement(StyledInput,__assign({},e,{type:"checkbox",ref:t})),React.createElement(CheckboxLabel,{htmlFor:l},i))}export var Checkbox=React.forwardRef(CheckboxComponent);
+import{__assign,__makeTemplateObject}from"tslib";import*as React from"react";import styled from"../../redoc-lib/src/styled-components";export var StyledInput=styled.input(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  cursor: pointer;\n  margin-left: 0;\n  margin-right: 5px;\n  height: 20px;\n\n  align-self: baseline;\n  margin-top: 0;\n  margin-bottom: 0;\n"],["\n  cursor: pointer;\n  margin-left: 0;\n  margin-right: 5px;\n  height: 20px;\n\n  align-self: baseline;\n  margin-top: 0;\n  margin-bottom: 0;\n"])));var templateObject_1,templateObject_2,templateObject_3,CheckboxLabel=styled.label(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  display: inline-block;\n  cursor: pointer;\n  vertical-align: middle;\n  position: relative;\n  text-overflow: ellipsis;\n  overflow: hidden;\n\n  overflow-wrap: break-word;\n  line-height: 20px;\n"],["\n  display: inline-block;\n  cursor: pointer;\n  vertical-align: middle;\n  position: relative;\n  text-overflow: ellipsis;\n  overflow: hidden;\n\n  overflow-wrap: break-word;\n  line-height: 20px;\n"]))),CheckBoxWrap=styled.div(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  width: ",";\n  display: inline-flex;\n  align-items: center;\n\n  & > label {\n    white-space: ",";\n  }\n\n  ","\n"],["\n  width: ",";\n  display: inline-flex;\n  align-items: center;\n\n  & > label {\n    white-space: ",";\n  }\n\n  ","\n"])),(function(e){return e.fullWidth?"100%":"50%"}),(function(e){return e.nowrap?"nowrap":"normal"}),(function(e){return e.nowrap?"":"\n    :not(:first-child) {\n      margin-top: 5px;\n    }\n  "}));function CheckboxComponent(e,n){var t=e.fullWidth,l=e.id,i=e.label,r=e.nowrap;return React.createElement(CheckBoxWrap,{fullWidth:t,nowrap:r},React.createElement(StyledInput,__assign({},e,{type:"checkbox",ref:n})),React.createElement(CheckboxLabel,{htmlFor:l},i))}export var Checkbox=React.forwardRef(CheckboxComponent);
 //# sourceMappingURL=Checkbox.js.map

package/lib-esm/components/common/CheckboxList.d.ts

@@ -1,5 +1,6 @@
-import React, { ChangeEvent } from 'react';
-import { FieldContext } from 'informed';
+import type { ChangeEvent } from 'react';
+import React from 'react';
+import type { FieldContext } from 'informed';
 declare type FieldValue = string[];
 interface CheckboxListComponentState {
     collapsed: boolean;

package/lib-esm/components/common/CheckboxList.js

@@ -1,2 +1,2 @@
-import{__extends,__makeTemplateObject,__spreadArray}from"tslib";import React from"react";import{styled}from"../../redoc-lib";import{asField}from"informed";import{FormError}from"./form";import{Checkbox}from"./Checkbox";import{SampleControls,SamplesControlButton}from"../../redoc-lib/src/common-elements";var DEFAULT_MAX_ITEMS=11,CheckboxListComponent=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"state",{enumerable:!0,configurable:!0,writable:!0,value:{collapsed:!0}}),t}return __extends(t,e),Object.defineProperty(t.prototype,"onCheckBoxClick",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=e.target.value,l=e.target.checked;this.props.fieldApi.setTouched(!0);var r,o=this.props.fieldApi.getValue()||[];if(l)r=__spreadArray(__spreadArray([],o,!0),[t],!1);else{var a=o.indexOf(t);r=__spreadArray(__spreadArray([],o.slice(0,a),!0),o.slice(a+1),!0)}this.props.fieldApi.setValue(r)}}),Object.defineProperty(t.prototype,"isFieldChecked",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return this.props.fieldApi.getValue().includes(e)}}),Object.defineProperty(t.prototype,"toggle",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.setState({collapsed:!this.state.collapsed})}}),Object.defineProperty(t.prototype,"selectAll",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.fieldApi.setValue(this.props.items)}}),Object.defineProperty(t.prototype,"clearAll",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.fieldApi.setValue([])}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props,l=t.items,r=t.fieldApi,o=t.validateOnChange,a=t.maxDisplayedItems,n=t.showControls,i=t.trimItemsLength,c=this.state.collapsed,p=r.getError(),s=a||DEFAULT_MAX_ITEMS,m=i&&this.state.collapsed?l.slice(0,s):l;return React.createElement("div",null,n?React.createElement(ControlButtonsWrapper,null,React.createElement(SamplesControlButton,{onClick:function(){e.selectAll()}},"Select all"),React.createElement(SamplesControlButton,{onClick:function(){e.clearAll()}},"Clear")):null,React.createElement("div",null,m.map((function(t){return React.createElement(Checkbox,{nowrap:!0,id:t,value:t,checked:e.isFieldChecked(t),label:t,key:t,onChange:function(t){e.onCheckBoxClick(t),o&&r.validate()}})})),l.length>s&&i?React.createElement(ToggleButton,{onClick:function(){e.toggle()}},c?"Show all":"Collapse"):null),p?React.createElement(FormError,null,p):"")}}),t}(React.Component);export{CheckboxListComponent};export var CheckboxList=asField(CheckboxListComponent);var templateObject_1,templateObject_2,ControlButtonsWrapper=styled(SampleControls)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  opacity: 1;\n  text-align: left;\n"],["\n  opacity: 1;\n  text-align: left;\n"]))),ToggleButton=styled(SamplesControlButton)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  float: right;\n"],["\n  float: right;\n"])));
+import{__extends,__makeTemplateObject,__spreadArray}from"tslib";import React from"react";import{styled}from"../../redoc-lib";import{asField}from"informed";import{FormError}from"./form";import{Checkbox}from"./Checkbox";import{SampleControls,SamplesControlButton}from"../../redoc-lib/src/common-elements";var DEFAULT_MAX_ITEMS=11,CheckboxListComponent=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"state",{enumerable:!0,configurable:!0,writable:!0,value:{collapsed:!0}}),t}return __extends(t,e),Object.defineProperty(t.prototype,"onCheckBoxClick",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=e.target.value,l=e.target.checked;this.props.fieldApi.setTouched(!0);var r,o=this.props.fieldApi.getValue()||[];if(l)r=__spreadArray(__spreadArray([],o,!0),[t],!1);else{var a=o.indexOf(t);r=__spreadArray(__spreadArray([],o.slice(0,a),!0),o.slice(a+1),!0)}this.props.fieldApi.setValue(r)}}),Object.defineProperty(t.prototype,"isFieldChecked",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return this.props.fieldApi.getValue().includes(e)}}),Object.defineProperty(t.prototype,"toggle",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.setState({collapsed:!this.state.collapsed})}}),Object.defineProperty(t.prototype,"selectAll",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.fieldApi.setValue(this.props.items)}}),Object.defineProperty(t.prototype,"clearAll",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.fieldApi.setValue([])}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props,l=t.items,r=t.fieldApi,o=t.validateOnChange,a=t.maxDisplayedItems,n=t.showControls,i=t.trimItemsLength,c=this.state.collapsed,p=r.getError(),s=a||DEFAULT_MAX_ITEMS,m=i&&this.state.collapsed?l.slice(0,s):l;return React.createElement("div",null,n?React.createElement(ControlButtonsWrapper,null,React.createElement(SamplesControlButton,{onClick:function(){e.selectAll()}},"Select all"),React.createElement(SamplesControlButton,{onClick:function(){e.clearAll()}},"Clear")):null,React.createElement("div",null,m.map((function(t){return React.createElement(Checkbox,{fullWidth:!0,id:t,value:t,checked:e.isFieldChecked(t),label:t,key:t,onChange:function(t){e.onCheckBoxClick(t),o&&r.validate()}})})),l.length>s&&i?React.createElement(ToggleButton,{onClick:function(){e.toggle()}},c?"Show all":"Collapse"):null),p?React.createElement(FormError,null,p):"")}}),t}(React.Component);export{CheckboxListComponent};export var CheckboxList=asField(CheckboxListComponent);var templateObject_1,templateObject_2,ControlButtonsWrapper=styled(SampleControls)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  opacity: 1;\n  text-align: left;\n"],["\n  opacity: 1;\n  text-align: left;\n"]))),ToggleButton=styled(SamplesControlButton)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  float: right;\n"],["\n  float: right;\n"])));
 //# sourceMappingURL=CheckboxList.js.map

package/lib-esm/components/common/Dropdown/Dropdown.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { DropdownProps } from './types';
+import type { DropdownProps } from './types';
 export declare const Dropdown: React.NamedExoticComponent<DropdownProps>;

package/lib-esm/components/common/Dropdown/types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export interface DropdownOption {
     idx?: number;
     value: string;

package/lib-esm/components/common/FileUpload/helper.d.ts

@@ -1,5 +1,5 @@
 import type { SchemaModel } from '../../../redoc-lib';
-import { UploadFileType } from '../../../models';
+import type { UploadFileType } from '../../../models';
 /**
  * Convert request body mime-type to accept value for file upload input in browser
  */

package/lib-esm/components/common/TextField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FieldProps } from 'informed';
+import type { FieldProps } from 'informed';
 import type { DropdownOption, DropdownProps } from './Dropdown';
 export declare const invertedInputStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("../../services/extendTheme").ProTheme>>;
 export declare const StyledInput: import("styled-components").StyledComponent<"input", import("../../services/extendTheme").ProTheme, {

package/lib-esm/components/console/ActionPanel.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { FormValues } from 'informed';
-import { OperationModel } from '../../redoc-lib';
+import type { FormValues } from 'informed';
+import type { OperationModel } from '../../redoc-lib';
 export interface ActionPanelProps {
     execute: () => void;
     loading: boolean;

package/lib-esm/components/console/AuthPanel.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { FormApi, FormState } from 'informed';
-import { OperationModel } from '../../redoc-lib';
-import { SecurityDetails } from '../../utils';
-import { DropdownOption } from '../common/Dropdown';
+import type { FormApi, FormState } from 'informed';
+import type { OperationModel } from '../../redoc-lib';
+import type { SecurityDetails } from '../../utils';
+import type { DropdownOption } from '../common/Dropdown';
 export declare function requiredValidator(value: unknown): string | undefined;
 export interface AuthPanelProps {
     operation: OperationModel;

package/lib-esm/components/console/CodemirrorInput.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Controlled as CodeMirror } from 'react-codemirror2';
-import { Editor } from 'codemirror';
+import type { Editor } from 'codemirror';
 import './codemirror-helpers';
 export interface CodemirrorInputBase {
     forwardedRef?: React.Ref<any>;

package/lib-esm/components/console/Console.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { FormApi, FormState } from 'informed';
-import { SecurityDetails } from '../../utils';
-import { OpenApiResponseData } from './ResponsePanel';
-import { ProStore } from '../../services';
-import { OperationModel, Server } from '../../redoc-lib';
-import { PanelComponentProps } from '../Panel';
+import type { FormApi, FormState } from 'informed';
+import type { SecurityDetails } from '../../utils';
+import type { OpenApiResponseData } from './ResponsePanel';
+import type { ProStore } from '../../services';
+import type { OperationModel, Server } from '../../redoc-lib';
+import type { PanelComponentProps } from '../Panel';
 export declare type RequestAndResponseType = {
     request: Record<string, unknown>;
     response: OpenApiResponseData;

package/lib-esm/components/console/OAuth2Flow.d.ts

@@ -1,12 +1,15 @@
 import * as React from 'react';
-import { FormApi, FormState } from 'informed';
-import { InputActionButtonProps } from '../common/TextField';
-import { SecurityDetails } from '../../utils';
-import { RedocProNormalizedOptions } from '../../services';
+import type { FormApi, FormState } from 'informed';
+import type { InputActionButtonProps } from '../common/TextField';
+import type { SecurityDetails } from '../../utils';
+import type { RedocProNormalizedOptions } from '../../services';
 export interface OAuth2FlowProps {
     authorizationUrl: string;
     tokenUrl?: string;
-    usePkce?: boolean;
+    usePkce?: {
+        disableManualConfiguration: boolean;
+        hideClientSecretInput: boolean;
+    };
     authCorsProxyUrl: Maybe<string>;
     scopes: string[];
     server: string;

package/lib-esm/components/console/OAuth2Flow.js

@@ -1,2 +1,2 @@
-import{__assign,__awaiter,__extends,__generator,__makeTemplateObject}from"tslib";import*as React from"react";import{styled,OptionsContext}from"../../redoc-lib";import{LinearProgress}from"../common/LinearProgress";import{FormControl,FormLabel,FormError,FormWrapper,FormWarning}from"../common/form";import{FormDropdown,FormTextField,TextField}from"../common/TextField";import{Checkbox}from"../common/Checkbox";import Scope from"./Scope";import{Button}from"../shared";import{deriveCodeChallenge,OAuth2,randString}from"../../services/OAuth2";import{fromSessionStorage,getSecurityDetailsOptions}from"../../utils";import{normalizeUrlProtocol}from"./utils";import{isEmptyObject}from"../../services/utils";function requiredValidator(e){if(!e)return"Field is required"}var OAuth2Flow=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"state",{enumerable:!0,configurable:!0,writable:!0,value:{error:null,loading:!1,showPkceOptions:!1}}),Object.defineProperty(t,"clearToken",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.props.formApi.setValue("auth."+t.props.id+".token","")}}),Object.defineProperty(t,"togglePkceOptions",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.setState((function(e){return{showPkceOptions:!e.showPkceOptions}}))}}),Object.defineProperty(t,"handleCodeVerifierChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var r=e.target.value;return __awaiter(t,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:return[4,deriveCodeChallenge(r)];case 1:return e=t.sent(),this.setState({codeVerifier:r,validCodeChallenge:e}),[2]}}))}))}}),t}return __extends(t,e),Object.defineProperty(t.prototype,"values",{get:function(){var e,t;return(null===(t=null===(e=this.props.form.values)||void 0===e?void 0:e.auth)||void 0===t?void 0:t[this.props.id])||{}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"errors",{get:function(){var e,t;return(null===(t=null===(e=this.props.form.errors)||void 0===e?void 0:e.auth)||void 0===t?void 0:t[this.props.id])||{}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"pkceInputActionButtonProps",{get:function(){var e=this;return void 0!==this.state.codeVerifier&&this.state.codeChallenge!==this.state.validCodeChallenge?{label:"sync",onClick:function(){e.state.codeVerifier&&e.setState({codeChallenge:e.state.validCodeChallenge})}}:void 0},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;if(this.props.usePkce){var t=randString(43);deriveCodeChallenge(t).then((function(r){e.setState({codeVerifier:t,codeChallenge:r,validCodeChallenge:r})}))}}}),Object.defineProperty(t.prototype,"handleAuthorize",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this;if(e){this.props.formApi.validate();var r=this.props,n=r.flow,o=r.usePkce,a=r.id,l=r.tokenUrl,i=r.authCorsProxyUrl;if(isEmptyObject(this.errors)){this.setState({loading:!0,error:null});var c=i?i+normalizeUrlProtocol(e):e,s=i&&l?i+normalizeUrlProtocol(l):l,u=this.props.formApi.getValue("auth."+a+".scopes"),p={authorizationUrl:c.startsWith("http")?c:this.props.server+c,clientId:this.values.client_id,scopes:u,redirectUri:this.context.oAuth2RedirectURI,routingBasePath:this.context.routingBasePath,successCallback:function(e){t.props.formApi.setValue("auth."+t.props.id+".token",e),t.setState({loading:!1,error:null})},errorCallback:function(e){t.setState({loading:!1,error:(null==e?void 0:e.message)||"Failed to retrieve the access token"})}};"implicit"===n&&OAuth2.authorizeImplicit(p),"authorizationCode"===n&&OAuth2.authorizeAuthorizationCode(__assign(__assign(__assign({},p),{tokenUrl:(null==s?void 0:s.startsWith("http"))?s:this.props.server+s,clientSecret:this.values.client_secret}),o&&{codeVerifier:this.state.codeVerifier,codeChallenge:this.state.codeChallenge}))}}}}),Object.defineProperty(t.prototype,"handleLogout",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.clearToken(),this.setState({error:null})}}),Object.defineProperty(t.prototype,"handleCancel",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.setState({loading:!1,error:null}),OAuth2.clearRedirectData(this.props.flow)}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.state,r=t.error,n=t.loading,o=this.props,a=o.id,l=o.scopes,i=o.authorizationUrl,c=o.flow,s=o.usePkce,u=o.defaultValues;if(!i)return React.createElement(FormError,null,"No flow info");var p=fromSessionStorage("auth."+a+".token")||JSON.stringify(null==u?void 0:u.token);p=p?JSON.parse(p):"";var d=getSecurityDetailsOptions(a,"client_id"),m={field:"auth."+a+".client_id",fullWidth:!0,initialValue:fromSessionStorage("auth."+a+".client_id")||this.props.clientId||(null==u?void 0:u.client_id),initValue:fromSessionStorage("auth."+a+".client_id")||this.props.clientId||(null==u?void 0:u.client_id),placeholder:"Your OAuth2 app Client ID",validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement("div",null,React.createElement(FormWrapper,null,React.createElement(FormControl,null,React.createElement(FormLabel,null," Client ID: "),d?React.createElement(FormDropdown,__assign({},m,{options:d})):React.createElement(FormTextField,__assign({},m,{"data-cy":"client-id-input"}))),"authorizationCode"===c&&React.createElement(React.Fragment,null,React.createElement(FormControl,null,React.createElement(FormLabel,null,"Client Secret:"),React.createElement(FormTextField,{type:"password",fullWidth:!0,field:"auth."+a+".client_secret",initialValue:fromSessionStorage("auth."+a+".client_secret")||(null==u?void 0:u.client_secret),validateOnBlur:!0,validateOnChange:!0,"data-cy":"client-secret-input"})),s&&React.createElement(PkceOptionsWrapper,null,React.createElement(Checkbox,{id:"pkce-opitons-toggle",label:"Configure PKCE manually",checked:this.state.showPkceOptions,onChange:this.togglePkceOptions,"data-cy":"pkce-options-toggle"}),this.state.showPkceOptions&&React.createElement(PkceDetails,null,React.createElement(FormControl,null,React.createElement(FormLabel,null,"Code Verifier"),React.createElement(TextField,{fullWidth:!0,value:this.state.codeVerifier,onChange:this.handleCodeVerifierChange,"data-cy":"code-verifier-input"})),React.createElement(FormControl,null,React.createElement(FormLabel,null,"Code Challenge"),React.createElement(TextField,{fullWidth:!0,value:this.state.codeChallenge,onChange:function(t){var r=t.target.value;e.setState({codeChallenge:r})},inputActionButton:this.pkceInputActionButtonProps,"data-cy":"code-challenge-input"}))))),React.createElement(FormTextField,{fullWidth:!0,field:"auth."+a+".token",type:"hidden",initialValue:p}),React.createElement(Scope,{id:a,scopes:l}),this.values.token&&this.values.token.access_token?React.createElement(FormControl,null,React.createElement(FormLabel,null," Access Token: "),React.createElement(TextField,{disabled:!0,type:"password",fullWidth:!0,value:this.values.token.access_token})):null),React.createElement(ButtonsWrapper,null,this.values.token&&this.values.token.access_token?React.createElement(Button,{fullWidth:!0,onClick:function(){e.handleLogout()}},"Log out"):n?React.createElement(React.Fragment,null,React.createElement(Button,{fullWidth:!0,onClick:function(){e.handleCancel()}},"Cancel"),React.createElement(LinearProgress,null)):React.createElement(Button,{fullWidth:!0,disabled:!isEmptyObject(this.errors),onClick:function(){e.handleAuthorize(i)}},"Authorize")),n||r||!this.values.token||!this.values.token.access_token&&React.createElement(FormWrapper,null,React.createElement(FormControl,null,n?React.createElement(FormWarning,null,"Please, finish your authorization flow or cancel authorization."):r?React.createElement(React.Fragment,null,React.createElement(OriginalErrorMessage,null,React.createElement(FormError,null,r))):this.values.token&&this.values.token.access_token?null:React.createElement(FormWarning,null," No Access Token. Please, Authorize. "))))}}),Object.defineProperty(t,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsContext}),t}(React.Component);export{OAuth2Flow};var templateObject_1,templateObject_2,templateObject_3,templateObject_4,OriginalErrorMessage=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  font-family: monospace;\n  margin-top: 10px;\n  line-height: 1;\n  padding-left: 10px;\n  border-left: 1px solid gray;\n"],["\n  font-family: monospace;\n  margin-top: 10px;\n  line-height: 1;\n  padding-left: 10px;\n  border-left: 1px solid gray;\n"]))),ButtonsWrapper=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  margin-bottom: 15px;\n"],["\n  margin-bottom: 15px;\n"]))),PkceOptionsWrapper=styled.div(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  padding: 8px 0 20px;\n"],["\n  padding: 8px 0 20px;\n"]))),PkceDetails=styled.div(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  padding: 4px 0;\n"],["\n  padding: 4px 0;\n"])));
+import{__assign,__awaiter,__extends,__generator,__makeTemplateObject}from"tslib";import*as React from"react";import{styled,OptionsContext}from"../../redoc-lib";import{LinearProgress}from"../common/LinearProgress";import{FormControl,FormLabel,FormError,FormWrapper,FormWarning}from"../common/form";import{FormDropdown,FormTextField,TextField}from"../common/TextField";import{Checkbox}from"../common/Checkbox";import Scope from"./Scope";import{Button}from"../shared";import{OAuth2,deriveCodeChallenge}from"../../services/OAuth2";import{fromSessionStorage,getSecurityDetailsOptions}from"../../utils";import{normalizeUrlProtocol}from"./utils";import{isEmptyObject,randString}from"../../services/utils";function requiredValidator(e){if(!e)return"Field is required"}var OAuth2Flow=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"state",{enumerable:!0,configurable:!0,writable:!0,value:{error:null,loading:!1,showPkceOptions:!1}}),Object.defineProperty(t,"clearToken",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.props.formApi.setValue("auth."+t.props.id+".token","")}}),Object.defineProperty(t,"togglePkceOptions",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.setState((function(e){return{showPkceOptions:!e.showPkceOptions}}))}}),Object.defineProperty(t,"handleCodeVerifierChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var r=e.target.value;return __awaiter(t,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:return[4,deriveCodeChallenge(r)];case 1:return e=t.sent(),this.setState({codeVerifier:r,validCodeChallenge:e}),[2]}}))}))}}),t}return __extends(t,e),Object.defineProperty(t.prototype,"values",{get:function(){var e,t;return(null===(t=null===(e=this.props.form.values)||void 0===e?void 0:e.auth)||void 0===t?void 0:t[this.props.id])||{}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"errors",{get:function(){var e,t;return(null===(t=null===(e=this.props.form.errors)||void 0===e?void 0:e.auth)||void 0===t?void 0:t[this.props.id])||{}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"pkceInputActionButtonProps",{get:function(){var e=this;if(void 0!==this.state.codeVerifier&&this.state.codeChallenge!==this.state.validCodeChallenge)return{label:"sync",onClick:function(){e.state.codeVerifier&&e.setState({codeChallenge:e.state.validCodeChallenge})}}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;if(this.props.usePkce){var t=randString(43);deriveCodeChallenge(t).then((function(r){e.setState({codeVerifier:t,codeChallenge:r,validCodeChallenge:r})}))}}}),Object.defineProperty(t.prototype,"handleAuthorize",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this;if(e){this.props.formApi.validate();var r=this.props,n=r.flow,o=r.usePkce,a=r.id,l=r.tokenUrl,i=r.authCorsProxyUrl;if(isEmptyObject(this.errors)){this.setState({loading:!0,error:null});var c=i?i+normalizeUrlProtocol(e):e,s=i&&l?i+normalizeUrlProtocol(l):l,u=this.props.formApi.getValue("auth."+a+".scopes"),p={authorizationUrl:c.startsWith("http")?c:this.props.server+c,clientId:this.values.client_id,scopes:u,redirectUri:this.context.oAuth2RedirectURI,routingBasePath:this.context.routingBasePath,successCallback:function(e){t.props.formApi.setValue("auth."+t.props.id+".token",e),t.setState({loading:!1,error:null})},errorCallback:function(e){t.setState({loading:!1,error:(null==e?void 0:e.message)||"Failed to retrieve the access token"})}};"implicit"===n&&OAuth2.authorizeImplicit(p),"authorizationCode"===n&&OAuth2.authorizeAuthorizationCode(__assign(__assign(__assign({},p),{tokenUrl:(null==s?void 0:s.startsWith("http"))?s:this.props.server+s,clientSecret:this.values.client_secret}),o&&{codeVerifier:this.state.codeVerifier,codeChallenge:this.state.codeChallenge}))}}}}),Object.defineProperty(t.prototype,"handleLogout",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.clearToken(),this.setState({error:null})}}),Object.defineProperty(t.prototype,"handleCancel",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.setState({loading:!1,error:null}),OAuth2.clearRedirectData(this.props.flow)}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.state,r=t.error,n=t.loading,o=this.props,a=o.id,l=o.scopes,i=o.authorizationUrl,c=o.flow,s=o.usePkce,u=o.defaultValues;if(!i)return React.createElement(FormError,null,"No flow info");var p=fromSessionStorage("auth."+a+".token")||JSON.stringify(null==u?void 0:u.token);p=p?JSON.parse(p):"";var d=getSecurityDetailsOptions(a,"client_id"),m={field:"auth."+a+".client_id",fullWidth:!0,initialValue:fromSessionStorage("auth."+a+".client_id")||this.props.clientId||(null==u?void 0:u.client_id),initValue:fromSessionStorage("auth."+a+".client_id")||this.props.clientId||(null==u?void 0:u.client_id),placeholder:"Your OAuth2 app Client ID",validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement("div",null,React.createElement(FormWrapper,null,React.createElement(FormControl,null,React.createElement(FormLabel,null," Client ID: "),d?React.createElement(FormDropdown,__assign({},m,{options:d})):React.createElement(FormTextField,__assign({},m,{"data-cy":"client-id-input"}))),"authorizationCode"===c&&React.createElement(React.Fragment,null,(!(null==s?void 0:s.hideClientSecretInput)||!s)&&React.createElement(FormControl,null,React.createElement(FormLabel,null,"Client Secret:"),React.createElement(FormTextField,{type:"password",fullWidth:!0,field:"auth."+a+".client_secret",initialValue:fromSessionStorage("auth."+a+".client_secret")||(null==u?void 0:u.client_secret),validateOnBlur:!0,validateOnChange:!0,"data-cy":"client-secret-input"})),s&&!s.disableManualConfiguration&&React.createElement(PkceOptionsWrapper,null,React.createElement(Checkbox,{id:"pkce-opitons-toggle",label:"Configure PKCE manually",checked:this.state.showPkceOptions,onChange:this.togglePkceOptions,"data-cy":"pkce-options-toggle"}),this.state.showPkceOptions&&React.createElement(PkceDetails,null,React.createElement(FormControl,null,React.createElement(FormLabel,null,"Code Verifier"),React.createElement(TextField,{fullWidth:!0,value:this.state.codeVerifier,onChange:this.handleCodeVerifierChange,"data-cy":"code-verifier-input"})),React.createElement(FormControl,null,React.createElement(FormLabel,null,"Code Challenge"),React.createElement(TextField,{fullWidth:!0,value:this.state.codeChallenge,onChange:function(t){var r=t.target.value;e.setState({codeChallenge:r})},inputActionButton:this.pkceInputActionButtonProps,"data-cy":"code-challenge-input"}))))),React.createElement(FormTextField,{fullWidth:!0,field:"auth."+a+".token",type:"hidden",initialValue:p}),React.createElement(Scope,{id:a,scopes:l}),this.values.token&&this.values.token.access_token?React.createElement(FormControl,null,React.createElement(FormLabel,null," Access Token: "),React.createElement(TextField,{disabled:!0,type:"password",fullWidth:!0,value:this.values.token.access_token})):null),React.createElement(ButtonsWrapper,null,this.values.token&&this.values.token.access_token?React.createElement(Button,{fullWidth:!0,onClick:function(){e.handleLogout()}},"Log out"):n?React.createElement(React.Fragment,null,React.createElement(Button,{fullWidth:!0,onClick:function(){e.handleCancel()}},"Cancel"),React.createElement(LinearProgress,null)):React.createElement(Button,{fullWidth:!0,disabled:!isEmptyObject(this.errors),onClick:function(){e.handleAuthorize(i)}},"Authorize")),n||r||!this.values.token||!this.values.token.access_token&&React.createElement(FormWrapper,null,React.createElement(FormControl,null,n?React.createElement(FormWarning,null,"Please, finish your authorization flow or cancel authorization."):r?React.createElement(React.Fragment,null,React.createElement(OriginalErrorMessage,null,React.createElement(FormError,null,r))):this.values.token&&this.values.token.access_token?null:React.createElement(FormWarning,null," No Access Token. Please, Authorize. "))))}}),Object.defineProperty(t,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsContext}),t}(React.Component);export{OAuth2Flow};var templateObject_1,templateObject_2,templateObject_3,templateObject_4,OriginalErrorMessage=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  font-family: monospace;\n  margin-top: 10px;\n  line-height: 1;\n  padding-left: 10px;\n  border-left: 1px solid gray;\n"],["\n  font-family: monospace;\n  margin-top: 10px;\n  line-height: 1;\n  padding-left: 10px;\n  border-left: 1px solid gray;\n"]))),ButtonsWrapper=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  margin-bottom: 15px;\n"],["\n  margin-bottom: 15px;\n"]))),PkceOptionsWrapper=styled.div(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  padding: 8px 0 20px;\n"],["\n  padding: 8px 0 20px;\n"]))),PkceDetails=styled.div(templateObject_4||(templateObject_4=__makeTemplateObject(["\n  padding: 4px 0;\n"],["\n  padding: 4px 0;\n"])));
 //# sourceMappingURL=OAuth2Flow.js.map

package/lib-esm/components/console/OAuth2TokenInput.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SecurityDetails } from '../../utils';
+import type { SecurityDetails } from '../../utils';
 export interface OAuth2TokenInputProps {
     flow: {
         refreshUrl?: string;

package/lib-esm/components/console/OpenIDConnect.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { FormApi, FormState } from 'informed';
-import { SecurityScheme } from '../../redoc-lib';
-import { SecurityDetails } from '../../utils';
+import type { FormApi, FormState } from 'informed';
+import type { SecurityScheme } from '../../redoc-lib';
+import type { SecurityDetails } from '../../utils';
 export interface OpenIDConnectProps {
     server: string;
     authCorsProxyUrl: Maybe<string>;

package/lib-esm/components/console/OperationParameters.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { OperationModel } from '../../redoc-lib';
+import type { OperationModel } from '../../redoc-lib';
 export interface OperationParametersProps {
     operation: OperationModel;
     errors: Record<string, Record<string, string>>;

package/lib-esm/components/console/RequestBody.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { RequestBodyModel } from '../../redoc-lib';
-import { Console } from './Console';
+import type { RequestBodyModel } from '../../redoc-lib';
+import type { Console } from './Console';
 export interface RequestBodyProps {
     body: RequestBodyModel;
     resolvedBody: any;

package/lib-esm/components/console/RequestBody.js

@@ -1,2 +1,2 @@
-var _this=this;import{__assign,__awaiter,__generator,__rest}from"tslib";import*as React from"react";import{useEffect}from"react";import{observer}from"mobx-react";import merge from"deepmerge";import{DropdownOrLabel,MediaTypesSwitch}from"../../redoc-lib";import CodemirrorInput from"./CodemirrorInput";import{RequestMimeLabel}from"./RequestMimeLabel";import{ExampleSwitch,useExampleKey}from"../Samples";import{arrayMerge}from"../../services/utils";import{RequestBodyForm}from"./RequestBodyForm";import{isRootFileUpload}from"../common/FileUpload/helper";import{MediaTypes}from"../../models";import{Dropdown}from"../common/Dropdown";export var RequestBody=observer((function(e){var r,o,t=e.properties,a=void 0===t?{}:t,i=__rest(e,["properties"]),n=function(e){var r,o=i.body.content;if(!o||!o.hasSample)return"";var t=null===(r=o.active)||void 0===r?void 0:r.examples;if(!(null==t?void 0:t[e]))return"";var n=merge(null==t?void 0:t[e].value,a,{arrayMerge:arrayMerge});return JSON.stringify(n,null,2)},l=null===(o=null===(r=i.body.content)||void 0===r?void 0:r.operation)||void 0===o?void 0:o.activeExampleName,m=function(e){var r,o;null===(o=null===(r=i.body.content)||void 0===r?void 0:r.operation)||void 0===o||o.activateExampleName(e),i.console.formApi.setValue("body",n(e))},d=function(e){if(!e)return"";if("application/x-www-form-urlencoded"===e.mime)return e.value;var r=merge(e.value,a,{arrayMerge:arrayMerge});return JSON.stringify(r,null,2)},p=function(e,r){return __awaiter(void 0,void 0,void 0,(function(){var o;return __generator(this,(function(t){return o=i.console.formApi,(0,o.setValue)("body."+e,r),[2]}))}))};useEffect((function(){!1!==l?l&&i.console.formApi.setValue("body",n(l)):i.console.formApi.setValue("body",JSON.stringify(a,null,2))}),[l]);var u=i.validate,c=i.body;return React.createElement(React.Fragment,null,React.createElement(MediaTypesSwitch,{content:c.content,renderDropdown:function(e){return React.createElement(DropdownOrLabel,__assign({},e,{variant:"dark",fullWidth:!0,Label:RequestMimeLabel,Dropdown:Dropdown}))}},(function(e){var r,o=e.examples||{},t=Object.keys(o),a=e.schema,n=isRootFileUpload(a||{},e.name)||e.name===MediaTypes.MULTIPART||e.name===MediaTypes.URL_ENCODED,l=useExampleKey(e.operation,o).exampleKey,c=o[l];return React.createElement(React.Fragment,null,t.length&&1!==t.length&&React.createElement(ExampleSwitch,{examples:o,onChange:m,exampleKey:l})||null,n?React.createElement(RequestBodyForm,{mediaType:e,onChange:p.bind(_this)}):React.createElement(CodemirrorInput,{id:"body"+i.id,field:"body",initialValue:d(c),schema:((null===(r=null==i?void 0:i.resolvedBody)||void 0===r?void 0:r.content[e.name])||{}).schema,mode:e.name,validate:u}))})))}));
+var _this=this;import{__assign,__awaiter,__generator,__rest}from"tslib";import*as React from"react";import{useEffect}from"react";import{observer}from"mobx-react";import merge from"deepmerge";import{DropdownOrLabel,MediaTypesSwitch}from"../../redoc-lib";import CodemirrorInput from"./CodemirrorInput";import{RequestMimeLabel}from"./RequestMimeLabel";import{ExampleSwitch,useExampleKey}from"../Samples";import{arrayMergeStrategy}from"../../services/utils";import{RequestBodyForm}from"./RequestBodyForm";import{isRootFileUpload}from"../common/FileUpload/helper";import{MediaTypes}from"../../models";import{Dropdown}from"../common/Dropdown";export var RequestBody=observer((function(e){var r,t=e.properties,o=void 0===t?{}:t,a=__rest(e,["properties"]),i=a.body.content,n=a.console.formApi,l=function(e){var r;if(!i||!i.hasSample)return"";var t=null===(r=i.active)||void 0===r?void 0:r.examples;if(!(null==t?void 0:t[e]))return"";var a=merge(null==t?void 0:t[e].value,o,{arrayMerge:arrayMergeStrategy});return JSON.stringify(a,null,2)},m=null===(r=null==i?void 0:i.operation)||void 0===r?void 0:r.activeExampleName,d=function(e){var r;null===(r=null==i?void 0:i.operation)||void 0===r||r.activateExampleName(e),n.setValue("body",l(e))},u=function(e){if(!e)return"";if("application/x-www-form-urlencoded"===e.mime)return e.value;var r=merge(e.value,o,{arrayMerge:arrayMergeStrategy});return JSON.stringify(r,null,2)},p=function(e,r){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(t){return(0,n.setValue)("body."+e,r),[2]}))}))};useEffect((function(){!1!==m?m&&n.setValue("body",l(m)):n.setValue("body",JSON.stringify(o,null,2))}),[m]);var s=a.validate,c=a.body;return React.createElement(React.Fragment,null,React.createElement(MediaTypesSwitch,{content:c.content,renderDropdown:function(e){return React.createElement(DropdownOrLabel,__assign({},e,{variant:"dark",fullWidth:!0,Label:RequestMimeLabel,Dropdown:Dropdown}))}},(function(e){var r,t=e.examples||{},o=Object.keys(t),i=e.schema,l=isRootFileUpload(i||{},e.name)||e.name===MediaTypes.MULTIPART||e.name===MediaTypes.URL_ENCODED,m=useExampleKey(e.operation,t).exampleKey,c=t[m];return React.createElement(React.Fragment,null,o.length&&1!==o.length&&React.createElement(ExampleSwitch,{examples:t,onChange:d,exampleKey:m})||null,l?React.createElement(RequestBodyForm,{mediaType:e,formApi:n,onChange:p.bind(_this)}):React.createElement(CodemirrorInput,{id:"body"+a.id,field:"body",initialValue:u(c),schema:((null===(r=null==a?void 0:a.resolvedBody)||void 0===r?void 0:r.content[e.name])||{}).schema,mode:e.name,validate:s}))})))}));
 //# sourceMappingURL=RequestBody.js.map

package/lib-esm/components/console/RequestBodyForm.d.ts

@@ -1,6 +1,9 @@
-import * as React from 'react';
-import type { MediaTypeModel } from '../../redoc-lib';
+import React from 'react';
+import type { FormApi } from 'informed';
+import type { FieldModel, MediaTypeModel } from '../../redoc-lib';
 export declare const RequestBodyForm: (props: {
     mediaType: MediaTypeModel;
     onChange: React.ChangeEventHandler<HTMLInputElement>;
+    formApi?: FormApi<import("informed").FormValues> | undefined;
 }) => JSX.Element | null;
+export declare function getRequestBodyFormFields(mediaType: MediaTypeModel): FieldModel[];

package/lib-esm/components/console/RequestBodyForm.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject}from"tslib";import*as React from"react";import{observer}from"mobx-react";import{isMultipartFileUploadProperty,isRootFileUpload,mimeTypeToAccept}from"../common/FileUpload/helper";import{FormControl,FormLabel}from"../common/form";import{styled}from"../../redoc-lib";import{FileUpload}from"../common/FileUpload";import{FormTextField,invertedInputStyles}from"../common/TextField";import{DefinitionTypes,MediaTypes}from"../../models";export var RequestBodyForm=observer((function(e){var t,o,n,l,a,m=e.mediaType,r=e.onChange,i=((null===(o=null===(t=m.schema)||void 0===t?void 0:t.oneOf)||void 0===o?void 0:o.length)?(null===(n=m.schema)||void 0===n?void 0:n.oneOf[null===(l=m.schema)||void 0===l?void 0:l.activeOneOf].fields)||[]:(null===(a=m.schema)||void 0===a?void 0:a.fields)||[]).filter((function(e){return!e.schema.readOnly})),p=m.schema||{};return isRootFileUpload(p,m.name)?React.createElement(FileFormControlWrapper,null,React.createElement(FormControl,null,React.createElement(StyledFileUpload,{fullWidth:!0,id:"body."+m.name,name:"body."+m.name,accept:mimeTypeToAccept(m.name),schema:p,contentName:m.name,onChange:r}))):p.type===DefinitionTypes.OBJECT||i?React.createElement(FileFormControlWrapper,null,i.map((function(e){var t=e.schema||{},o=m.name===MediaTypes.MULTIPART&&isMultipartFileUploadProperty(t),n=t.contentMediaType||"",l=o?React.createElement(StyledFileUpload,{fullWidth:!0,id:"body."+e.name,name:"body."+e.name,accept:mimeTypeToAccept(n),multiple:"array"===t.type,schema:t,contentName:e.name,onChange:r}):React.createElement(FormTextField,{fullWidth:!0,id:"body."+e.name,field:"body."+e.name,placeholder:t.description||e.name});return React.createElement(FormControl,{key:e.name},React.createElement(FormLabel,null,e.name,":"),l)}))):(console.warn('Invalid schema for request body and mime type: "'+m.name+'"',p),null)}));var templateObject_1,templateObject_2,FileFormControlWrapper=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  > div {\n    margin-top: 10px;\n  }\n"],["\n  > div {\n    margin-top: 10px;\n  }\n"]))),StyledFileUpload=styled(FileUpload)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  ","\n  ",";\n  ","\n"],["\n  ","\n  ",";\n  ","\n"])),invertedInputStyles,(function(e){return"password"===e.inputType?"padding-right: 40px;":""}),(function(e){return e.fullWidth?"width: 100%;":""}));
+import{__makeTemplateObject}from"tslib";import React,{useEffect}from"react";import{observer}from"mobx-react";import{isMultipartFileUploadProperty,isRootFileUpload,mimeTypeToAccept}from"../common/FileUpload/helper";import{FormControl,FormLabel}from"../common/form";import{styled}from"../../redoc-lib";import{FileUpload}from"../common/FileUpload";import{FormTextField,invertedInputStyles}from"../common/TextField";import{DefinitionTypes,MediaTypes}from"../../models";import{useExampleKey}from"../Samples";export var RequestBodyForm=observer((function(e){var t,o=e.mediaType,l=e.onChange,n=e.formApi,a=o.examples||{},m=useExampleKey(o.operation,a).exampleKey,r=null===(t=a[m])||void 0===t?void 0:t.rawValue,i=getRequestBodyFormFields(o);useEffect((function(){return n&&i.forEach((function(e){var t,o,l=null==r?void 0:r[e.name],a=null!==(o=null!==(t=e.example)&&void 0!==t?t:null==l?void 0:l.example)&&void 0!==o?o:l;void 0!==a&&n.setValue("body."+e.name,""+a)}))}),[m]);var p=o.schema||{};return isRootFileUpload(p,o.name)?React.createElement(FileFormControlWrapper,null,React.createElement(FormControl,null,React.createElement(StyledFileUpload,{fullWidth:!0,id:"body."+o.name,name:"body."+o.name,accept:mimeTypeToAccept(o.name),schema:p,contentName:o.name,onChange:l}))):p.type===DefinitionTypes.OBJECT||i?React.createElement(FileFormControlWrapper,null,i.map((function(e){var t=e.schema||{},n=o.name===MediaTypes.MULTIPART&&isMultipartFileUploadProperty(t),a=t.contentMediaType||"",m=n?React.createElement(StyledFileUpload,{fullWidth:!0,id:"body."+e.name,name:"body."+e.name,accept:mimeTypeToAccept(a),multiple:"array"===t.type,schema:t,contentName:e.name,onChange:l}):React.createElement(FormTextField,{fullWidth:!0,id:"body."+e.name,field:"body."+e.name,placeholder:t.description||e.name});return React.createElement(FormControl,{key:e.name},React.createElement(FormLabel,null,e.name,":"),m)}))):(console.warn('Invalid schema for request body and mime type: "'+o.name+'"',p),null)}));export function getRequestBodyFormFields(e){var t,o,l,n,a;return((null===(o=null===(t=e.schema)||void 0===t?void 0:t.oneOf)||void 0===o?void 0:o.length)?(null===(l=e.schema)||void 0===l?void 0:l.oneOf[null===(n=e.schema)||void 0===n?void 0:n.activeOneOf].fields)||[]:(null===(a=e.schema)||void 0===a?void 0:a.fields)||[]).filter((function(e){return!e.schema.readOnly}))}var templateObject_1,templateObject_2,FileFormControlWrapper=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  > div {\n    margin-top: 10px;\n  }\n"],["\n  > div {\n    margin-top: 10px;\n  }\n"]))),StyledFileUpload=styled(FileUpload)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  ","\n  ",";\n  ","\n"],["\n  ","\n  ",";\n  ","\n"])),invertedInputStyles,(function(e){return"password"===e.inputType?"padding-right: 40px;":""}),(function(e){return e.fullWidth?"width: 100%;":""}));
 //# sourceMappingURL=RequestBodyForm.js.map

package/lib-esm/components/console/ResponseBody.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { OpenApiResponseData } from './ResponsePanel';
+import type { OpenApiResponseData } from './ResponsePanel';
 export declare function ResponseBody({ response }: {
     response: OpenApiResponseData;
 }): JSX.Element;

package/lib-esm/components/console/ResponsePanel.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { FileInfo } from '../../redoc-lib/src/common-elements/Download';
+import type { FileInfo } from '../../redoc-lib/src/common-elements/Download';
 export interface OpenApiResponseData extends FileInfo {
     body?: GenericObject;
     data: string;

package/lib-esm/components/console/ServerDropdown.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { OperationModel, Server } from '../../redoc-lib';
-import { DropdownOption } from '../common/Dropdown';
+import type { DropdownOption } from '../common/Dropdown';
 export interface ServerDropdownProps {
     operation: OperationModel;
     onChange: (server: Server) => void;

package/lib-esm/components/console/utils.d.ts

@@ -1,4 +1,4 @@
-import { FieldModel, OpenAPIServer, Server, ServerVariables } from '../../redoc-lib';
+import type { FieldModel, OpenAPIServer, Server, ServerVariables } from '../../redoc-lib';
 export declare function normalizeUrlProtocol(url: string): string;
 export declare function updateStorage(state: GenericObject): void;
 export declare const getParameters: (parameters: FieldModel[], type: string) => GenericObject;

package/lib-esm/components/pluggable/RedocExample.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { OpenAPIEncoding } from '../../redoc-lib';
-import { ProStore } from '../../services/ProStore';
+import type { OpenAPIEncoding } from '../../redoc-lib';
+import type { ProStore } from '../../services/ProStore';
 interface RedocExampleProps {
     store: ProStore;
     pointer: string;

package/lib-esm/components/pluggable/RedocRequestBody.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ProStore } from '../../services';
+import type { ProStore } from '../../services';
 interface RedocRequestBodyProps {
     store: ProStore;
     pointer: string;

package/lib-esm/components/pluggable/RedocResponse.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ProStore } from '../../services/ProStore';
+import type { ProStore } from '../../services/ProStore';
 export interface RedocResponseProps {
     store: ProStore;
     pointer: string;

package/lib-esm/components/pluggable/RedocSchema.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { OpenAPISchema } from '../../redoc-lib';
-import { ProStore } from '../../services';
+import type { OpenAPISchema } from '../../redoc-lib';
+import type { ProStore } from '../../services';
 interface RedocSchemaProps {
     store: ProStore;
     pointer?: string;

package/lib-esm/components/pluggable/styled.components.d.ts

@@ -1,4 +1,4 @@
-import { ProTheme } from '../../services/extendTheme';
+import type { ProTheme } from '../../services/extendTheme';
 export declare const SamplesWrap: import("styled-components").StyledComponent<"div", ProTheme, {}, never>;
 export declare const ExamplesWrap: import("styled-components").StyledComponent<"div", ProTheme, {}, never>;
 export declare const FullWidthPanel: import("styled-components").StyledComponent<"div", ProTheme, {

package/lib-esm/components/styled.elements.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-import { ProTheme } from '../services/extendTheme';
-import { ProStore, LayoutVariant } from '../services';
+import type { ProTheme } from '../services/extendTheme';
+import type { ProStore } from '../services';
+import { LayoutVariant } from '../services';
 export declare const StyledToggleRightPanelButton: import("styled-components").StyledComponent<"a", ProTheme, {}, never>;
 export declare const ToggleRightPanelButton: ({ store, isVisible, }: {
     store: ProStore;

package/lib-esm/models/code-sample-options.d.ts

@@ -1,4 +1,4 @@
-import { Events, CodeSamplesConfig } from '../services';
+import type { Events, CodeSamplesConfig } from '../services';
 export interface CodeSampleOptions {
     payloadSampleIdx: number;
     hideRequestPayloadSample: boolean;

package/lib-esm/redoc-lib/src/common-elements/LinkToField.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from 'react';
-import { FieldModel } from '../services';
+import type { PropsWithChildren } from 'react';
+import type { FieldModel } from '../services';
 interface LinkToFieldProps {
     field: FieldModel;
     className?: string;

package/lib-esm/redoc-lib/src/common-elements/Tooltip.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import type { PropsWithChildren } from 'react';
 export interface TooltipProps {
     tip: string;
     open?: boolean;

package/lib-esm/redoc-lib/src/common-elements/linkify.d.ts

@@ -1,5 +1,6 @@
-import React, { PropsWithChildren } from 'react';
-import { FlattenSimpleInterpolation } from 'styled-components';
+import type { PropsWithChildren } from 'react';
+import React from 'react';
+import type { FlattenSimpleInterpolation } from 'styled-components';
 export declare function userIsForcingNavigation(event: React.MouseEvent): boolean;
 export declare const linkifyMixin: (className: string, size: string) => FlattenSimpleInterpolation;
 export declare function Link(props: PropsWithChildren<{

package/lib-esm/redoc-lib/src/common-elements/perfect-scrollbar.d.ts

@@ -1,5 +1,6 @@
-import React, { PropsWithChildren } from 'react';
-import PerfectScrollbarType from 'perfect-scrollbar';
+import type { PropsWithChildren } from 'react';
+import React from 'react';
+import type PerfectScrollbarType from 'perfect-scrollbar';
 export interface PerfectScrollbarProps {
     options?: PerfectScrollbarType.Options;
     className?: string;

package/lib-esm/redoc-lib/src/components/ApiInfo/ApiInfo.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ProStore } from '../../../../services';
+import type { ProStore } from '../../../../services';
 export interface ApiInfoProps {
     store: ProStore;
 }

package/lib-esm/redoc-lib/src/components/ApiLogo/ApiLogo.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { OpenAPIInfo } from '../../types';
+import type { OpenAPIInfo } from '../../types';
 export declare class ApiLogo extends React.Component<{
     info: OpenAPIInfo;
 }> {

package/lib-esm/redoc-lib/src/components/ApiLogo/styled.elements.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { PropsWithChildren } from 'react';
+import type { PropsWithChildren } from 'react';
 export declare const LogoImgEl: import("styled-components").StyledComponent<"img", import("../../../../services/extendTheme").ProTheme, {}, never>;
 export declare const LogoWrap: import("styled-components").StyledComponent<"div", import("../../../../services/extendTheme").ProTheme, {}, never>;
 export declare const LinkWrap: ({ url, children }: React.PropsWithChildren<{

package/lib-esm/redoc-lib/src/components/CallbackSamples/CallbackReqSamples.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { OperationModel } from '../../services/models';
+import type { OperationModel } from '../../services/models';
 import type { DropdownProps } from '../../../../components/common/Dropdown';
 export interface PayloadSampleProps {
     callback: OperationModel;

package/lib-esm/redoc-lib/src/components/CallbackSamples/CallbackSamples.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { RedocNormalizedOptions } from '../../services';
-import { CallbackModel } from '../../services/models';
+import type { RedocNormalizedOptions } from '../../services';
+import type { CallbackModel } from '../../services/models';
 export interface CallbackSamplesProps {
     callbacks: CallbackModel[];
 }

package/lib-esm/redoc-lib/src/components/Callbacks/CallbackDetails.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { OperationModel } from '../../services';
+import type { OperationModel } from '../../services';
 export interface CallbackDetailsProps {
     operation: OperationModel;
 }

package/lib-esm/redoc-lib/src/components/Callbacks/CallbackOperation.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { OperationModel } from '../../services';
+import type { OperationModel } from '../../services';
 export interface CallbackOperationProps {
     operation: OperationModel;
 }

package/lib-esm/redoc-lib/src/components/Callbacks/CallbackSummary.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { PanelHeaderProps } from '../../../../components/Panel';
-import { OperationModel } from '../../services';
+import type { PanelHeaderProps } from '../../../../components/Panel';
+import type { OperationModel } from '../../services';
 export interface CallbackTitleProps extends PanelHeaderProps {
     operation: OperationModel;
 }