Function OpenAPIRequestBody

packages/react-openapi/src/OpenAPIRequestBody.tsx:13–54

(props: {
    requestBody: OpenAPIV3.RequestBodyObject | OpenAPIV3.ReferenceObject;
    context: OpenAPIClientContext;
    data: OpenAPIOperationData | OpenAPIWebhookData;
})

 * Display an interactive request body.
 */
export function OpenAPIRequestBody(props: {
    requestBody: OpenAPIV3.RequestBodyObject | OpenAPIV3.ReferenceObject;
    context: OpenAPIClientContext;
    data: OpenAPIOperationData | OpenAPIWebhookData;
}) {
    const { requestBody, context, data } = props;

    if (checkIsReference(requestBody)) {
        return null;
    }

    const stateKey = createStateKey('request-body-media-type', context.blockKey);

    return (
        <InteractiveSection
            header={
                <>
                    <span>{t(context.translation, 'name' in data ? 'payload' : 'body')}</span>
                    <OpenAPIRequestBodyHeaderType requestBody={requestBody} stateKey={stateKey} />
                </>
            }
            className="openapi-requestbody"
            stateKey={stateKey}
            selectIcon={context.icons.chevronDown}
            tabs={Object.entries(requestBody.content ?? {}).map(
                ([contentType, mediaTypeObject]) => {
                    return {
                        key: contentType,
                        label: contentType,
                        body: (
                            <OpenAPIRootSchema
                                schema={mediaTypeObject.schema ?? {}}
                                context={context}
                                key={contentType}
                            />
                        ),
                    };
                }
            )}
        />
    );
}