cncjs

1
import PropTypes from 'prop-types';
2
import React from 'react';
3
import WidgetListItem from './WidgetListItem';
4

5
const WidgetList = (props) => {
6
  const { list, onChange } = props;
7
  const style = {
8
    maxHeight: Math.max(window.innerHeight / 2, 200),
9
    overflowY: 'scroll',
10
    padding: 15
11
  };
12

13
  return (
14
    <div className="container-fluid" style={style}>
15
      <div className="row">
16
        {list.map((o, key) => (
17
          <div className="col-xs-6 col-md-4" key={o.id}>
18
            <WidgetListItem
19
              id={o.id}
20
              caption={o.caption}
21
              details={o.details}
22
              checked={o.visible}
23
              disabled={o.disabled}
24
              onChange={onChange}
25
            />
26
          </div>
27
        ))}
28
      </div>
29
    </div>
30
  );
31
};
32

33
WidgetList.propTypes = {
34
  list: PropTypes.array.isRequired,
35
  onChange: PropTypes.func
36
};
37

38
export default WidgetList;
39