tonkean-react-calendar-timeline/src/resize-detector/container.js

react calendar timeline

import elementResizeDetectorMaker from 'element-resize-detector'

function addListener(component) {
  component._erd = elementResizeDetectorMaker({
    strategy: 'scroll'
  })

  component._erdWidth = component.container.offsetWidth

  component._erd.listenTo(component.container, element => {
    var width = element.offsetWidth

    if (component._erdWidth !== width) {
      component.resize(component.props)
      component._erdWidth = width
    }
  })
}

function removeListener(component) {
  component._erd.removeAllListeners(component.container)
}

export default { addListener, removeListener }