This commit is contained in:
Yurov Dmitry 2019-01-16 18:42:56 +03:00
parent 0a01a71a52
commit 92705d85b7
7 changed files with 24 additions and 56 deletions

View File

@ -4484,7 +4484,7 @@ var ErrorBoundary_ErrorBoundary = /** @class */ (function (_super) {
external_react_["createElement"]("br", null), external_react_["createElement"]("br", null),
external_react_["createElement"]("small", null, external_react_["createElement"]("small", null,
" Commit: ", " Commit: ",
"3865371")); "0a01a71"));
} }
return external_react_["Children"].only(this.props.children); return external_react_["Children"].only(this.props.children);
}; };
@ -8147,10 +8147,10 @@ var OperationEndpointWrap = styled_components.div.withConfig({
})(["cursor:pointer;position:relative;margin-bottom:5px;"]); })(["cursor:pointer;position:relative;margin-bottom:5px;"]);
var ServerRelativeURL = styled_components.span.withConfig({ var ServerRelativeURL = styled_components.span.withConfig({
componentId: "nrhuz6-1" componentId: "nrhuz6-1"
})(["font-family:", ";margin-left:10px;flex:1;overflow-x:hidden;text-overflow:ellipsis;"], function (props) { return props.theme.typography.headings.fontFamily; }); })(["font-family:", ";margin-left:10px;text-overflow:ellipsis;"], function (props) { return props.theme.typography.headings.fontFamily; });
var EndpointInfo = styled_components.div.withConfig({ var EndpointInfo = styled_components.div.withConfig({
componentId: "nrhuz6-2" componentId: "nrhuz6-2"
})(["margin-top:-15px;padding:10px 30px 10px ", ";border-radius:", ";background-color:", ";display:flex;white-space:nowrap;align-items:center;border:", ";border-bottom:", ";border-radius:4px;transition:border-color 0.25s ease;", " .", "{color:", "}"], function (props) { return props.inverted ? '10px' : '20px'; }, function (props) { return props.inverted ? '0' : '4px 4px 0 0'; }, function (props) { return props.theme.codeSample.backgroundColor; }, function (props) { return props.inverted ? '0' : '1px solid transparent'; }, function (props) { return props.inverted ? '1px solid #ccc' : '0'; }, function (props) { return props.expanded && !props.inverted && "border-color: " + props.theme.colors.border.dark + ";" || ''; }, ServerRelativeURL, function (props) { return props.inverted ? props.theme.colors.text.primary : '#ffffff'; }); })(["margin-top:-15px;padding:10px 30px 10px ", ";border-radius:", ";background-color:", ";display:flex;white-space:nowrap;align-items:center;border:", ";border-bottom:", ";border-radius:4px;transition:border-color 0.25s ease;width:fit-content;", " .", "{color:", "}"], function (props) { return props.inverted ? '10px' : '20px'; }, function (props) { return props.inverted ? '0' : '4px 4px 0 0'; }, function (props) { return props.theme.codeSample.backgroundColor; }, function (props) { return props.inverted ? '0' : '1px solid transparent'; }, function (props) { return props.inverted ? '1px solid #ccc' : '0'; }, function (props) { return props.expanded && !props.inverted && "border-color: " + props.theme.colors.border.dark + ";" || ''; }, ServerRelativeURL, function (props) { return props.inverted ? props.theme.colors.text.primary : '#ffffff'; });
var HttpVerb = styled_components.span.attrs(function (props) { return ({ var HttpVerb = styled_components.span.attrs(function (props) { return ({
className: "http-verb " + props.type className: "http-verb " + props.type
}); }).withConfig({ }); }).withConfig({
@ -8158,7 +8158,7 @@ var HttpVerb = styled_components.span.attrs(function (props) { return ({
})(["font-size:0.929em;line-height:20px;background-color:", ";color:#ffffff;padding:3px 10px;text-transform:uppercase;font-family:", ";margin:0;"], function (props) { return props.theme.colors.http[props.type] || '#999999'; }, function (props) { return props.theme.typography.headings.fontFamily; }); })(["font-size:0.929em;line-height:20px;background-color:", ";color:#ffffff;padding:3px 10px;text-transform:uppercase;font-family:", ";margin:0;"], function (props) { return props.theme.colors.http[props.type] || '#999999'; }, function (props) { return props.theme.typography.headings.fontFamily; });
var ServersOverlay = styled_components.div.withConfig({ var ServersOverlay = styled_components.div.withConfig({
componentId: "nrhuz6-4" componentId: "nrhuz6-4"
})(["position:absolute;width:100%;z-index:100;background:#fafafa;color:#263238;box-sizing:border-box;box-shadow:0px 0px 6px rgba(0,0,0,0.33);overflow:hidden;border-bottom-left-radius:4px;border-bottom-right-radius:4px;transition:all 0.25s ease;", ""], function (props) { return props.expanded ? '' : 'transform: translateY(-50%) scaleY(0);'; }); })(["position:absolute;width:fit-content;z-index:100;background:#fafafa;color:#263238;box-sizing:border-box;box-shadow:0px 2px 2px rgba(0,0,0,0.33);overflow:hidden;border-bottom-left-radius:4px;border-bottom-right-radius:4px;transition:all 0.25s ease;", ""], function (props) { return props.expanded ? '' : 'transform: translateY(-50%) scaleY(0);'; });
var ServerItem = styled_components.div.withConfig({ var ServerItem = styled_components.div.withConfig({
componentId: "nrhuz6-5" componentId: "nrhuz6-5"
})(["padding:10px;"]); })(["padding:10px;"]);
@ -9331,7 +9331,7 @@ var StyledResponseTitle = styled_components(ResponseTitle_ResponseTitle).withCon
})(["padding:10px;border-radius:4px;margin-bottom:4px;line-height:1.5em;background-color:#f8f8f8;cursor:pointer;color:", ";", ";"], function (props) { return props.theme.colors.responses[props.type].color; }, function (props) { return props.empty && "\ncursor: default;\n&::before {\n content: \"\u2014\";\n font-weight: bold;\n width: 1.5em;\n text-align: center;\n display: inline-block;\n}\n" || ''; }); })(["padding:10px;border-radius:4px;margin-bottom:4px;line-height:1.5em;background-color:#f8f8f8;cursor:pointer;color:", ";", ";"], function (props) { return props.theme.colors.responses[props.type].color; }, function (props) { return props.empty && "\ncursor: default;\n&::before {\n content: \"\u2014\";\n font-weight: bold;\n width: 1.5em;\n text-align: center;\n display: inline-block;\n}\n" || ''; });
var ResponseDetailsWrap = styled_components.div.withConfig({ var ResponseDetailsWrap = styled_components.div.withConfig({
componentId: "sc-1kbihq-1" componentId: "sc-1kbihq-1"
})(["padding:10px;"]); })([""]);
var HeadersCaption = styled_components(UnderlinedHeader.withComponent('caption')).withConfig({ var HeadersCaption = styled_components(UnderlinedHeader.withComponent('caption')).withConfig({
componentId: "sc-1kbihq-2" componentId: "sc-1kbihq-2"
})(["text-align:left;margin-top:1em;caption-side:top;"]); })(["text-align:left;margin-top:1em;caption-side:top;"]);
@ -9411,13 +9411,11 @@ var Response_ResponseView = /** @class */ (function (_super) {
return _this; return _this;
} }
ResponseView.prototype.render = function () { ResponseView.prototype.render = function () {
var _a = this.props.response, headers = _a.headers, type = _a.type, summary = _a.summary, description = _a.description, code = _a.code, expanded = _a.expanded, content = _a.content; var _a = this.props.response, headers = _a.headers, description = _a.description, code = _a.code, content = _a.content;
var mimes = content === undefined ? [] : content.mediaTypes.filter(function (mime) { return mime.schema !== undefined; }); var mimes = content === undefined ? [] : content.mediaTypes.filter(function (mime) { return mime.schema !== undefined; });
var empty = headers.length === 0 && mimes.length === 0 && !description; var empty = headers.length === 0 && mimes.length === 0 && !description;
return external_react_["createElement"]("div", null, return external_react_["createElement"]("div", null, code === '200' && !empty && external_react_["createElement"](ResponseDetailsWrap, null,
external_react_["createElement"](StyledResponseTitle, { onClick: this.toggle, type: type, empty: empty, title: summary || '', code: code, opened: expanded }), external_react_["createElement"](ResponseDetails_ResponseDetails, { response: this.props.response })));
expanded && !empty && external_react_["createElement"](ResponseDetailsWrap, null,
external_react_["createElement"](ResponseDetails_ResponseDetails, { response: this.props.response })));
}; };
ResponseView = external_tslib_["__decorate"]([ ResponseView = external_tslib_["__decorate"]([
external_mobx_react_["observer"] external_mobx_react_["observer"]
@ -9430,10 +9428,6 @@ var Response_ResponseView = /** @class */ (function (_super) {
var ResponsesHeader = styled_components.h3.withConfig({
componentId: "zr04gj-0"
})(["font-size:18px;padding:0.2em 0;margin:3em 0 1.1em;color:#253137;font-weight:normal;"]);
var ResponsesList_ResponsesList = /** @class */ (function (_super) { var ResponsesList_ResponsesList = /** @class */ (function (_super) {
external_tslib_["__extends"](ResponsesList, _super); external_tslib_["__extends"](ResponsesList, _super);
function ResponsesList() { function ResponsesList() {
@ -9444,11 +9438,9 @@ var ResponsesList_ResponsesList = /** @class */ (function (_super) {
if (!responses || responses.length === 0) { if (!responses || responses.length === 0) {
return null; return null;
} }
return external_react_["createElement"]("div", null, return external_react_["createElement"]("div", null, responses.map(function (response) {
external_react_["createElement"](ResponsesHeader, null, " Responses "), return external_react_["createElement"](Response_ResponseView, { key: response.code, response: response });
responses.map(function (response) { }));
return external_react_["createElement"](Response_ResponseView, { key: response.code, response: response });
}));
}; };
return ResponsesList; return ResponsesList;
}(external_react_["PureComponent"])); }(external_react_["PureComponent"]));
@ -9783,7 +9775,6 @@ var MenuItems_MenuItems = /** @class */ (function (_super) {
var SideMenu_SideMenu = /** @class */ (function (_super) { var SideMenu_SideMenu = /** @class */ (function (_super) {
external_tslib_["__extends"](SideMenu, _super); external_tslib_["__extends"](SideMenu, _super);
function SideMenu() { function SideMenu() {
@ -9806,9 +9797,7 @@ var SideMenu_SideMenu = /** @class */ (function (_super) {
return external_react_["createElement"](PerfectScrollbarWrap, { updateFn: this.saveScrollUpdate, className: this.props.className, options: { return external_react_["createElement"](PerfectScrollbarWrap, { updateFn: this.saveScrollUpdate, className: this.props.className, options: {
wheelPropagation: false wheelPropagation: false
} }, } },
external_react_["createElement"](MenuItems_MenuItems, { items: store.items, onActivate: this.activate, root: true }), external_react_["createElement"](MenuItems_MenuItems, { items: store.items, onActivate: this.activate, root: true }));
external_react_["createElement"](RedocAttribution, null,
external_react_["createElement"]("a", { target: "_blank", href: "https://github.com/Rebilly/ReDoc" }, "Documentation Powered by ReDoc")));
}; };
SideMenu = external_tslib_["__decorate"]([ SideMenu = external_tslib_["__decorate"]([
external_mobx_react_["observer"] external_mobx_react_["observer"]

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -3,7 +3,7 @@ import * as React from 'react';
import { ResponseModel } from '../../services/models'; import { ResponseModel } from '../../services/models';
import { ResponseDetails } from './ResponseDetails'; import { ResponseDetails } from './ResponseDetails';
import { ResponseDetailsWrap, StyledResponseTitle } from './styled.elements'; import { ResponseDetailsWrap } from './styled.elements';
@observer @observer
export class ResponseView extends React.Component<{ response: ResponseModel }> { export class ResponseView extends React.Component<{ response: ResponseModel }> {
@ -12,7 +12,7 @@ export class ResponseView extends React.Component<{ response: ResponseModel }> {
}; };
render() { render() {
const { headers, type, summary, description, code, expanded, content } = this.props.response; const { headers, description, code, content } = this.props.response;
const mimes = const mimes =
content === undefined ? [] : content.mediaTypes.filter(mime => mime.schema !== undefined); content === undefined ? [] : content.mediaTypes.filter(mime => mime.schema !== undefined);
@ -20,20 +20,11 @@ export class ResponseView extends React.Component<{ response: ResponseModel }> {
return ( return (
<div> <div>
<StyledResponseTitle {code === '200' && !empty && (
onClick={this.toggle} <ResponseDetailsWrap>
type={type} <ResponseDetails response={this.props.response} />
empty={empty} </ResponseDetailsWrap>
title={summary || ''} )}
code={code}
opened={expanded}
/>
{expanded &&
!empty && (
<ResponseDetailsWrap>
<ResponseDetails response={this.props.response} />
</ResponseDetailsWrap>
)}
</div> </div>
); );
} }

View File

@ -1,16 +1,7 @@
import * as React from 'react'; import * as React from 'react';
import { ResponseModel } from '../../services/models'; import { ResponseModel } from '../../services/models';
import styled from '../../styled-components';
import { ResponseView } from './Response'; import { ResponseView } from './Response';
const ResponsesHeader = styled.h3`
font-size: 18px;
padding: 0.2em 0;
margin: 3em 0 1.1em;
color: #253137;
font-weight: normal;
`;
export interface ResponseListProps { export interface ResponseListProps {
responses: ResponseModel[]; responses: ResponseModel[];
} }
@ -25,7 +16,6 @@ export class ResponsesList extends React.PureComponent<ResponseListProps> {
return ( return (
<div> <div>
<ResponsesHeader> Responses </ResponsesHeader>
{responses.map(response => { {responses.map(response => {
return <ResponseView key={response.code} response={response} />; return <ResponseView key={response.code} response={response} />;
})} })}

View File

@ -29,9 +29,7 @@ cursor: default;
''}; ''};
`; `;
export const ResponseDetailsWrap = styled.div` export const ResponseDetailsWrap = styled.div``;
padding: 10px;
`;
export const HeadersCaption = styled(UnderlinedHeader.withComponent('caption'))` export const HeadersCaption = styled(UnderlinedHeader.withComponent('caption'))`
text-align: left; text-align: left;