@redocly/reference-docs 3.0.0-alpha.3 → 3.0.0-alpha.6

package/lib-esm/components/Endpoint/ServerUrl.d.ts

@@ -1 +0,0 @@
-export declare const ServerUrl: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib-esm/components/Endpoint/ServerUrl.js

@@ -1,2 +0,0 @@
-import{__makeTemplateObject}from"tslib";import styled from"styled-components";import{invertedInputStyles}from"../console/styled";export var ServerUrl=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  ",";\n  border-radius: var(--global-border-radius);\n  padding: 7px 12px;\n  overflow-wrap: break-word;\n"],["\n  ",";\n  border-radius: var(--global-border-radius);\n  padding: 7px 12px;\n  overflow-wrap: break-word;\n"])),invertedInputStyles);var templateObject_1;
-//# sourceMappingURL=ServerUrl.js.map

package/lib-esm/components/Panel/CallbackPanel.d.ts

@@ -1 +0,0 @@
-export declare const CallbackPanel: import("styled-components").StyledComponent<typeof import("./PanelComponent").PanelComponent, any, {}, never>;

package/lib-esm/components/Panel/CallbackPanel.js

@@ -1,2 +0,0 @@
-import{__makeTemplateObject}from"tslib";import styled from"styled-components";import{ShelfIcon}from"../../redoc-lib/src/common-elements/icons";import{Panel}from"./Panel";import{Header}from"./Header";import{Title}from"./Title";import{Trigger}from"./Trigger";export var CallbackPanel=styled(Panel)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  background-color: var(--samples-panel-callback-background-color);\n\n  > "," {\n    padding: 10px 20px;\n    font-size: 14px;\n    line-height: 20px;\n\n    "," {\n      font-weight: 600;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      color: var(--color-content);\n    }\n\n    "," {\n      max-width: calc(100% - 9px - var(--spacing-unit)); /* shelf icon size and small padding */\n      justify-content: flex-start;\n    }\n\n    "," {\n      fill: var(--color-content);\n    }\n  }\n"],["\n  background-color: var(--samples-panel-callback-background-color);\n\n  > "," {\n    padding: 10px 20px;\n    font-size: 14px;\n    line-height: 20px;\n\n    "," {\n      font-weight: 600;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      color: var(--color-content);\n    }\n\n    "," {\n      max-width: calc(100% - 9px - var(--spacing-unit)); /* shelf icon size and small padding */\n      justify-content: flex-start;\n    }\n\n    "," {\n      fill: var(--color-content);\n    }\n  }\n"])),Header,Title,Trigger,ShelfIcon);var templateObject_1;
-//# sourceMappingURL=CallbackPanel.js.map

package/lib-esm/components/Panel/DarkHeader.d.ts

@@ -1 +0,0 @@
-export declare const DarkHeader: import("styled-components").FlattenSimpleInterpolation;

package/lib-esm/components/Panel/DarkHeader.js

