init commit onap ui

Change-Id: I1dace78817dbba752c550c182dfea118b4a38646
Issue-ID: SDC-1350
Signed-off-by: Israel Lavi <il0695@att.com>

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