Hex Artifact Content
Not logged in

Artifact 51ed5962a726a4718e68ca69e3b82e6cbb7fb77f:


0000: 69 6d 70 6f 72 74 20 52 65 61 63 74 2c 20 7b 20  import React, { 
0010: 43 6f 6d 70 6f 6e 65 6e 74 20 7d 20 66 72 6f 6d  Component } from
0020: 20 27 72 65 61 63 74 27 0a 69 6d 70 6f 72 74 20   'react'.import 
0030: 50 72 6f 70 54 79 70 65 73 20 66 72 6f 6d 20 27  PropTypes from '
0040: 70 72 6f 70 2d 74 79 70 65 73 27 0a 0a 65 78 70  prop-types'..exp
0050: 6f 72 74 20 64 65 66 61 75 6c 74 20 63 6c 61 73  ort default clas
0060: 73 20 49 6e 70 75 74 52 61 77 20 65 78 74 65 6e  s InputRaw exten
0070: 64 73 20 43 6f 6d 70 6f 6e 65 6e 74 20 7b 0a 20  ds Component {. 
0080: 20 73 74 61 74 69 63 20 70 72 6f 70 54 79 70 65   static propType
0090: 73 20 3d 20 7b 0a 20 20 20 20 69 6e 70 75 74 3a  s = {.    input:
00a0: 20 50 72 6f 70 54 79 70 65 73 2e 6f 62 6a 65 63   PropTypes.objec
00b0: 74 0a 20 20 7d 0a 0a 20 20 72 65 6e 64 65 72 20  t.  }..  render 
00c0: 28 29 20 7b 0a 20 20 20 20 63 6f 6e 73 74 20 7b  () {.    const {
00d0: 20 69 6e 70 75 74 2c 20 2e 2e 2e 72 65 73 74 20   input, ...rest 
00e0: 7d 20 3d 20 74 68 69 73 2e 70 72 6f 70 73 0a 0a  } = this.props..
00f0: 20 20 20 20 63 6f 6e 73 74 20 70 72 6f 70 73 20      const props 
0100: 3d 20 7b 0a 20 20 20 20 20 20 2e 2e 2e 69 6e 70  = {.      ...inp
0110: 75 74 2c 0a 20 20 20 20 20 20 2e 2e 2e 72 65 73  ut,.      ...res
0120: 74 0a 20 20 20 20 7d 0a 0a 20 20 20 20 69 66 20  t.    }..    if 
0130: 28 72 65 73 74 2e 74 79 70 65 20 3d 3d 3d 20 27  (rest.type === '
0140: 74 65 78 74 61 72 65 61 27 29 20 7b 0a 20 20 20  textarea') {.   
0150: 20 20 20 72 65 74 75 72 6e 20 3c 74 65 78 74 61     return <texta
0160: 72 65 61 20 7b 2e 2e 2e 70 72 6f 70 73 7d 20 2f  rea {...props} /
0170: 3e 0a 20 20 20 20 7d 0a 0a 20 20 20 20 72 65 74  >.    }..    ret
0180: 75 72 6e 20 3c 69 6e 70 75 74 20 7b 2e 2e 2e 70  urn <input {...p
0190: 72 6f 70 73 7d 20 2f 3e 0a 20 20 7d 0a 7d 0a     rops} />.  }.}.