ba1603a7e2
* default to empty `ImmutableMap` when grabbing op metadata
* pass `errors` into JsonSchema components
* Account for Immutable data structure in JavaScriptonSchema...
...and create empty Lists instead of Maps by default.
* Pass ImmutableList through to JsonSchema child components
* Add lazy resolving spec state extensions
* TEMPORARY: disable conventional resolved spec
* WIP
* Use resolveSubtree in Operation display
* Freebie: short-circuit Markdown component if it is given plaintext
* NEW DEFAULT BEHAVIOR: `defaultModelsExpandDepth: 1` does not expand individual models
* Render faked Model expander to trigger resolution
* Baseline support for Editor lifecycles
* Display operation summaries before the operation is resolved
* Test migrations
* WIP
* Swagger2 TIO Body params
* a bit of cleanup
* Debounce string param inputs
* Reach into unresolved operation for deprecated flag, if available
* Fire subtree request outside of render
* Remove debugging flags
* Fix logical errors in spec statePlugins
* TODOs become TODONEs!
* Migrate deeplinking feature to non-resolved spec action
* ESLint fixes
* Reduce action dispatch volume; run resolver on next tick
* Batch resolver requests; use batch progressive results in later iterations
* Add loading states to Model and Operation views
* Preserve object order; remove dupl. import; add warning for action
* LINTER!
* Use require to load SVG
Works around Webpack weirdness
101 lines
3.1 KiB
JavaScript
101 lines
3.1 KiB
JavaScript
import React from "react"
|
|
import ImmutablePureComponent from "react-immutable-pure-component"
|
|
import ImPropTypes from "react-immutable-proptypes"
|
|
import PropTypes from "prop-types"
|
|
|
|
export default class Model extends ImmutablePureComponent {
|
|
static propTypes = {
|
|
schema: ImPropTypes.orderedMap.isRequired,
|
|
getComponent: PropTypes.func.isRequired,
|
|
getConfigs: PropTypes.func.isRequired,
|
|
specSelectors: PropTypes.object.isRequired,
|
|
name: PropTypes.string,
|
|
isRef: PropTypes.bool,
|
|
required: PropTypes.bool,
|
|
expandDepth: PropTypes.number,
|
|
depth: PropTypes.number,
|
|
specPath: ImPropTypes.list.isRequired,
|
|
}
|
|
|
|
getModelName =( ref )=> {
|
|
if ( ref.indexOf("#/definitions/") !== -1 ) {
|
|
return ref.replace(/^.*#\/definitions\//, "")
|
|
}
|
|
if ( ref.indexOf("#/components/schemas/") !== -1 ) {
|
|
return ref.replace("#/components/schemas/", "")
|
|
}
|
|
}
|
|
|
|
getRefSchema =( model )=> {
|
|
let { specSelectors } = this.props
|
|
|
|
return specSelectors.findDefinition(model)
|
|
}
|
|
|
|
render () {
|
|
let { getComponent, getConfigs, specSelectors, schema, required, name, isRef, specPath } = this.props
|
|
const ObjectModel = getComponent("ObjectModel")
|
|
const ArrayModel = getComponent("ArrayModel")
|
|
const PrimitiveModel = getComponent("PrimitiveModel")
|
|
let type = "object"
|
|
let $$ref = schema && schema.get("$$ref")
|
|
|
|
// If we weren't passed a `name` but have a ref, grab the name from the ref
|
|
if ( !name && $$ref ) {
|
|
name = this.getModelName( $$ref )
|
|
}
|
|
// If we weren't passed a `schema` but have a ref, grab the schema from the ref
|
|
if ( !schema && $$ref ) {
|
|
schema = this.getRefSchema( name )
|
|
}
|
|
|
|
if(!schema) {
|
|
return <span className="model model-title">
|
|
<span className="model-title__text">{ name }</span>
|
|
<img src={require("core/../img/rolling-load.svg")} height={"20px"} width={"20px"} style={{
|
|
marginLeft: "1em",
|
|
position: "relative",
|
|
bottom: "0px"
|
|
}} />
|
|
</span>
|
|
}
|
|
|
|
const deprecated = specSelectors.isOAS3() && schema.get("deprecated")
|
|
isRef = isRef !== undefined ? isRef : !!$$ref
|
|
type = schema && schema.get("type") || type
|
|
|
|
switch(type) {
|
|
case "object":
|
|
return <ObjectModel
|
|
className="object" { ...this.props }
|
|
specPath={specPath}
|
|
getConfigs={ getConfigs }
|
|
schema={ schema }
|
|
name={ name }
|
|
deprecated={deprecated}
|
|
isRef={ isRef } />
|
|
case "array":
|
|
return <ArrayModel
|
|
className="array" { ...this.props }
|
|
getConfigs={ getConfigs }
|
|
schema={ schema }
|
|
name={ name }
|
|
deprecated={deprecated}
|
|
required={ required } />
|
|
case "string":
|
|
case "number":
|
|
case "integer":
|
|
case "boolean":
|
|
default:
|
|
return <PrimitiveModel
|
|
{ ...this.props }
|
|
getComponent={ getComponent }
|
|
getConfigs={ getConfigs }
|
|
schema={ schema }
|
|
name={ name }
|
|
deprecated={deprecated}
|
|
required={ required }/>
|
|
}
|
|
}
|
|
}
|