@redocly/reference-docs 2.13.0 → 2.13.3

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

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
-import { OperationModel } from '../../redoc-lib/src/services';
+import type { ReactElement } from 'react';
+import type { OperationModel } from '../../redoc-lib/src/services';
 export interface EndpointProps {
     operation: OperationModel;
     hideHostname?: boolean;

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

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
-import { OperationModel } from '../../redoc-lib/src/services';
+import type { ReactElement } from 'react';
+import type { OperationModel } from '../../redoc-lib/src/services';
 export interface ServerListProps {
     operation: OperationModel;
     expandVariables: boolean;

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

@@ -1,6 +1,6 @@
-import { ReactElement } from 'react';
-import { OperationModel } from '../../redoc-lib';
-import { PanelHeaderProps } from '../Panel';
+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;

package/lib/components/NextSectionButton.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ProMenu } from '../services/ProMenu';
-import { RedocProNormalizedOptions } from '../services/ProStore';
+import type { ProMenu } from '../services/ProMenu';
+import type { RedocProNormalizedOptions } from '../services/ProStore';
 export declare const NextSectionButton: import("styled-components").StyledComponent<"button", import("../services/extendTheme").ProTheme, import("./shared/Button").ButtonProps, never>;
 export declare const NextSectionButtonLink: import("styled-components").StyledComponent<"a", import("../services/extendTheme").ProTheme, import("./shared/Button").ButtonProps, never>;
 interface ContinueButtonProps {

package/lib/components/Overlay.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { LicenseInfo } from '../services/check';
+import type { LicenseInfo } from '../services/check';
 export interface LicenseCheckProps {
     l: Promise<LicenseInfo>;
 }

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

@@ -1,4 +1,5 @@
-import React, { PropsWithChildren } from 'react';
+import type { PropsWithChildren } from 'react';
+import React from 'react';
 export interface PanelHeaderProps {
     expanded?: boolean;
     toggle: (e: React.BaseSyntheticEvent) => void;

package/lib/components/ProProviders.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { RedocNormalizedOptions } from '../redoc-lib';
-import { ProStore } from '../services/ProStore';
+import type { RedocNormalizedOptions } from '../redoc-lib';
+import type { ProStore } from '../services/ProStore';
 export interface ProProvidersProps {
     store: ProStore;
     children: React.ReactNode;

package/lib/components/RedoclyReferenceDocs.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { ProStore, RedocProRawOptions } from '../services/ProStore';
+import type { ProStore, RedocProRawOptions } from '../services/ProStore';
 import { LayoutVariant } from '../services/store-types';
-import { SpecVersions } from '../services/VersionedSpecStore';
-import { CodeSampleConfig } from '../services/code-samples/types';
+import type { SpecVersions } from '../services/VersionedSpecStore';
+import type { CodeSampleConfig } from '../services/code-samples/types';
 export interface RedoclyReferenceDocsProps {
     store: ProStore;
     _forceRenderInfo?: boolean;

package/lib/components/Samples/ExampleSwitch.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ExampleModel } from '../../redoc-lib/src/services';
+import type { ExampleModel } from '../../redoc-lib/src/services';
 interface ExampleModelsMap {
     [key: string]: ExampleModel;
 }

package/lib/components/Samples/ExampleSwitch.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExampleSwitch=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),react_1=require("react"),shared_1=require("../shared"),form_1=require("../common/form"),Dropdown_1=require("../common/Dropdown"),ExampleSwitch=function(e){var r=e.exampleKey,t=e.examples,a=e.onChange,n=Object.keys(t),o=r?n.indexOf(r):0,c=(0,react_1.useState)(o>-1?o:0),i=c[0],l=c[1];(0,react_1.useEffect)((function(){return l(o>-1?o:0)}),[r,o]);var u=n.map((function(e,r){return{value:t[e].summary||e,idx:r}}));return React.createElement(React.Fragment,null,React.createElement(form_1.FormControl,{"data-cy":"example-switch"},React.createElement(Dropdown_1.Dropdown,{variant:"dark",fullWidth:!0,options:u,value:u[i].value,onChange:function(e){var r=e.idx;l(r),a(n[r])}})),r&&-1===o&&React.createElement(shared_1.WarnMessage,null,"Provided sample not found"))};exports.ExampleSwitch=ExampleSwitch;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ExampleSwitch=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),react_1=require("react"),shared_1=require("../shared"),form_1=require("../common/form"),Dropdown_1=require("../common/Dropdown"),ExampleSwitch=function(e){var r=e.exampleKey,t=e.examples,a=e.onChange,n=Object.keys(t),o=r?n.indexOf(r):0,c=(0,react_1.useState)(o>-1?o:0),i=c[0],l=c[1];(0,react_1.useEffect)((function(){return l(o>-1?o:0)}),[r,o]);var u=n.map((function(e,r){return{value:t[e].summary||e,idx:r}}));return React.createElement(React.Fragment,null,"default"!==u[i].value&&React.createElement(form_1.FormControl,{"data-cy":"example-switch"},React.createElement(Dropdown_1.Dropdown,{variant:"dark",fullWidth:!0,options:u,value:u[i].value,onChange:function(e){var r=e.idx;l(r),a(n[r])}})),r&&-1===o&&React.createElement(shared_1.WarnMessage,null,"Provided sample not found"))};exports.ExampleSwitch=ExampleSwitch;
 //# sourceMappingURL=ExampleSwitch.js.map

package/lib/components/Samples/SamplesTabs.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TabProps, TabsProps } from '../Tabs';
+import type { TabProps, TabsProps } from '../Tabs';
 interface SampleProps extends TabProps {
     lang: string;
 }

package/lib/components/Samples/use-example-key.d.ts

@@ -1,4 +1,4 @@
-import { OperationModel } from '../../redoc-lib/src/services/models/Operation';
+import type { OperationModel } from '../../redoc-lib/src/services/models/Operation';
 interface ExampleName {
     exampleKey: string;
     defaultExampleName?: string | false;

package/lib/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/components/Search/MenuItemProSearch.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuItemPro=void 0;var templateObject_1,templateObject_2,templateObject_3,tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),ResultMeta=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  font-size: 0.8em;\n  ","\n"],["\n  font-size: 0.8em;\n  ","\n"])),(function(e){var t=e.theme;return(0,redoc_lib_1.mediaCSS)({fontFamily:t.typography.code.fontFamily})})),Place=redoc_lib_1.styled.span(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  font-weight: bold;\n"],["\n  font-weight: bold;\n"]))),MarkedSpan=redoc_lib_1.styled.span(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  color: ",";\n  background-color: #ffff03;\n"],["\n  color: ",";\n  background-color: #ffff03;\n"])),(function(e){return e.theme.sidebar.activeTextColor})),MenuItemPro=function(e){var t=e.result,a=e.active,n=e.term,r=e.onActivate,l=e.history,c=React.useContext(redoc_lib_1.OptionsContext),o="path-only"===c.searchMode,i="path-first"===c.sideNavStyle;return React.createElement(redoc_lib_1.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=l.linkForId(t.item.id);window.open(n,"_blank")}else r(t)},withoutChildren:!0,"data-role":"search:result"},(i||o)&&"operation"===t.item.type?React.createElement(React.Fragment,null,React.createElement(redoc_lib_1.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),r=1,l=n.length;r<l;r+=2)n[r]=React.createElement(MarkedSpan,{key:r},n[r]);return n}exports.MenuItemPro=MenuItemPro;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuItemPro=void 0;var templateObject_1,templateObject_2,templateObject_3,tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),services_1=require("../../services"),ResultMeta=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  font-size: 0.8em;\n  ","\n"],["\n  font-size: 0.8em;\n  ","\n"])),(function(e){var t=e.theme;return(0,redoc_lib_1.mediaCSS)({fontFamily:t.typography.code.fontFamily})})),Place=redoc_lib_1.styled.span(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  font-weight: bold;\n"],["\n  font-weight: bold;\n"]))),MarkedSpan=redoc_lib_1.styled.span(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  color: ",";\n  background-color: #ffff03;\n"],["\n  color: ",";\n  background-color: #ffff03;\n"])),(function(e){return e.theme.sidebar.activeTextColor})),MenuItemPro=function(e){var t=e.result,a=e.active,n=e.term,r=e.onActivate,l=e.history,c=React.useContext(redoc_lib_1.OptionsContext),i="path-only"===c.searchMode,o=c.sideNavStyle===services_1.SideNavStyle.PathFirst;return React.createElement(redoc_lib_1.MenuItem,{item:Object.create(t.item,{active:{value:a},name:{value:i?t.item.name:""},path:{value:""},search:{value:!0}}),onActivate:function(e,a){if(a.ctrlKey){var n=l.linkForId(t.item.id);window.open(n,"_blank")}else r(t)},withoutChildren:!0,"data-role":"search:result"},(o||i)&&"operation"===t.item.type?React.createElement(React.Fragment,null,React.createElement(redoc_lib_1.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),r=1,l=n.length;r<l;r+=2)n[r]=React.createElement(MarkedSpan,{key:r},n[r]);return n}exports.MenuItemPro=MenuItemPro;
 //# sourceMappingURL=MenuItemProSearch.js.map

package/lib/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/components/console/OAuth2Flow.d.ts

@@ -1,8 +1,8 @@
 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;

package/lib/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/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/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/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/components/console/RequestBody.js

@@ -1,2 +1,2 @@
-"use strict";var _this=this;Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestBody=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),react_1=require("react"),mobx_react_1=require("mobx-react"),deepmerge_1=(0,tslib_1.__importDefault)(require("deepmerge")),redoc_lib_1=require("../../redoc-lib"),CodemirrorInput_1=(0,tslib_1.__importDefault)(require("./CodemirrorInput")),RequestMimeLabel_1=require("./RequestMimeLabel"),Samples_1=require("../Samples"),utils_1=require("../../services/utils"),RequestBodyForm_1=require("./RequestBodyForm"),helper_1=require("../common/FileUpload/helper"),models_1=require("../../models"),Dropdown_1=require("../common/Dropdown");exports.RequestBody=(0,mobx_react_1.observer)((function(e){var r,t=e.properties,i=void 0===t?{}:t,a=(0,tslib_1.__rest)(e,["properties"]),o=a.body.content,l=a.console.formApi,n=function(e){var r;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 a=(0,deepmerge_1.default)(null==t?void 0:t[e].value,i,{arrayMerge:utils_1.arrayMerge});return JSON.stringify(a,null,2)},u=null===(r=null==o?void 0:o.operation)||void 0===r?void 0:r.activeExampleName,d=function(e){var r;null===(r=null==o?void 0:o.operation)||void 0===r||r.activateExampleName(e),l.setValue("body",n(e))},s=function(e){if(!e)return"";if("application/x-www-form-urlencoded"===e.mime)return e.value;var r=(0,deepmerge_1.default)(e.value,i,{arrayMerge:utils_1.arrayMerge});return JSON.stringify(r,null,2)},m=function(e,r){return(0,tslib_1.__awaiter)(void 0,void 0,void 0,(function(){return(0,tslib_1.__generator)(this,(function(t){return(0,l.setValue)("body."+e,r),[2]}))}))};(0,react_1.useEffect)((function(){!1!==u?u&&l.setValue("body",n(u)):l.setValue("body",JSON.stringify(i,null,2))}),[u]);var _=a.validate,c=a.body;return React.createElement(React.Fragment,null,React.createElement(redoc_lib_1.MediaTypesSwitch,{content:c.content,renderDropdown:function(e){return React.createElement(redoc_lib_1.DropdownOrLabel,(0,tslib_1.__assign)({},e,{variant:"dark",fullWidth:!0,Label:RequestMimeLabel_1.RequestMimeLabel,Dropdown:Dropdown_1.Dropdown}))}},(function(e){var r,t=e.examples||{},i=Object.keys(t),o=e.schema,n=(0,helper_1.isRootFileUpload)(o||{},e.name)||e.name===models_1.MediaTypes.MULTIPART||e.name===models_1.MediaTypes.URL_ENCODED,u=(0,Samples_1.useExampleKey)(e.operation,t).exampleKey,c=t[u];return React.createElement(React.Fragment,null,i.length&&1!==i.length&&React.createElement(Samples_1.ExampleSwitch,{examples:t,onChange:d,exampleKey:u})||null,n?React.createElement(RequestBodyForm_1.RequestBodyForm,{mediaType:e,formApi:l,onChange:m.bind(_this)}):React.createElement(CodemirrorInput_1.default,{id:"body"+a.id,field:"body",initialValue:s(c),schema:((null===(r=null==a?void 0:a.resolvedBody)||void 0===r?void 0:r.content[e.name])||{}).schema,mode:e.name,validate:_}))})))}));
+"use strict";var _this=this;Object.defineProperty(exports,"__esModule",{value:!0}),exports.RequestBody=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),react_1=require("react"),mobx_react_1=require("mobx-react"),deepmerge_1=(0,tslib_1.__importDefault)(require("deepmerge")),redoc_lib_1=require("../../redoc-lib"),CodemirrorInput_1=(0,tslib_1.__importDefault)(require("./CodemirrorInput")),RequestMimeLabel_1=require("./RequestMimeLabel"),Samples_1=require("../Samples"),utils_1=require("../../services/utils"),RequestBodyForm_1=require("./RequestBodyForm"),helper_1=require("../common/FileUpload/helper"),models_1=require("../../models"),Dropdown_1=require("../common/Dropdown");exports.RequestBody=(0,mobx_react_1.observer)((function(e){var r,t=e.properties,a=void 0===t?{}:t,i=(0,tslib_1.__rest)(e,["properties"]),o=i.body.content,l=i.console.formApi,n=function(e){var r;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 i=(0,deepmerge_1.default)(null==t?void 0:t[e].value,a,{arrayMerge:utils_1.arrayMergeStrategy});return JSON.stringify(i,null,2)},u=null===(r=null==o?void 0:o.operation)||void 0===r?void 0:r.activeExampleName,d=function(e){var r;null===(r=null==o?void 0:o.operation)||void 0===r||r.activateExampleName(e),l.setValue("body",n(e))},s=function(e){if(!e)return"";if("application/x-www-form-urlencoded"===e.mime)return e.value;var r=(0,deepmerge_1.default)(e.value,a,{arrayMerge:utils_1.arrayMergeStrategy});return JSON.stringify(r,null,2)},m=function(e,r){return(0,tslib_1.__awaiter)(void 0,void 0,void 0,(function(){return(0,tslib_1.__generator)(this,(function(t){return(0,l.setValue)("body."+e,r),[2]}))}))};(0,react_1.useEffect)((function(){!1!==u?u&&l.setValue("body",n(u)):l.setValue("body",JSON.stringify(a,null,2))}),[u]);var _=i.validate,c=i.body;return React.createElement(React.Fragment,null,React.createElement(redoc_lib_1.MediaTypesSwitch,{content:c.content,renderDropdown:function(e){return React.createElement(redoc_lib_1.DropdownOrLabel,(0,tslib_1.__assign)({},e,{variant:"dark",fullWidth:!0,Label:RequestMimeLabel_1.RequestMimeLabel,Dropdown:Dropdown_1.Dropdown}))}},(function(e){var r,t=e.examples||{},a=Object.keys(t),o=e.schema,n=(0,helper_1.isRootFileUpload)(o||{},e.name)||e.name===models_1.MediaTypes.MULTIPART||e.name===models_1.MediaTypes.URL_ENCODED,u=(0,Samples_1.useExampleKey)(e.operation,t).exampleKey,c=t[u];return React.createElement(React.Fragment,null,a.length&&1!==a.length&&React.createElement(Samples_1.ExampleSwitch,{examples:t,onChange:d,exampleKey:u})||null,n?React.createElement(RequestBodyForm_1.RequestBodyForm,{mediaType:e,formApi:l,onChange:m.bind(_this)}):React.createElement(CodemirrorInput_1.default,{id:"body"+i.id,field:"body",initialValue:s(c),schema:((null===(r=null==i?void 0:i.resolvedBody)||void 0===r?void 0:r.content[e.name])||{}).schema,mode:e.name,validate:_}))})))}));
 //# sourceMappingURL=RequestBody.js.map

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FormApi } from 'informed';
+import type { FormApi } from 'informed';
 import type { FieldModel, MediaTypeModel } from '../../redoc-lib';
 export declare const RequestBodyForm: (props: {
     mediaType: MediaTypeModel;

package/lib/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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;
 }

package/lib/redoc-lib/src/components/Callbacks/CallbacksList.d.ts

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

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

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { ContentItemModel } from '../../services/MenuBuilder';
-import { OperationModel } from '../../services/models';
+import type { ContentItemModel } from '../../services/MenuBuilder';
+import type { OperationModel } from '../../services/models';
 import type { LayoutVariant } from '../../../../services/';
-import { ProStore } from '../../../../services/ProStore';
+import type { ProStore } from '../../../../services/ProStore';
 interface ContentItemsProps {
     items: ContentItemModel[];
     store: ProStore;