136 lines
3.9 KiB
JavaScript
136 lines
3.9 KiB
JavaScript
import React from "react"
|
|
import PropTypes from "prop-types"
|
|
import { fromJS, Seq } from "immutable"
|
|
import { getSampleSchema } from "core/utils"
|
|
|
|
const getExampleComponent = ( sampleResponse, examples, HighlightCode ) => {
|
|
if ( examples && examples.size ) {
|
|
return examples.entrySeq().map( ([ key, example ]) => {
|
|
let exampleValue = example
|
|
if ( example.toJS ) {
|
|
try {
|
|
exampleValue = JSON.stringify(example.toJS(), null, 2)
|
|
}
|
|
catch(e) {
|
|
exampleValue = String(example)
|
|
}
|
|
}
|
|
|
|
return (<div key={ key }>
|
|
<h5>{ key }</h5>
|
|
<HighlightCode className="example" value={ exampleValue } />
|
|
</div>)
|
|
}).toArray()
|
|
}
|
|
|
|
if ( sampleResponse ) { return <div>
|
|
<HighlightCode className="example" value={ sampleResponse } />
|
|
</div>
|
|
}
|
|
return null
|
|
}
|
|
|
|
export default class Response extends React.Component {
|
|
constructor(props, context) {
|
|
super(props, context)
|
|
|
|
this.state = {
|
|
responseContentType: ""
|
|
}
|
|
}
|
|
|
|
static propTypes = {
|
|
code: PropTypes.string.isRequired,
|
|
response: PropTypes.object,
|
|
className: PropTypes.string,
|
|
getComponent: PropTypes.func.isRequired,
|
|
specSelectors: PropTypes.object.isRequired,
|
|
fn: PropTypes.object.isRequired,
|
|
contentType: PropTypes.string
|
|
}
|
|
|
|
static defaultProps = {
|
|
response: fromJS({}),
|
|
};
|
|
|
|
render() {
|
|
let {
|
|
code,
|
|
response,
|
|
className,
|
|
|
|
fn,
|
|
getComponent,
|
|
specSelectors,
|
|
contentType
|
|
} = this.props
|
|
|
|
let { inferSchema } = fn
|
|
let { isOAS3 } = specSelectors
|
|
|
|
let headers = response.get("headers")
|
|
let examples = response.get("examples")
|
|
let links = response.get("links")
|
|
const Headers = getComponent("headers")
|
|
const HighlightCode = getComponent("highlightCode")
|
|
const ModelExample = getComponent("modelExample")
|
|
const Markdown = getComponent( "Markdown" )
|
|
const OperationLink = getComponent("operationLink")
|
|
const ContentType = getComponent("contentType")
|
|
|
|
var sampleResponse
|
|
var schema
|
|
|
|
if(isOAS3()) {
|
|
let oas3SchemaForContentType = response.getIn(["content", this.state.responseContentType, "schema"])
|
|
sampleResponse = oas3SchemaForContentType ? getSampleSchema(oas3SchemaForContentType.toJS(), this.state.responseContentType, { includeReadOnly: true }) : null
|
|
schema = oas3SchemaForContentType ? inferSchema(oas3SchemaForContentType.toJS()) : null
|
|
} else {
|
|
schema = inferSchema(response.toJS())
|
|
sampleResponse = schema ? getSampleSchema(schema, contentType, { includeReadOnly: true }) : null
|
|
}
|
|
let example = getExampleComponent( sampleResponse, examples, HighlightCode )
|
|
|
|
return (
|
|
<tr className={ "response " + ( className || "") }>
|
|
<td className="col response-col_status">
|
|
{ code }
|
|
</td>
|
|
<td className="col response-col_description">
|
|
|
|
<div className="response-col_description__inner">
|
|
<Markdown source={ response.get( "description" ) } />
|
|
</div>
|
|
|
|
{ isOAS3 ? <ContentType
|
|
value={this.state.responseContentType}
|
|
contentTypes={ response.get("content") ? response.get("content").keySeq() : Seq() }
|
|
onChange={(val) => this.setState({ responseContentType: val })}
|
|
className="response-content-type" /> : null }
|
|
|
|
{ example ? (
|
|
<ModelExample
|
|
getComponent={ getComponent }
|
|
specSelectors={ specSelectors }
|
|
schema={ fromJS(schema) }
|
|
example={ example }/>
|
|
) : null}
|
|
|
|
{ headers ? (
|
|
<Headers headers={ headers }/>
|
|
) : null}
|
|
|
|
|
|
</td>
|
|
{specSelectors.isOAS3() ? <td>
|
|
{ links ?
|
|
links.toSeq().map((link, key) => {
|
|
return <OperationLink key={key} name={key} link={ link }/>
|
|
})
|
|
: <i>No links</i>}
|
|
</td> : null}
|
|
</tr>
|
|
)
|
|
}
|
|
}
|