Class description does not work with @decorators

[theogravity]

Trying to use the @Radium decorator from radium

import React, { Component } from 'react'
import Radium from 'radium'

/**
 * react-docgen does not parse this description when a @decorator is present
 */
@Radium
export default class extends Component {
  static displayName = 'DocCommentExample'

  static styleguide = {
    index: '5.2',
    category: 'Features!',
    title: 'Additional examples via doc comment'
  }

  static propTypes = {
    /**
     * Block level
     */
    block: React.PropTypes.bool,
    /**
     * Style types `'default|primary|success|info'`
     */
    bsStyle: React.PropTypes.oneOf(['default', 'primary', 'success', 'info'])
  }

  static defaultProps = {
    bsStyle: 'default'
  }

  render () {
    return <div></div>
  }
}

Parsed output:

{
    "description": "",
    "displayName": "DocCommentExample",
    "props": {
        "block": {
            "type": {
                "name": "bool"
            },
            "required": false,
            "description": "Block level"
        },
        "bsStyle": {
            "type": {
                "name": "enum",
                "value": [
                    {
                        "value": "'default'",
                        "computed": false
                    },
                    {
                        "value": "'primary'",
                        "computed": false
                    },
                    {
                        "value": "'success'",
                        "computed": false
                    },
                    {
                        "value": "'info'",
                        "computed": false
                    }
                ]
            },
            "required": false,
            "description": "Style types `'default|primary|success|info'`",
            "defaultValue": {
                "value": "'default'",
                "computed": false
            }
        }
    }
}

[fkling]

Thanks for the report! My first guess would be that the comment might be attached to a different node. I will investigate.

[theogravity]

Thanks for the prompt response!

[levithomason]

Would love to see this as well. As a temporary work around, you can place the decorator above the docblock:

import {Component} from 'react';
import Radium from 'radium';

@Radium
/**
 * This is a box for checking.
 */
class Checkbox extends Component {
  //...
}

Radium continues to work in the component and the generated doc json contains the docblock description. This was tested using webpack and babel.

[theogravity]

Thanks!