import { AnchorTitle, colors, HeaderSizes, Styles } from '@0xproject/react-shared'; import * as _ from 'lodash'; import * as React from 'react'; import { DocsInfo } from '../docs_info'; import { Parameter, SolidityMethod, TypeDefinitionByName, TypescriptFunction, TypescriptMethod } from '../types'; import { constants } from '../utils/constants'; import { typeDocUtils } from '../utils/typedoc_utils'; import { Comment } from './comment'; import { Signature } from './signature'; import { SourceLink } from './source_link'; export interface SignatureBlockProps { method: SolidityMethod | TypescriptFunction | TypescriptMethod; sectionName: string; libraryVersion: string; typeDefinitionByName: TypeDefinitionByName; docsInfo: DocsInfo; sourceUrl: string; } export interface SignatureBlockState { shouldShowAnchor: boolean; } const styles: Styles = { chip: { fontSize: 13, backgroundColor: colors.lightBlueA700, color: colors.white, height: 11, borderRadius: 14, lineHeight: 0.9, }, }; export class SignatureBlock extends React.Component { constructor(props: SignatureBlockProps) { super(props); this.state = { shouldShowAnchor: false, }; } public render(): React.ReactNode { const method = this.props.method; return (
{!(method as TypescriptMethod).isConstructor && (
{(method as TypescriptMethod).isStatic && this._renderChip('Static')} {(method as SolidityMethod).isConstant && this._renderChip('Constant')} {(method as SolidityMethod).isPayable && this._renderChip('Payable')}
)} {(method as TypescriptMethod).source && ( )} {method.comment && } {method.parameters && !_.isEmpty(method.parameters) && (

ARGUMENTS

{this._renderParameterDescriptions(method.parameters)}
)} {method.returnComment && (

RETURNS

)}
); } private _renderChip(text: string): React.ReactNode { return (
{text}
); } private _renderParameterDescriptions(parameters: Parameter[]): React.ReactNode { const descriptions = _.map(parameters, parameter => { const isOptional = parameter.isOptional; return (
{parameter.name}
{isOptional && 'optional'}
{parameter.comment && }
); }); return descriptions; } private _setAnchorVisibility(shouldShowAnchor: boolean): void { this.setState({ shouldShowAnchor, }); } }