All files / src/gadgets/list cell.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 
 
 
 
 
 
 
 
 
 
 
 
4x
4x
3x
3x
2x
2x
1x
 
 
1x
 
 
 
 
 
250x
250x
1x
 
249x
 
 
 
 
 
 
 
import { findDOMNode } from 'react-dom'
import PropTypes from 'prop-types'
import React from 'react'
import styles from './style.css'
 
export default class CellWrapper extends React.Component {
  static propTypes = {
    id: PropTypes.string,
    children: PropTypes.object
  }
 
  handleFocus = () => {
    const element = findDOMNode(this.refs[this.props.id])
    if (element) {
      let input = element.querySelector('input')
      if (!input) {
        input = element.querySelector('textarea')
        if (input) {
          input.click()
        }
      } else {
        input.focus()
      }
    }
  }
 
  render () {
    const { id, children } = this.props
    if (!children) {
      return false
    }
    return (
      <div className={styles.cell} onClick={this.handleFocus}>
        {React.cloneElement(children, { ref: id })}
      </div>
    )
  }
}