@@ -1,2 +0,0 @@
-import{__makeTemplateObject}from"tslib";import{css}from"styled-components";export var DarkHeader=css(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  padding: 10px 20px;\n  line-height: 30px;\n  background-color: var(--samples-panel-controls-background-color);\n"],["\n  padding: 10px 20px;\n  line-height: 30px;\n  background-color: var(--samples-panel-controls-background-color);\n"])));var templateObject_1;
-//# sourceMappingURL=DarkHeader.js.map

package/lib-esm/components/Panel/Header.d.ts

@@ -1,4 +0,0 @@
-export declare const Header: import("styled-components").StyledComponent<"div", any, {
-    disabled?: boolean | undefined;
-    isExpanded?: boolean | undefined;
-}, never>;

package/lib-esm/components/Panel/Header.js

@@ -1,2 +0,0 @@
-import{__makeTemplateObject}from"tslib";import styled from"styled-components";export var Header=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  white-space: nowrap;\n  cursor: pointer;\n  border-radius: ","\n\n  pointer-events: ",";\n\n  a {\n    pointer-events: all;\n  }\n"],["\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  white-space: nowrap;\n  cursor: pointer;\n  border-radius: ","\n\n  pointer-events: ",";\n\n  a {\n    pointer-events: all;\n  }\n"])),(function(e){var n=e.isExpanded?0:"var(--panels-border-radius)";return"var(--panels-border-radius) var(--panels-border-radius) "+n+" "+n+";"}),(function(e){return e.disabled?"none":"auto"}));var templateObject_1;
-//# sourceMappingURL=Header.js.map

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

@@ -1,2 +0,0 @@
-import { PanelComponent } from './PanelComponent';
-export declare const Panel: import("styled-components").StyledComponent<typeof PanelComponent, any, {}, never>;

package/lib-esm/components/Panel/Panel.js

@@ -1,2 +0,0 @@
-import{__makeTemplateObject}from"tslib";import styled from"styled-components";import{PanelComponent}from"./PanelComponent";import{Header}from"./Header";import{PanelBody}from"./PanelBody";export var Panel=styled(PanelComponent)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  border-radius: var(--panels-border-radius);\n\n  "," + "," {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n\n  &:not(:last-child) {\n    margin-bottom: 10px;\n  }\n"],["\n  border-radius: var(--panels-border-radius);\n\n  "," + "," {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n\n  &:not(:last-child) {\n    margin-bottom: 10px;\n  }\n"])),Header,PanelBody);var templateObject_1;
-//# sourceMappingURL=Panel.js.map

package/lib-esm/components/Panel/PanelBody.d.ts

@@ -1,4 +0,0 @@
-export declare const PanelBody: import("styled-components").StyledComponent<"div", any, {
-    animate?: boolean | undefined;
-    hidden?: boolean | undefined;
-}, never>;

package/lib-esm/components/Panel/PanelBody.js

@@ -1,2 +0,0 @@
-import{__makeTemplateObject}from"tslib";import styled,{keyframes,css}from"styled-components";var templateObject_1,templateObject_2,templateObject_3,showPanel=keyframes(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  0% {\n    transform: translateY(-10px);\n  }\n  100% {\n    transform: translateY(0);\n  }\n"],["\n  0% {\n    transform: translateY(-10px);\n  }\n  100% {\n    transform: translateY(0);\n  }\n"]))),showPanelAnimation=css(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  animation: "," 0.2s;\n"],["\n  animation: "," 0.2s;\n"])),showPanel);export var PanelBody=styled.div(templateObject_3||(templateObject_3=__makeTemplateObject(["\n  ",";\n  ",";\n\n  border-radius: var(--panels-border-radius);\n  background-color: var(--panels-background-color);\n"],["\n  ",";\n  ",";\n\n  border-radius: var(--panels-border-radius);\n  background-color: var(--panels-background-color);\n"])),(function(e){return e.animate&&showPanelAnimation}),(function(e){return e.hidden&&"visibility: hidden"}));
-//# sourceMappingURL=PanelBody.js.map

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

@@ -1,17 +0,0 @@
-import type { PropsWithChildren } from 'react';
-import React from 'react';
-export interface PanelHeaderProps {
-    expanded?: boolean;
-    toggle: (e: React.BaseSyntheticEvent) => void;
-}
-export interface PanelComponentProps {
-    expanded?: boolean;
-    renderChildrenHidden?: boolean;
-    className?: string;
-    'data-cy'?: string;
-    header?: React.ReactNode | ((props: PanelHeaderProps) => React.ReactNode);
-    dataHeaderTestId?: string;
-    onToggle?: (expanded: boolean) => void;
-    description?: React.ReactNode;
-}
-export declare function PanelComponent({ expanded, renderChildrenHidden, header, dataHeaderTestId, className, children, onToggle, description, }: PropsWithChildren<PanelComponentProps>): JSX.Element;

package/lib-esm/components/Panel/PanelComponent.js

@@ -1,2 +0,0 @@
-import React,{useEffect,useState}from"react";import{ShelfIcon}from"../../redoc-lib/src/common-elements";import{Header}from"./Header";import{Trigger}from"./Trigger";import{Title}from"./Title";import{PanelBody}from"./PanelBody";export function PanelComponent(e){var t=e.expanded,r=void 0===t||t,n=e.renderChildrenHidden,a=void 0!==n&&n,o=e.header,c=e.dataHeaderTestId,i=e.className,d=e.children,l=e.onToggle,m=e.description,f=useState(r),s=f[0],p=f[1],u=useState(!1),g=u[0],E=u[1],T=function(e){e.target instanceof HTMLAnchorElement||(E(!0),p(!s),null==l||l(!s))};return useEffect((function(){return p(r)}),[r]),React.createElement("div",{className:i},o&&("function"==typeof o?o({expanded:s,toggle:T}):React.createElement(Header,{"data-cy":c,onClick:T,isExpanded:s},React.createElement(Trigger,null,React.createElement(Title,null,o),React.createElement(ShelfIcon,{direction:s?"down":"right",mr:"10px"}),m))),(s||a)&&React.createElement(PanelBody,{hidden:!s,animate:g},d))}
-//# sourceMappingURL=PanelComponent.js.map

