redoc 2.0.0-rc.9 → 2.1.0

package/typings/components/DropdownOrLabel/DropdownOrLabel.d.ts

@@ -1,7 +1,10 @@
 import * as React from 'react';
-import { DropdownProps } from '../../common-elements/dropdown';
+import { StyledComponent } from 'styled-components';
+import { DropdownProps } from '../../common-elements/Dropdown';
 export interface DropdownOrLabelProps extends DropdownProps {
-    Label?: React.ComponentClass;
-    Dropdown?: React.ComponentClass;
+    Label?: StyledComponent<any, any, Record<string, any>, never>;
+    Dropdown?: StyledComponent<React.NamedExoticComponent<DropdownProps>, any, {
+        fullWidth?: boolean | undefined;
+    }, never>;
 }
 export declare function DropdownOrLabel(props: DropdownOrLabelProps): JSX.Element;

package/typings/components/Endpoint/Endpoint.d.ts

@@ -4,6 +4,7 @@ export interface EndpointProps {
     operation: OperationModel;
     hideHostname?: boolean;
     inverted?: boolean;
+    compact?: boolean;
 }
 export interface EndpointState {
     expanded: boolean;

package/typings/components/Endpoint/styled.elements.d.ts

@@ -1,13 +1,14 @@
 export declare const OperationEndpointWrap: import("styled-components").StyledComponent<"div", import("../../theme").ResolvedThemeInterface, {}, never>;
 export declare const ServerRelativeURL: import("styled-components").StyledComponent<"span", import("../../theme").ResolvedThemeInterface, {}, never>;
-export declare const EndpointInfo: import("styled-components").StyledComponent<"div", import("../../theme").ResolvedThemeInterface, {
+export declare const EndpointInfo: import("styled-components").StyledComponent<"button", import("../../theme").ResolvedThemeInterface, {
     expanded?: boolean | undefined;
     inverted?: boolean | undefined;
 }, never>;
 export declare const HttpVerb: import("styled-components").StyledComponent<"span", import("../../theme").ResolvedThemeInterface, {
-    className: string;
+    className: `http-verb ${string}`;
 } & {
     type: string;
+    compact?: boolean | undefined;
 }, "className">;
 export declare const ServersOverlay: import("styled-components").StyledComponent<"div", import("../../theme").ResolvedThemeInterface, {
     expanded: boolean;

package/typings/components/ErrorBoundary.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-export declare class ErrorBoundary extends React.Component<{}, {
+export declare class ErrorBoundary extends React.Component<React.PropsWithChildren<unknown>, {
     error?: Error;
 }> {
     constructor(props: any);
     componentDidCatch(error: any): boolean;
-    render(): {} | null | undefined;
+    render(): JSX.Element;
 }

package/typings/components/Fields/ArrayItemDetails.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { SchemaModel } from '../../services';
+export declare function ArrayItemDetails({ schema }: {
+    schema: SchemaModel;
+}): JSX.Element | null;

package/typings/components/Fields/EnumValues.d.ts

@@ -1,8 +1,14 @@
 import * as React from 'react';
 export interface EnumValuesProps {
     values: string[];
-    type: string;
+    isArrayType: boolean;
 }
-export declare class EnumValues extends React.PureComponent<EnumValuesProps> {
+export interface EnumValuesState {
+    collapsed: boolean;
+}
+export declare class EnumValues extends React.PureComponent<EnumValuesProps, EnumValuesState> {
+    state: EnumValuesState;
+    static contextType: React.Context<import("../../services/RedocNormalizedOptions").RedocNormalizedOptions>;
+    private toggle;
     render(): JSX.Element | null;
 }

package/typings/components/Fields/Examples.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { FieldModel } from '../../services';
+export declare function Examples({ field }: {
+    field: FieldModel;
+}): JSX.Element | null;

package/typings/components/Fields/Field.d.ts

@@ -1,14 +1,16 @@
 import * as React from 'react';
-import { FieldModel } from '../../services/models';
-import { SchemaOptions } from '../Schema/Schema';
+import type { SchemaOptions } from '../Schema/Schema';
+import type { FieldModel } from '../../services/models';
 export interface FieldProps extends SchemaOptions {
     className?: string;
     isLast?: boolean;
     showExamples?: boolean;
     field: FieldModel;
+    expandByDefault?: boolean;
     renderDiscriminatorSwitch?: (opts: FieldProps) => JSX.Element;
 }
 export declare class Field extends React.Component<FieldProps> {
     toggle: () => void;
+    handleKeyPress: (e: any) => void;
     render(): JSX.Element;
 }

package/typings/components/Fields/FieldDetail.d.ts

@@ -4,6 +4,4 @@ export interface FieldDetailProps {
     label: string;
     raw?: boolean;
 }
-export declare class FieldDetail extends React.PureComponent<FieldDetailProps> {
-    render(): JSX.Element | null;
-}
+export declare const FieldDetail: React.NamedExoticComponent<FieldDetailProps>;

package/typings/components/Fields/FieldDetails.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
 import { FieldProps } from './Field';
-export declare class FieldDetails extends React.PureComponent<FieldProps> {
-    render(): JSX.Element;
-}
+export declare const FieldDetailsComponent: (props: FieldProps) => JSX.Element;
+export declare const FieldDetails: React.NamedExoticComponent<FieldProps>;

package/typings/components/Fields/Pattern.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { SchemaModel } from '../../services';
+export declare function Pattern(props: {
+    schema: SchemaModel;
+}): JSX.Element | null;

package/typings/components/GenericChildrenSwitcher/GenericChildrenSwitcher.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { DropdownProps, DropdownOption } from '../../common-elements/Dropdown';
+export interface GenericChildrenSwitcherProps<T> {
+    items?: T[];
+    options: DropdownOption[];
+    label?: string;
+    renderDropdown: (props: DropdownProps) => JSX.Element;
+    children: (activeItem: T) => JSX.Element;
+}
+export interface GenericChildrenSwitcherState {
+    activeItemIdx: number;
+}
+/**
+ * TODO: Refactor this component:
+ * Implement rendering dropdown/label directly in this component
+ * Accept as a parameter mapper-function for building dropdown option labels
+ */
+export declare class GenericChildrenSwitcher<T> extends React.Component<GenericChildrenSwitcherProps<T>, GenericChildrenSwitcherState> {
+    constructor(props: any);
+    switchItem: ({ idx }: DropdownOption) => void;
+    render(): JSX.Element | null;
+}

package/typings/components/JsonViewer/JsonViewer.d.ts

@@ -1,19 +1,6 @@
-import * as React from 'react';
+/// <reference types="react" />
 export interface JsonProps {
     data: any;
     className?: string;
 }
-declare class Json extends React.PureComponent<JsonProps> {
-    node: HTMLDivElement;
-    render(): JSX.Element;
-    renderInner: ({ renderCopyButton }: {
-        renderCopyButton: any;
-    }) => JSX.Element;
-    expandAll: () => void;
-    collapseAll: () => void;
-    clickListener: (event: MouseEvent) => void;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-}
-export declare const JsonViewer: import("styled-components").StyledComponent<typeof Json, import("../../theme").ResolvedThemeInterface, {}, never>;
-export {};
+export declare const JsonViewer: import("styled-components").StyledComponent<(props: JsonProps) => JSX.Element, import("../../theme").ResolvedThemeInterface, {}, never>;

package/typings/components/JsonViewer/style.d.ts

@@ -1 +1 @@
-export declare const jsonStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("../../theme").ResolvedThemeInterface>>;
+export declare const jsonStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("../../theme").ResolvedThemeInterface>>;

package/typings/components/Loading/Spinner.svg.d.ts

@@ -1,4 +1,5 @@
+/// <reference types="react" />
 export declare const Spinner: import("styled-components").StyledComponent<(props: {
-    className?: string | undefined;
+    className?: string;
     color: string;
 }) => JSX.Element, import("../../theme").ResolvedThemeInterface, {}, never>;

package/typings/components/Markdown/AdvancedMarkdown.d.ts

@@ -3,6 +3,7 @@ import { AppStore, RedocNormalizedOptions } from '../../services';
 import { BaseMarkdownProps } from './Markdown';
 export interface AdvancedMarkdownProps extends BaseMarkdownProps {
     htmlWrap?: (part: JSX.Element) => JSX.Element;
+    parentId?: string;
 }
 export declare class AdvancedMarkdown extends React.Component<AdvancedMarkdownProps> {
     render(): JSX.Element;

package/typings/components/Markdown/Markdown.d.ts

@@ -7,9 +7,10 @@ export interface BaseMarkdownProps {
     sanitize?: boolean;
     source: string;
 }
-export declare type MarkdownProps = BaseMarkdownProps & StylingMarkdownProps & {
+export type MarkdownProps = BaseMarkdownProps & StylingMarkdownProps & {
     source: string;
     className?: string;
+    'data-role'?: string;
 };
 export declare class Markdown extends React.Component<MarkdownProps> {
     render(): JSX.Element;

package/typings/components/Markdown/SanitizedMdBlock.d.ts

@@ -1,5 +1,7 @@
+/// <reference types="react" />
 import { StylingMarkdownProps } from './Markdown';
 export declare function SanitizedMarkdownHTML(props: StylingMarkdownProps & {
     html: string;
     className?: string;
+    'data-role'?: string;
 }): JSX.Element;

package/typings/components/Markdown/styled.elements.d.ts

@@ -1,6 +1,6 @@
 import { ResolvedThemeInterface } from '../../styled-components';
 import { StyledComponent } from 'styled-components';
-export declare const linksCss: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<ResolvedThemeInterface>>;
+export declare const linksCss: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, ResolvedThemeInterface>>;
 export declare const StyledMarkdownBlock: StyledComponent<"div", ResolvedThemeInterface, {
     compact?: boolean | undefined;
     inline?: boolean | undefined;

package/typings/components/MediaTypeSwitch/MediaTypesSwitch.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { DropdownProps } from '../../common-elements/dropdown';
+import { DropdownOption, DropdownProps } from '../../common-elements/Dropdown';
 import { MediaContentModel, MediaTypeModel, SchemaModel } from '../../services/models';
 export interface MediaTypeChildProps {
     schema: SchemaModel;
@@ -7,12 +7,11 @@ export interface MediaTypeChildProps {
 }
 export interface MediaTypesSwitchProps {
     content?: MediaContentModel;
+    withLabel?: boolean;
     renderDropdown: (props: DropdownProps) => JSX.Element;
     children: (activeMime: MediaTypeModel) => JSX.Element;
 }
 export declare class MediaTypesSwitch extends React.Component<MediaTypesSwitchProps> {
-    switchMedia: ({ value }: {
-        value: any;
-    }) => void;
+    switchMedia: ({ idx }: DropdownOption) => void;
     render(): JSX.Element | null;
 }

package/typings/components/Operation/Operation.d.ts

@@ -1,8 +1,6 @@
-import * as React from 'react';
-import { OperationModel as OperationType } from '../../services/models';
+/// <reference types="react" />
+import { OperationModel } from '../../services/models';
 export interface OperationProps {
-    operation: OperationType;
-}
-export declare class Operation extends React.Component<OperationProps> {
-    render(): JSX.Element;
+    operation: OperationModel;
 }
+export declare const Operation: ({ operation }: OperationProps) => JSX.Element;

package/typings/components/OptionsProvider.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import { RedocNormalizedOptions } from '../services/RedocNormalizedOptions';
 export declare const OptionsContext: React.Context<RedocNormalizedOptions>;
-export declare const OptionsProvider: React.ProviderExoticComponent<React.ProviderProps<RedocNormalizedOptions>>;
-export declare const OptionsConsumer: React.ExoticComponent<React.ConsumerProps<RedocNormalizedOptions>>;
+export declare const OptionsProvider: React.Provider<RedocNormalizedOptions>;
+export declare const OptionsConsumer: React.Consumer<RedocNormalizedOptions>;

package/typings/components/Parameters/Parameters.d.ts

@@ -1,10 +1,16 @@
 import * as React from 'react';
+import { MediaContentModel } from '../../services';
 import { FieldModel, RequestBodyModel } from '../../services/models';
 export interface ParametersProps {
     parameters?: FieldModel[];
     body?: RequestBodyModel;
 }
 export declare class Parameters extends React.PureComponent<ParametersProps> {
-    orderParams(params: FieldModel[]): Dict<FieldModel[]>;
+    orderParams(params: FieldModel[]): Record<string, FieldModel[]>;
     render(): JSX.Element | null;
 }
+export declare function BodyContent(props: {
+    content: MediaContentModel;
+    description?: string;
+    bodyRequired?: boolean;
+}): JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ExampleModel } from '../../services/models';
 export interface ExampleProps {
     example: ExampleModel;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface ExampleValueProps {
     value: any;
     mimeType: string;

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

@@ -1,8 +1,18 @@
 import * as React from 'react';
+import { DropdownOption, DropdownProps } from '../../common-elements';
 import { MediaTypeModel } from '../../services/models';
 export interface PayloadSamplesProps {
     mediaType: MediaTypeModel;
+    renderDropdown: (props: DropdownProps) => JSX.Element;
 }
-export declare class MediaTypeSamples extends React.Component<PayloadSamplesProps> {
+interface MediaTypeSamplesState {
+    activeIdx: number;
+}
+export declare class MediaTypeSamples extends React.Component<PayloadSamplesProps, MediaTypeSamplesState> {
+    state: {
+        activeIdx: number;
+    };
+    switchMedia: ({ idx }: DropdownOption) => void;
     render(): JSX.Element;
 }
+export {};

package/typings/components/PayloadSamples/styled.elements.d.ts

@@ -1,4 +1,8 @@
-import Dropdown from 'react-dropdown';
+/// <reference types="react" />
 export declare const MimeLabel: import("styled-components").StyledComponent<"div", import("../../theme").ResolvedThemeInterface, {}, never>;
-export declare const InvertedSimpleDropdown: import("styled-components").StyledComponent<typeof Dropdown, import("../../theme").ResolvedThemeInterface, {}, never>;
+export declare const DropdownLabel: import("styled-components").StyledComponent<"span", import("../../theme").ResolvedThemeInterface, {}, never>;
+export declare const DropdownWrapper: import("styled-components").StyledComponent<"div", import("../../theme").ResolvedThemeInterface, {}, never>;
+export declare const InvertedSimpleDropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<import("../../common-elements/Dropdown").DropdownProps>, import("../../theme").ResolvedThemeInterface, {
+    fullWidth?: boolean | undefined;
+}, never>;
 export declare const NoSampleLabel: import("styled-components").StyledComponent<"div", import("../../theme").ResolvedThemeInterface, {}, never>;

package/typings/components/RedocStandalone.d.ts

@@ -1,5 +1,4 @@
-import * as PropTypes from 'prop-types';
-import * as React from 'react';
+/// <reference types="react" />
 import { RedocRawOptions } from '../services/RedocNormalizedOptions';
 export interface RedocStandaloneProps {
     spec?: object;
@@ -7,12 +6,4 @@ export interface RedocStandaloneProps {
     options?: RedocRawOptions;
     onLoaded?: (e?: Error) => any;
 }
-export declare class RedocStandalone extends React.PureComponent<RedocStandaloneProps> {
-    static propTypes: {
-        spec: (props: any, _: any, componentName: any) => Error | null;
-        specUrl: (props: any, _: any, componentName: any) => Error | null;
-        options: PropTypes.Requireable<any>;
-        onLoaded: PropTypes.Requireable<any>;
-    };
-    render(): JSX.Element;
-}
+export declare const RedocStandalone: (props: RedocStandaloneProps) => JSX.Element;

package/typings/components/Responses/Response.d.ts

@@ -1,8 +1,6 @@
 import * as React from 'react';
-import { ResponseModel } from '../../services/models';
-export declare class ResponseView extends React.Component<{
+import type { ResponseModel } from '../../services/models';
+export interface ResponseViewProps {
     response: ResponseModel;
-}> {
-    toggle: () => void;
-    render(): JSX.Element;
 }
+export declare const ResponseView: ({ response }: ResponseViewProps) => React.ReactElement;

package/typings/components/Responses/ResponseTitle.d.ts

@@ -8,6 +8,4 @@ export interface ResponseTitleProps {
     className?: string;
     onClick?: () => void;
 }
-export declare class ResponseTitle extends React.PureComponent<ResponseTitleProps> {
-    render(): JSX.Element;
-}
+export declare const ResponseTitle: React.NamedExoticComponent<ResponseTitleProps>;

package/typings/components/Responses/ResponsesList.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { ResponseModel } from '../../services/models';
 export interface ResponseListProps {
     responses: ResponseModel[];
+    isCallback?: boolean;
 }
 export declare class ResponsesList extends React.PureComponent<ResponseListProps> {
     render(): JSX.Element | null;

package/typings/components/Responses/styled.elements.d.ts

@@ -1,4 +1,7 @@
-import { ResponseTitle } from './ResponseTitle';
-export declare const StyledResponseTitle: import("styled-components").StyledComponent<typeof ResponseTitle, import("../../theme").ResolvedThemeInterface, {}, never>;
+/// <reference types="react" />
+export declare const StyledResponseTitle: import("styled-components").StyledComponent<import("react").NamedExoticComponent<import("./ResponseTitle").ResponseTitleProps>, import("../../theme").ResolvedThemeInterface, {}, never>;
 export declare const ResponseDetailsWrap: import("styled-components").StyledComponent<"div", import("../../theme").ResolvedThemeInterface, {}, never>;
-export declare const HeadersCaption: import("styled-components").StyledComponent<"caption", import("../../theme").ResolvedThemeInterface, {}, never>;
+export declare const HeadersCaption: import("styled-components").StyledComponent<"h5", import("../../theme").ResolvedThemeInterface, {
+    as: string;
+}, "as">;
+export declare const Code: import("styled-components").StyledComponent<"strong", import("../../theme").ResolvedThemeInterface, {}, never>;

package/typings/components/Schema/DiscriminatorDropdown.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { DropdownOption } from '../../common-elements/dropdown';
+import { DropdownOption } from '../../common-elements/Dropdown';
 import { SchemaModel } from '../../services/models';
 export declare class DiscriminatorDropdown extends React.Component<{
     parent: SchemaModel;
@@ -7,7 +7,5 @@ export declare class DiscriminatorDropdown extends React.Component<{
 }> {
     sortOptions(options: DropdownOption[], enumValues: string[]): void;
     render(): JSX.Element | null;
-    changeActiveChild: ({ value }: {
-        value: any;
-    }) => void;
+    changeActiveChild: (option: DropdownOption) => void;
 }

package/typings/components/Schema/ObjectSchema.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { SchemaModel } from '../../services/models';
 import { SchemaProps } from './Schema';
 export interface ObjectSchemaProps extends SchemaProps {
@@ -7,7 +7,4 @@ export interface ObjectSchemaProps extends SchemaProps {
         parentSchema: SchemaModel;
     };
 }
-export declare class ObjectSchema extends React.Component<ObjectSchemaProps> {
-    readonly parentSchema: SchemaModel;
-    render(): JSX.Element;
-}
+export declare const ObjectSchema: ({ schema: { fields, title }, showTitle, discriminator, skipReadOnly, skipWriteOnly, level, }: ObjectSchemaProps) => JSX.Element;

package/typings/components/Schema/RecursiveSchema.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { SchemaProps } from '.';
+export declare const RecursiveSchema: ({ schema }: SchemaProps) => JSX.Element;

package/typings/components/Schema/Schema.d.ts

@@ -4,10 +4,11 @@ export interface SchemaOptions {
     showTitle?: boolean;
     skipReadOnly?: boolean;
     skipWriteOnly?: boolean;
+    level?: number;
 }
 export interface SchemaProps extends SchemaOptions {
     schema: SchemaModel;
 }
 export declare class Schema extends React.Component<Partial<SchemaProps>> {
-    render(): JSX.Element;
+    render(): JSX.Element | null;
 }

package/typings/components/SchemaDefinition/SchemaDefinition.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { OpenAPIParser, RedocNormalizedOptions } from '../../services';
+export interface ObjectDescriptionProps {
+    schemaRef: string;
+    exampleRef?: string;
+    showReadOnly?: boolean;
+    showWriteOnly?: boolean;
+    showExample?: boolean;
+    parser: OpenAPIParser;
+    options: RedocNormalizedOptions;
+}
+export declare class SchemaDefinition extends React.PureComponent<ObjectDescriptionProps> {
+    private static getMediaType;
+    private _mediaModel;
+    private get mediaModel();
+    render(): JSX.Element;
+    private renderDropdown;
+}

package/typings/components/SearchBox/SearchBox.d.ts

@@ -1,9 +1,8 @@
 import * as React from 'react';
-import { IMenuItem } from '../../services/MenuStore';
-import { SearchStore } from '../../services/SearchStore';
+import type { IMenuItem, SearchResult } from '../../services/types';
+import type { SearchStore } from '../../services/SearchStore';
+import type { MarkerService } from '../../services/MarkerService';
 import { MenuItem } from '../SideMenu/MenuItem';
-import { MarkerService } from '../../services/MarkerService';
-import { SearchResult } from '../../services/SearchWorker.worker';
 export interface SearchBoxProps {
     search: SearchStore<string>;
     marker: MarkerService;
@@ -13,16 +12,19 @@ export interface SearchBoxProps {
 }
 export interface SearchBoxState {
     results: SearchResult[];
+    noResults: boolean;
     term: string;
     activeItemIdx: number;
 }
 export declare class SearchBox extends React.PureComponent<SearchBoxProps, SearchBoxState> {
     activeItemRef: MenuItem | null;
+    static contextType: React.Context<import("../..").RedocNormalizedOptions>;
     constructor(props: any);
     clearResults(term: string): void;
     clear: () => void;
     handleKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     setResults(results: SearchResult[], term: string): void;
+    searchCallback(searchTerm: string): void;
     search: (event: React.ChangeEvent<HTMLInputElement>) => void;
     render(): JSX.Element;
 }

package/typings/components/SearchBox/styled.elements.d.ts

@@ -1,9 +1,10 @@
+/// <reference types="react" />
 export declare const SearchWrap: import("styled-components").StyledComponent<"div", import("../../theme").ResolvedThemeInterface, {}, never>;
 export declare const SearchInput: import("styled-components").StyledComponent<"input", import("../../theme").ResolvedThemeInterface, {
     className: "search-input";
 }, "className">;
 export declare const SearchIcon: import("styled-components").StyledComponent<(props: {
-    className?: string | undefined;
+    className?: string;
 }) => JSX.Element, import("../../theme").ResolvedThemeInterface, {
     className: "search-icon";
 }, "className">;

package/typings/components/SecurityRequirement/OAuthFlow.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { OpenAPISecurityScheme } from '../../types';
+export interface OAuthFlowProps {
+    type: string;
+    flow: OpenAPISecurityScheme['flows'][keyof OpenAPISecurityScheme['flows']];
+    RequiredScopes?: JSX.Element;
+}
+export declare function OAuthFlowComponent(props: OAuthFlowProps): JSX.Element;
+export declare const OAuthFlow: React.NamedExoticComponent<OAuthFlowProps>;

package/typings/components/SecurityRequirement/RequiredScopesRow.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const RequiredScopesRow: ({ scopes }: {
+    scopes: string[];
+}) => JSX.Element | null;

package/typings/components/SecurityRequirement/SecurityDetails.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { SecuritySchemeModel } from '../../services';
+interface SecuritySchemaProps {
+    RequiredScopes?: JSX.Element;
+    scheme: SecuritySchemeModel;
+}
+export declare function SecurityDetails(props: SecuritySchemaProps): JSX.Element;
+export {};

package/typings/components/SecurityRequirement/SecurityHeader.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { SecurityRequirementModel } from '../../services/models/SecurityRequirement';
+export interface SecurityRequirementProps {
+    security: SecurityRequirementModel;
+    showSecuritySchemeType?: boolean;
+    expanded: boolean;
+}
+export declare function SecurityHeader(props: SecurityRequirementProps): JSX.Element;

package/typings/components/SecurityRequirement/SecurityRequirement.d.ts

@@ -1,14 +1,6 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { SecurityRequirementModel } from '../../services/models/SecurityRequirement';
-export interface SecurityRequirementProps {
-    security: SecurityRequirementModel;
-}
-export declare class SecurityRequirement extends React.PureComponent<SecurityRequirementProps> {
-    render(): JSX.Element;
-}
 export interface SecurityRequirementsProps {
     securities: SecurityRequirementModel[];
 }
-export declare class SecurityRequirements extends React.PureComponent<SecurityRequirementsProps> {
-    render(): JSX.Element | null;
-}
+export declare function SecurityRequirements(props: SecurityRequirementsProps): JSX.Element | null;

package/typings/components/SecurityRequirement/styled.elements.d.ts

@@ -0,0 +1,17 @@
+export declare const Header: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ScopeNameList: import("styled-components").StyledComponent<"ul", any, {}, never>;
+export declare const ScopeName: import("styled-components").StyledComponent<"code", any, {}, never>;
+export declare const SecurityRequirementAndWrap: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const SecurityRequirementOrWrap: import("styled-components").StyledComponent<"span", any, {
+    expanded?: boolean | undefined;
+}, never>;
+export declare const AuthHeaderColumn: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SecuritiesColumn: import("styled-components").StyledComponent<"div", any, {
+    expanded?: boolean | undefined;
+}, never>;
+export declare const AuthHeader: import("styled-components").StyledComponent<"h5", any, {}, never>;
+export declare const Wrap: import("styled-components").StyledComponent<"div", any, {
+    expanded?: boolean | undefined;
+}, never>;
+export declare const SecurityRow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SecurityDetailsStyle: import("styled-components").StyledComponent<"div", any, {}, never>;

package/typings/components/SecuritySchemes/SecuritySchemes.d.ts

@@ -1,13 +1,11 @@
 import * as React from 'react';
-import { SecuritySchemesModel } from '../../services/models';
-import { OpenAPISecurityScheme } from '../../types';
-export interface OAuthFlowProps {
-    type: string;
-    flow: OpenAPISecurityScheme['flows'][keyof OpenAPISecurityScheme['flows']];
-}
-export declare class OAuthFlow extends React.PureComponent<OAuthFlowProps> {
-    render(): JSX.Element;
-}
+import { SecuritySchemesModel } from '../../services';
+export declare const AUTH_TYPES: {
+    oauth2: string;
+    apiKey: string;
+    http: string;
+    openIdConnect: string;
+};
 export interface SecurityDefsProps {
     securitySchemes: SecuritySchemesModel;
 }