@redocly/reference-docs 2.12.5 → 2.13.2

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/SamplesTabs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SamplesTabs=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),Tabs_1=require("../Tabs"),redoc_lib_1=require("../../redoc-lib"),LoadingWrapper_1=require("./LoadingWrapper"),shared_1=require("../shared");exports.SamplesTabs=(0,mobx_react_1.observer)((function(e){var a=e.children,t=e.onChange,r=e.defaultLanguage,n=(0,tslib_1.__rest)(e,["children","onChange","defaultLanguage"]),u=(0,react_1.useMemo)((function(){return n.tabs.map((function(e){return e.lang}))}),[n.tabs]),i=(0,react_1.useContext)(redoc_lib_1.StoreContext),l=(0,react_1.useState)(r),s=l[0],c=l[1],o=(0,react_1.useState)(u),_=o[0],d=o[1];(0,react_1.useEffect)((function(){return d(u)}),[n.tabs]),(0,react_1.useEffect)((function(){s===(null==i?void 0:i.activeSampleLanguage)&&c(void 0)}),[null==i?void 0:i.activeSampleLanguage]),(0,react_1.useEffect)((function(){return null==i?void 0:i.stopLoader()}),[null==i?void 0:i.activeSampleLanguage]),(0,react_1.useEffect)((function(){s&&(null==i||i.startLoader(),null==i||i.activateSampleLanguage(s))}),[s,r]);var g;return react_1.default.createElement(LoadingWrapper_1.LoadingWrapper,{className:s&&"updated"},react_1.default.createElement(Tabs_1.CollapsingTabsBase,(0,tslib_1.__assign)({},n,{activeIndex:(g=_.indexOf(s||(null==i?void 0:i.activeSampleLanguage)||""),-1===g?0:g),onChange:function(e){var a=n.tabs[e];null==i||i.setActiveSampleLanguage(a.lang),t&&t(a)}}),r&&-1===_.indexOf(r)&&react_1.default.createElement(shared_1.WarnMessage,null,"Provided language is not supported"),a))}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SamplesTabs=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importStar)(require("react")),mobx_react_1=require("mobx-react"),Tabs_1=require("../Tabs"),redoc_lib_1=require("../../redoc-lib"),LoadingWrapper_1=require("./LoadingWrapper"),shared_1=require("../shared");exports.SamplesTabs=(0,mobx_react_1.observer)((function(e){var a=e.children,r=e.onChange,t=e.defaultLanguage,n=(0,tslib_1.__rest)(e,["children","onChange","defaultLanguage"]),u=(0,react_1.useMemo)((function(){return n.tabs.map((function(e){return e.lang}))}),[n.tabs]),s=(0,react_1.useContext)(redoc_lib_1.StoreContext),i=(0,react_1.useState)(t),l=i[0],o=i[1],c=(0,react_1.useState)(u),_=c[0],d=c[1];(0,react_1.useEffect)((function(){return d(u)}),[n.tabs]),(0,react_1.useEffect)((function(){return null==s?void 0:s.stopLoader()}),[null==s?void 0:s.activeSampleLanguage]),(0,react_1.useEffect)((function(){l&&(null==s||s.startLoader(),null==s||s.activateSampleLanguage(l))}),[l,t]);var g;return react_1.default.createElement(LoadingWrapper_1.LoadingWrapper,{className:l&&"updated"},react_1.default.createElement(Tabs_1.CollapsingTabsBase,(0,tslib_1.__assign)({},n,{activeIndex:(g=_.indexOf(l||(null==s?void 0:s.activeSampleLanguage)||""),-1===g?0:g),onChange:function(e){var a=n.tabs[e];o(a.lang),r&&r(a)}}),t&&-1===_.indexOf(t)&&react_1.default.createElement(shared_1.WarnMessage,null,"Provided language is not supported"),a))}));
 //# sourceMappingURL=SamplesTabs.js.map

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/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/components/common/Checkbox.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Checkbox=exports.StyledInput=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components"));exports.StyledInput=styled_components_1.default.input(templateObject_1||(templateObject_1=(0,tslib_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_components_1.default.label(templateObject_2||(templateObject_2=(0,tslib_1.__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_components_1.default.div(templateObject_3||(templateObject_3=(0,tslib_1.__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,r=e.nowrap;return React.createElement(CheckBoxWrap,{fullWidth:n,nowrap:r},React.createElement(exports.StyledInput,(0,tslib_1.__assign)({},e,{type:"checkbox",ref:t})),React.createElement(CheckboxLabel,{htmlFor:l},i))}exports.Checkbox=React.forwardRef(CheckboxComponent);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Checkbox=exports.StyledInput=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),styled_components_1=(0,tslib_1.__importDefault)(require("../../redoc-lib/src/styled-components"));exports.StyledInput=styled_components_1.default.input(templateObject_1||(templateObject_1=(0,tslib_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_components_1.default.label(templateObject_2||(templateObject_2=(0,tslib_1.__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_components_1.default.div(templateObject_3||(templateObject_3=(0,tslib_1.__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(exports.StyledInput,(0,tslib_1.__assign)({},e,{type:"checkbox",ref:n})),React.createElement(CheckboxLabel,{htmlFor:l},i))}exports.Checkbox=React.forwardRef(CheckboxComponent);
 //# sourceMappingURL=Checkbox.js.map

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/CheckboxList.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CheckboxList=exports.CheckboxListComponent=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),redoc_lib_1=require("../../redoc-lib"),informed_1=require("informed"),form_1=require("./form"),Checkbox_1=require("./Checkbox"),common_elements_1=require("../../redoc-lib/src/common-elements"),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(0,tslib_1.__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=(0,tslib_1.__spreadArray)((0,tslib_1.__spreadArray)([],o,!0),[t],!1);else{var n=o.indexOf(t);r=(0,tslib_1.__spreadArray)((0,tslib_1.__spreadArray)([],o.slice(0,n),!0),o.slice(n+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,n=t.maxDisplayedItems,a=t.showControls,i=t.trimItemsLength,c=this.state.collapsed,s=r.getError(),p=n||DEFAULT_MAX_ITEMS,u=i&&this.state.collapsed?l.slice(0,p):l;return react_1.default.createElement("div",null,a?react_1.default.createElement(ControlButtonsWrapper,null,react_1.default.createElement(common_elements_1.SamplesControlButton,{onClick:function(){e.selectAll()}},"Select all"),react_1.default.createElement(common_elements_1.SamplesControlButton,{onClick:function(){e.clearAll()}},"Clear")):null,react_1.default.createElement("div",null,u.map((function(t){return react_1.default.createElement(Checkbox_1.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>p&&i?react_1.default.createElement(ToggleButton,{onClick:function(){e.toggle()}},c?"Show all":"Collapse"):null),s?react_1.default.createElement(form_1.FormError,null,s):"")}}),t}(react_1.default.Component);exports.CheckboxListComponent=CheckboxListComponent,exports.CheckboxList=(0,informed_1.asField)(CheckboxListComponent);var templateObject_1,templateObject_2,ControlButtonsWrapper=(0,redoc_lib_1.styled)(common_elements_1.SampleControls)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  opacity: 1;\n  text-align: left;\n"],["\n  opacity: 1;\n  text-align: left;\n"]))),ToggleButton=(0,redoc_lib_1.styled)(common_elements_1.SamplesControlButton)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  float: right;\n"],["\n  float: right;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CheckboxList=exports.CheckboxListComponent=void 0;var tslib_1=require("tslib"),react_1=(0,tslib_1.__importDefault)(require("react")),redoc_lib_1=require("../../redoc-lib"),informed_1=require("informed"),form_1=require("./form"),Checkbox_1=require("./Checkbox"),common_elements_1=require("../../redoc-lib/src/common-elements"),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(0,tslib_1.__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=(0,tslib_1.__spreadArray)((0,tslib_1.__spreadArray)([],o,!0),[t],!1);else{var n=o.indexOf(t);r=(0,tslib_1.__spreadArray)((0,tslib_1.__spreadArray)([],o.slice(0,n),!0),o.slice(n+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,n=t.maxDisplayedItems,a=t.showControls,i=t.trimItemsLength,c=this.state.collapsed,s=r.getError(),p=n||DEFAULT_MAX_ITEMS,u=i&&this.state.collapsed?l.slice(0,p):l;return react_1.default.createElement("div",null,a?react_1.default.createElement(ControlButtonsWrapper,null,react_1.default.createElement(common_elements_1.SamplesControlButton,{onClick:function(){e.selectAll()}},"Select all"),react_1.default.createElement(common_elements_1.SamplesControlButton,{onClick:function(){e.clearAll()}},"Clear")):null,react_1.default.createElement("div",null,u.map((function(t){return react_1.default.createElement(Checkbox_1.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>p&&i?react_1.default.createElement(ToggleButton,{onClick:function(){e.toggle()}},c?"Show all":"Collapse"):null),s?react_1.default.createElement(form_1.FormError,null,s):"")}}),t}(react_1.default.Component);exports.CheckboxListComponent=CheckboxListComponent,exports.CheckboxList=(0,informed_1.asField)(CheckboxListComponent);var templateObject_1,templateObject_2,ControlButtonsWrapper=(0,redoc_lib_1.styled)(common_elements_1.SampleControls)(templateObject_1||(templateObject_1=(0,tslib_1.__makeTemplateObject)(["\n  opacity: 1;\n  text-align: left;\n"],["\n  opacity: 1;\n  text-align: left;\n"]))),ToggleButton=(0,redoc_lib_1.styled)(common_elements_1.SamplesControlButton)(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  float: right;\n"],["\n  float: right;\n"])));
 //# sourceMappingURL=CheckboxList.js.map

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,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/components/console/OAuth2Flow.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OAuth2Flow=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),LinearProgress_1=require("../common/LinearProgress"),form_1=require("../common/form"),TextField_1=require("../common/TextField"),Checkbox_1=require("../common/Checkbox"),Scope_1=(0,tslib_1.__importDefault)(require("./Scope")),shared_1=require("../shared"),OAuth2_1=require("../../services/OAuth2"),utils_1=require("../../utils"),utils_2=require("./utils"),utils_3=require("../../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(0,tslib_1.__awaiter)(t,void 0,void 0,(function(){var e;return(0,tslib_1.__generator)(this,(function(t){switch(t.label){case 0:return[4,(0,OAuth2_1.deriveCodeChallenge)(r)];case 1:return e=t.sent(),this.setState({codeVerifier:r,validCodeChallenge:e}),[2]}}))}))}}),t}return(0,tslib_1.__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=(0,OAuth2_1.randString)(43);(0,OAuth2_1.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,l=r.flow,i=r.usePkce,a=r.id,n=r.tokenUrl,o=r.authCorsProxyUrl;if((0,utils_3.isEmptyObject)(this.errors)){this.setState({loading:!0,error:null});var c=o?o+(0,utils_2.normalizeUrlProtocol)(e):e,s=o&&n?o+(0,utils_2.normalizeUrlProtocol)(n):n,u=this.props.formApi.getValue("auth."+a+".scopes"),d={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"===l&&OAuth2_1.OAuth2.authorizeImplicit(d),"authorizationCode"===l&&OAuth2_1.OAuth2.authorizeAuthorizationCode((0,tslib_1.__assign)((0,tslib_1.__assign)((0,tslib_1.__assign)({},d),{tokenUrl:(null==s?void 0:s.startsWith("http"))?s:this.props.server+s,clientSecret:this.values.client_secret}),i&&{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_1.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,l=t.loading,i=this.props,a=i.id,n=i.scopes,o=i.authorizationUrl,c=i.flow,s=i.usePkce,u=i.defaultValues;if(!o)return React.createElement(form_1.FormError,null,"No flow info");var d=(0,utils_1.fromSessionStorage)("auth."+a+".token")||JSON.stringify(null==u?void 0:u.token);d=d?JSON.parse(d):"";var p=(0,utils_1.getSecurityDetailsOptions)(a,"client_id"),h={field:"auth."+a+".client_id",fullWidth:!0,initialValue:(0,utils_1.fromSessionStorage)("auth."+a+".client_id")||this.props.clientId||(null==u?void 0:u.client_id),initValue:(0,utils_1.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(form_1.FormWrapper,null,React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Client ID: "),p?React.createElement(TextField_1.FormDropdown,(0,tslib_1.__assign)({},h,{options:p})):React.createElement(TextField_1.FormTextField,(0,tslib_1.__assign)({},h,{"data-cy":"client-id-input"}))),"authorizationCode"===c&&React.createElement(React.Fragment,null,React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null,"Client Secret:"),React.createElement(TextField_1.FormTextField,{type:"password",fullWidth:!0,field:"auth."+a+".client_secret",initialValue:(0,utils_1.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_1.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(form_1.FormControl,null,React.createElement(form_1.FormLabel,null,"Code Verifier"),React.createElement(TextField_1.TextField,{fullWidth:!0,value:this.state.codeVerifier,onChange:this.handleCodeVerifierChange,"data-cy":"code-verifier-input"})),React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null,"Code Challenge"),React.createElement(TextField_1.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(TextField_1.FormTextField,{fullWidth:!0,field:"auth."+a+".token",type:"hidden",initialValue:d}),React.createElement(Scope_1.default,{id:a,scopes:n}),this.values.token&&this.values.token.access_token?React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Access Token: "),React.createElement(TextField_1.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(shared_1.Button,{fullWidth:!0,onClick:function(){e.handleLogout()}},"Log out"):l?React.createElement(React.Fragment,null,React.createElement(shared_1.Button,{fullWidth:!0,onClick:function(){e.handleCancel()}},"Cancel"),React.createElement(LinearProgress_1.LinearProgress,null)):React.createElement(shared_1.Button,{fullWidth:!0,disabled:!(0,utils_3.isEmptyObject)(this.errors),onClick:function(){e.handleAuthorize(o)}},"Authorize")),l||r||!this.values.token||!this.values.token.access_token&&React.createElement(form_1.FormWrapper,null,React.createElement(form_1.FormControl,null,l?React.createElement(form_1.FormWarning,null,"Please, finish your authorization flow or cancel authorization."):r?React.createElement(React.Fragment,null,React.createElement(OriginalErrorMessage,null,React.createElement(form_1.FormError,null,r))):this.values.token&&this.values.token.access_token?null:React.createElement(form_1.FormWarning,null," No Access Token. Please, Authorize. "))))}}),Object.defineProperty(t,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:redoc_lib_1.OptionsContext}),t}(React.Component);exports.OAuth2Flow=OAuth2Flow;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,OriginalErrorMessage=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_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=redoc_lib_1.styled.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: 15px;\n"],["\n  margin-bottom: 15px;\n"]))),PkceOptionsWrapper=redoc_lib_1.styled.div(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  padding: 8px 0 20px;\n"],["\n  padding: 8px 0 20px;\n"]))),PkceDetails=redoc_lib_1.styled.div(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  padding: 4px 0;\n"],["\n  padding: 4px 0;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OAuth2Flow=void 0;var tslib_1=require("tslib"),React=(0,tslib_1.__importStar)(require("react")),redoc_lib_1=require("../../redoc-lib"),LinearProgress_1=require("../common/LinearProgress"),form_1=require("../common/form"),TextField_1=require("../common/TextField"),Checkbox_1=require("../common/Checkbox"),Scope_1=(0,tslib_1.__importDefault)(require("./Scope")),shared_1=require("../shared"),OAuth2_1=require("../../services/OAuth2"),utils_1=require("../../utils"),utils_2=require("./utils"),utils_3=require("../../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(0,tslib_1.__awaiter)(t,void 0,void 0,(function(){var e;return(0,tslib_1.__generator)(this,(function(t){switch(t.label){case 0:return[4,(0,OAuth2_1.deriveCodeChallenge)(r)];case 1:return e=t.sent(),this.setState({codeVerifier:r,validCodeChallenge:e}),[2]}}))}))}}),t}return(0,tslib_1.__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=(0,utils_3.randString)(43);(0,OAuth2_1.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,l=r.flow,i=r.usePkce,n=r.id,a=r.tokenUrl,o=r.authCorsProxyUrl;if((0,utils_3.isEmptyObject)(this.errors)){this.setState({loading:!0,error:null});var c=o?o+(0,utils_2.normalizeUrlProtocol)(e):e,s=o&&a?o+(0,utils_2.normalizeUrlProtocol)(a):a,u=this.props.formApi.getValue("auth."+n+".scopes"),d={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"===l&&OAuth2_1.OAuth2.authorizeImplicit(d),"authorizationCode"===l&&OAuth2_1.OAuth2.authorizeAuthorizationCode((0,tslib_1.__assign)((0,tslib_1.__assign)((0,tslib_1.__assign)({},d),{tokenUrl:(null==s?void 0:s.startsWith("http"))?s:this.props.server+s,clientSecret:this.values.client_secret}),i&&{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_1.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,l=t.loading,i=this.props,n=i.id,a=i.scopes,o=i.authorizationUrl,c=i.flow,s=i.usePkce,u=i.defaultValues;if(!o)return React.createElement(form_1.FormError,null,"No flow info");var d=(0,utils_1.fromSessionStorage)("auth."+n+".token")||JSON.stringify(null==u?void 0:u.token);d=d?JSON.parse(d):"";var p=(0,utils_1.getSecurityDetailsOptions)(n,"client_id"),h={field:"auth."+n+".client_id",fullWidth:!0,initialValue:(0,utils_1.fromSessionStorage)("auth."+n+".client_id")||this.props.clientId||(null==u?void 0:u.client_id),initValue:(0,utils_1.fromSessionStorage)("auth."+n+".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(form_1.FormWrapper,null,React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Client ID: "),p?React.createElement(TextField_1.FormDropdown,(0,tslib_1.__assign)({},h,{options:p})):React.createElement(TextField_1.FormTextField,(0,tslib_1.__assign)({},h,{"data-cy":"client-id-input"}))),"authorizationCode"===c&&React.createElement(React.Fragment,null,(!(null==s?void 0:s.hideClientSecretInput)||!s)&&React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null,"Client Secret:"),React.createElement(TextField_1.FormTextField,{type:"password",fullWidth:!0,field:"auth."+n+".client_secret",initialValue:(0,utils_1.fromSessionStorage)("auth."+n+".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_1.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(form_1.FormControl,null,React.createElement(form_1.FormLabel,null,"Code Verifier"),React.createElement(TextField_1.TextField,{fullWidth:!0,value:this.state.codeVerifier,onChange:this.handleCodeVerifierChange,"data-cy":"code-verifier-input"})),React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null,"Code Challenge"),React.createElement(TextField_1.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(TextField_1.FormTextField,{fullWidth:!0,field:"auth."+n+".token",type:"hidden",initialValue:d}),React.createElement(Scope_1.default,{id:n,scopes:a}),this.values.token&&this.values.token.access_token?React.createElement(form_1.FormControl,null,React.createElement(form_1.FormLabel,null," Access Token: "),React.createElement(TextField_1.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(shared_1.Button,{fullWidth:!0,onClick:function(){e.handleLogout()}},"Log out"):l?React.createElement(React.Fragment,null,React.createElement(shared_1.Button,{fullWidth:!0,onClick:function(){e.handleCancel()}},"Cancel"),React.createElement(LinearProgress_1.LinearProgress,null)):React.createElement(shared_1.Button,{fullWidth:!0,disabled:!(0,utils_3.isEmptyObject)(this.errors),onClick:function(){e.handleAuthorize(o)}},"Authorize")),l||r||!this.values.token||!this.values.token.access_token&&React.createElement(form_1.FormWrapper,null,React.createElement(form_1.FormControl,null,l?React.createElement(form_1.FormWarning,null,"Please, finish your authorization flow or cancel authorization."):r?React.createElement(React.Fragment,null,React.createElement(OriginalErrorMessage,null,React.createElement(form_1.FormError,null,r))):this.values.token&&this.values.token.access_token?null:React.createElement(form_1.FormWarning,null," No Access Token. Please, Authorize. "))))}}),Object.defineProperty(t,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:redoc_lib_1.OptionsContext}),t}(React.Component);exports.OAuth2Flow=OAuth2Flow;var templateObject_1,templateObject_2,templateObject_3,templateObject_4,OriginalErrorMessage=redoc_lib_1.styled.div(templateObject_1||(templateObject_1=(0,tslib_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=redoc_lib_1.styled.div(templateObject_2||(templateObject_2=(0,tslib_1.__makeTemplateObject)(["\n  margin-bottom: 15px;\n"],["\n  margin-bottom: 15px;\n"]))),PkceOptionsWrapper=redoc_lib_1.styled.div(templateObject_3||(templateObject_3=(0,tslib_1.__makeTemplateObject)(["\n  padding: 8px 0 20px;\n"],["\n  padding: 8px 0 20px;\n"]))),PkceDetails=redoc_lib_1.styled.div(templateObject_4||(templateObject_4=(0,tslib_1.__makeTemplateObject)(["\n  padding: 4px 0;\n"],["\n  padding: 4px 0;\n"])));
 //# sourceMappingURL=OAuth2Flow.js.map

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,o=e.properties,i=void 0===o?{}:o,a=(0,tslib_1.__rest)(e,["properties"]),l=function(e){var r,t=a.body.content;if(!t||!t.hasSample)return"";var o=null===(r=t.active)||void 0===r?void 0:r.examples;if(!(null==o?void 0:o[e]))return"";var l=(0,deepmerge_1.default)(null==o?void 0:o[e].value,i,{arrayMerge:utils_1.arrayMerge});return JSON.stringify(l,null,2)},n=null===(t=null===(r=a.body.content)||void 0===r?void 0:r.operation)||void 0===t?void 0:t.activeExampleName,u=function(e){var r,t;null===(t=null===(r=a.body.content)||void 0===r?void 0:r.operation)||void 0===t||t.activateExampleName(e),a.console.formApi.setValue("body",l(e))},d=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)},s=function(e,r){return(0,tslib_1.__awaiter)(void 0,void 0,void 0,(function(){var t;return(0,tslib_1.__generator)(this,(function(o){return t=a.console.formApi,(0,t.setValue)("body."+e,r),[2]}))}))};(0,react_1.useEffect)((function(){!1!==n?n&&a.console.formApi.setValue("body",l(n)):a.console.formApi.setValue("body",JSON.stringify(i,null,2))}),[n]);var m=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||{},o=Object.keys(t),i=e.schema,l=(0,helper_1.isRootFileUpload)(i||{},e.name)||e.name===models_1.MediaTypes.MULTIPART||e.name===models_1.MediaTypes.URL_ENCODED,n=(0,Samples_1.useExampleKey)(e.operation,t).exampleKey,c=t[n];return React.createElement(React.Fragment,null,o.length&&1!==o.length&&React.createElement(Samples_1.ExampleSwitch,{examples:t,onChange:u,exampleKey:n})||null,l?React.createElement(RequestBodyForm_1.RequestBodyForm,{mediaType:e,onChange:s.bind(_this)}):React.createElement(CodemirrorInput_1.default,{id:"body"+a.id,field:"body",initialValue:d(c),schema:((null===(r=null==a?void 0:a.resolvedBody)||void 0===r?void 0:r.content[e.name])||{}).schema,mode:e.name,validate:m}))})))}));
+"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,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/components/console/RequestBodyForm.js

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

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;