package/lib-esm/components/Panel/ScrollableContentPanel.d.ts

@@ -1 +0,0 @@
-export declare const ScrollableContentPanel: import("styled-components").StyledComponent<typeof import("./PanelComponent").PanelComponent, any, {}, never>;

package/lib-esm/components/Panel/ScrollableContentPanel.js

@@ -1,2 +0,0 @@
-import{__makeTemplateObject}from"tslib";import styled from"styled-components";import{ContentPanel}from"./ContentPanel";import{PanelBody}from"./PanelBody";export var ScrollableContentPanel=styled(ContentPanel)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  "," {\n    overflow-x: auto;\n  }\n"],["\n  "," {\n    overflow-x: auto;\n  }\n"])),PanelBody);var templateObject_1;
-//# sourceMappingURL=ScrollableContentPanel.js.map

package/lib-esm/components/Panel/Title.d.ts

@@ -1 +0,0 @@
-export declare const Title: import("styled-components").StyledComponent<"span", any, {}, never>;

package/lib-esm/components/Panel/Title.js

@@ -1,2 +0,0 @@
-import{__makeTemplateObject}from"tslib";import styled from"styled-components";export var Title=styled.span(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  line-height: 1;\n  margin-right: 4px;\n  font-weight: 700;\n  color: var(--color-content-inverse);\n"],["\n  line-height: 1;\n  margin-right: 4px;\n  font-weight: 700;\n  color: var(--color-content-inverse);\n"])));var templateObject_1;
-//# sourceMappingURL=Title.js.map

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

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import type { RequestBodyModel } from '../../redoc-lib';
-import type { Console } from './Console';
-export interface RequestBodyProps {
-    body: RequestBodyModel;
-    resolvedBody: any;
-    validate: () => string | undefined;
-    console: Console;
-    id: string;
-    properties: any;
-}
-export declare const RequestBody: React.MemoExoticComponent<(props: RequestBodyProps) => JSX.Element>;

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

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

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

@@ -1,24 +0,0 @@
-import * as React from 'react';
-import type { OperationModel, Server } from '../../redoc-lib';
-import type { DropdownOption } from '../common/Dropdown';
-export interface ServerDropdownProps {
-    operation: OperationModel;
-    onChange: (server: Server) => void;
-}
-export interface ServerDropdownState {
-    activeIdx: number;
-    variables?: {
-        [name: string]: string;
-    };
-}
-export declare class ServerChooser extends React.Component<ServerDropdownProps, ServerDropdownState> {
-    state: {
-        activeIdx: number;
-        variables: {};
-    };
-    static getDerivedStateFromProps(props: ServerDropdownProps): ServerDropdownState;
-    handleServerChange: (option: DropdownOption) => void;
-    handleVariableChange: (name: string, rawValue: string) => void;
-    componentDidMount(): void;
-    render(): JSX.Element;
-}

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

@@ -1,2 +0,0 @@
-import{__assign,__decorate,__extends,__makeTemplateObject}from"tslib";import*as React from"react";import styled from"styled-components";import{observer}from"mobx-react";import{fromSessionStorage,toSessionStorage}from"../../utils";import{FormControl,FormLabel}from"../common/form";import{TryItDropdown}from"./styled";import{expandDefaultServerVariables,expandVariables,getServerWithVariables,getDefaultOrStoredVariables,updateVariablesStorage}from"./utils";import ServerVariable from"./ServerVariable";var ServerChooser=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"state",{enumerable:!0,configurable:!0,writable:!0,value:{activeIdx:0,variables:{}}}),Object.defineProperty(r,"handleServerChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var a=r.props.operation.servers.find((function(r){return r.url===e.serverUrl})),t=getDefaultOrStoredVariables(a);r.props.onChange({url:e.serverUrl||"",variables:t}),toSessionStorage("serverUrl",e.serverUrl||""),r.setState({variables:t})}}),Object.defineProperty(r,"handleVariableChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e,a){var t,n=r.props.operation.servers[r.state.activeIdx],o=a||""===a?a:getDefaultOrStoredVariables(n)[e],i=__assign(__assign({},r.state.variables),((t={})[e]=o,t));r.setState({variables:i}),updateVariablesStorage(e,o),r.props.onChange(__assign(__assign({},n),{variables:i}))}}),r}return __extends(r,e),Object.defineProperty(r,"getDerivedStateFromProps",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var r=e.operation,a=fromSessionStorage("serverUrl"),t=r.servers.findIndex((function(e){return e.url===a}));return{activeIdx:t<0?0:t}}}),Object.defineProperty(r.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=getServerWithVariables(this.props.operation.servers,this.state.activeIdx);this.props.onChange(e),this.setState({variables:e.variables})}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.state.activeIdx,a=this.props.operation.servers.map((function(r,a){return{idx:a,serverUrl:r.url,value:"\n          "+expandDefaultServerVariables(expandVariables(r.url,e.state.variables),r.variables)+"\n        - "+(r.description||"Default")+"\n      "}})),t=Object.keys(this.state.variables);return React.createElement(ServerDropdownWrap,null,React.createElement(FormLabel,{htmlFor:"server"},"Target server: "),React.createElement(FormControl,null,React.createElement(TryItDropdown,{variant:"dark",value:a[r].value,options:a,fullWidth:!0,onChange:this.handleServerChange})),t.length?t.map((function(r){var a,t=null===(a=e.props.operation.servers[e.state.activeIdx].variables)||void 0===a?void 0:a[r];if(t)return React.createElement(ServerVariable,{key:r,name:r,value:e.state.variables[r],defaultValue:t.default,onChange:function(a){return e.handleVariableChange(r,a)},variableEnum:t.enum,description:t.description})})):null)}}),r=__decorate([observer],r)}(React.Component);export{ServerChooser};var templateObject_1,ServerDropdownWrap=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  margin-top: 20px;\n"],["\n  margin-top: 20px;\n"])));
-//# sourceMappingURL=ServerDropdown.js.map

