PerfectScrollComponent React

react_perfect_scroll.coffee

window.ReactPerfectScrollComponent = React.createClass
  displayName: 'ReactPerfectScrollComponent'

  getDefaultProps: ->
    suppressScrollX: true
    includePadding: true

  componentDidMount: ->
    $(@getDOMNode()).perfectScrollbar
      suppressScrollX: @props.suppressScrollX
      includePadding:  @props.includePadding

    # We need to defer this since the size of the elment is not correct yet.
    _.defer =>
      @updatePerfectScrollbar()

  updatePerfectScrollbar: ->
    if @isMounted()
      $(@getDOMNode()).perfectScrollbar 'update'

  componentDidUpdate: ->
    @updatePerfectScrollbar()

  componentWillUnmount: ->
    $(@getDOMNode()).perfectScrollbar 'destroy'

  render: ->
    React.DOM.div className: @props.className,
      @props.children