summaryrefslogtreecommitdiffstats
path: root/src/react/Checklist.js
diff options
context:
space:
mode:
authorMichael Lando <ml636r@att.com>2018-05-21 20:19:48 +0000
committerGerrit Code Review <gerrit@onap.org>2018-05-21 20:19:48 +0000
commit05b37297177e8a342668c15e5d6f738b51f7aedd (patch)
treee236c96df52a13f935292db8aa73e84d0c41ad8a /src/react/Checklist.js
parent884dfb789593d2a3cc319047ab1f0215778aec9f (diff)
parent1994c98063c27a41797dec01f2ca9fcbe33ceab0 (diff)
Merge "init commit onap ui"2.0.0-ONAPbeijing2.0.0-ONAP
Diffstat (limited to 'src/react/Checklist.js')
-rw-r--r--src/react/Checklist.js43
1 files changed, 43 insertions, 0 deletions
diff --git a/src/react/Checklist.js b/src/react/Checklist.js
new file mode 100644
index 0000000..1a42aee
--- /dev/null
+++ b/src/react/Checklist.js
@@ -0,0 +1,43 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import Checkbox from './Checkbox.js';
+
+const Checklist = ({ items = [], className, onChange }) => (
+ <div className={className}>
+ {items.map((item, index) => {
+ return (
+ <div key={`checkbox-item-${index}`} className='checkbox-item'>
+ <Checkbox
+ key={`${item.label}${index}`}
+ label={item.label}
+ value={item.value}
+ checked={item.checked}
+ disabled={item.disabled}
+ onChange={value => {
+ let obj = {};
+ obj[item.value] = value;
+ onChange(obj);
+ }}
+ data-test-id={item.dataTestId}
+ />
+ </div>
+ );
+ })}
+ </div>
+);
+
+Checklist.propTypes = {
+ items: PropTypes.arrayOf(
+ PropTypes.shape({
+ label: PropTypes.string,
+ value: PropTypes.string,
+ checked: PropTypes.bool,
+ disabled: PropTypes.bool,
+ dataTestId: PropTypes.string
+ })
+ ),
+ className: PropTypes.string,
+ onChange: PropTypes.func
+};
+
+export default Checklist; \ No newline at end of file