package/lib-esm/components/shared/SelectOnClick.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-interface SelectOnClickProps {
-    children?: React.ReactNode;
-}
-export declare const SelectOnClick: ({ children }: SelectOnClickProps) => JSX.Element;
-export {};

package/lib-esm/components/shared/SelectOnClick.js

@@ -1,2 +0,0 @@
-import*as React from"react";import{ClipboardService}from"@redocly/theme";export var SelectOnClick=function(e){var r,t=e.children,c=function(){ClipboardService.selectElement(r)};return React.createElement("div",{ref:function(e){return r=e},onClick:c,onFocus:c,tabIndex:0,role:"button"},t)};
-//# sourceMappingURL=SelectOnClick.js.map

package/lib-esm/redoc-lib/src/components/Responses/styled.elements.js

@@ -1,2 +0,0 @@
-import{__makeTemplateObject}from"tslib";import styled from"styled-components";import{FieldsGroupHeader}from"../../common-elements";export var HeadersCaption=styled(FieldsGroupHeader.withComponent("caption"))(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  text-align: left;\n  margin-top: 1em;\n  caption-side: top;\n"],["\n  text-align: left;\n  margin-top: 1em;\n  caption-side: top;\n"])));export var Wrapper=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n  margin-bottom: 1em;\n"],["\n  margin-bottom: 1em;\n"])));var templateObject_1,templateObject_2;
-//# sourceMappingURL=styled.elements.js.map

package/lib-esm/redoc-lib/src/components/Schema/DiscriminatorDropdown.d.ts

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

package/lib-esm/redoc-lib/src/components/Schema/DiscriminatorDropdown.js

@@ -1,2 +0,0 @@
-import{__decorate,__extends}from"tslib";import{observer}from"mobx-react";import*as React from"react";import{Dropdown}from"../../../../components/common/Dropdown";var DiscriminatorDropdown=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"changeActiveChild",{enumerable:!0,configurable:!0,writable:!0,value:function(e){void 0!==e.idx&&r.props.parent.activateOneOf(e.idx)}}),r}return __extends(r,e),Object.defineProperty(r.prototype,"sortOptions",{enumerable:!1,configurable:!0,writable:!0,value:function(e,r){if(0!==r.length){var t={};r.forEach((function(e,r){t[e]=r})),e.sort((function(e,r){return t[e.value]>t[r.value]?1:-1}))}}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,r=e.parent,t=e.enumValues;if(void 0===r.oneOf)return null;var n=r.oneOf.map((function(e,r){return{value:e.title,idx:r}})),o=n[r.activeOneOf].value;return this.sortOptions(n,t),React.createElement(Dropdown,{dense:!0,value:o,options:n,onChange:this.changeActiveChild,ariaLabel:"Example"})}}),r=__decorate([observer],r)}(React.Component);export{DiscriminatorDropdown};
-//# sourceMappingURL=DiscriminatorDropdown.js.map