feat(mapper): add Paragraph and Paragraphs components as helpers

src/Paragraph.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import site from './site';
+
+const Paragraph = ({ mapper, uuid, page, index }) => {
+  const paragraph = site.getData(uuid);
+
+  if(!paragraph) {
+    return null;
+  }
+
+  const Component = typeof mapper === 'function' ? mapper(paragraph.type.target_id) : mapper[paragraph.type.target_id];
+  return (
+    <Component
+      type={paragraph.type.target_id}
+      page={page}
+      paragraph={paragraph}
+      index={index}
+    />
+  );
+};
+
+Paragraph.propTypes = {
+  mapper: PropTypes.oneOfType([
+    PropTypes.shape(),
+    PropTypes.func,
+  ]).isRequired,
+  uuid: PropTypes.string.isRequired,
+  page: PropTypes.shape({}),
+  index: PropTypes.number.isRequired,
+};
+
+export default Paragraph;

src/Paragraphs.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import Paragraph from './Paragraph';
+
+const Paragraphs = ({ mapper, paragraphs, page, Wrapper }) =>
+  paragraphs.map((uuid, index) => {
+    const paragraph = (
+      <Paragraph
+        key={uuid.target_uuid}
+        uuid={uuid.target_uuid}
+        page={page}
+        index={index}
+      />
+    );
+    if(Wrapper) {
+      return (
+        <Wrapper>
+          {paragraph}
+        </Wrapper>
+      );
+    }
+    return paragraph;
+  });
+
+Paragraphs.propTypes = {
+  mapper: PropTypes.oneOfType([
+    PropTypes.shape(),
+    PropTypes.func,
+  ]).isRequired,
+  paragraphs: PropTypes.arrayOf(PropTypes.shape()),
+  page: PropTypes.shape({
+    uuid: PropTypes.shape({
+      target_uuid: PropTypes.string,
+    }).isRequired,
+  }),
+  Wrapper: PropTypes.oneOfType([
+    PropTypes.bool,
+    PropTypes.node,
+  ]),
+};
+
+Paragraphs.defaultProps = {
+  Wrapper: false,
+};
+
+export default Paragraphs;

src/index.js

@@ -1,7 +1,11 @@
 import DrupalPage from './DrupalPage';
 import site from './site';
+import Paragraph from './Paragraph';
+import Paragraphs from './Paragraphs';
 
 export {
   DrupalPage,
-  site
+  site,
+  Paragraph,
+  Paragraphs,
 };