fix(paragraph): map props in Paragraphs component to remove PropType warnings

Author: bartlangelaan

src/components/deprecated/Paragraphs.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import EntityListMapper from '../../EntityListMapper';
+import deprecate from "util-deprecate";
+
+function Paragraphs({ mapper, paragraphs, page, Wrapper, paragraphProps }) {
+  return <EntityListMapper
+    entities={paragraphs}
+    mapper={mapper}
+    entityProps={{page, ...paragraphProps}}
+    {...(Wrapper ? {entityWrapper: Wrapper} : {})}
+  />;
+}
+
+Paragraphs.propTypes = {
+  mapper: PropTypes.oneOfType([
+    PropTypes.shape(),
+    PropTypes.func,
+  ]).isRequired,
+  paragraphs: PropTypes.arrayOf(PropTypes.shape()),
+  page: PropTypes.shape(),
+  Wrapper: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.func,
+  ]),
+  paragraphProps: PropTypes.shape(),
+};
+
+Paragraphs.defaultProps = {
+  Wrapper: undefined,
+  paragraphProps: {},
+  page: undefined,
+};
+
+export default deprecate(Paragraphs, 'The Paragraphs component is deprecated, use the EntityListMapper component instead');

src/components/deprecated/Paragraphs.test.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import renderer from 'react-test-renderer';
+import Paragraphs from './Paragraphs';
+import site from '../../site';
+import waitForHnData from '../../DrupalPage/waitForHnData';
+import { mapper, uuid } from '../../utils/tests';
+
+jest.mock('../../site', () => {
+  return require('../../utils/tests').mockSite();
+});
+
+jest.mock('util-deprecate', () => jest.fn((func) => func));
+
+beforeEach(() => {
+  site.getData.mockRestore();
+});
+
+describe('Paragraphs', async () => {
+
+  test('with required props', async() => {
+    const component = await waitForHnData(
+      <Paragraphs
+        mapper={mapper}
+        paragraphs={[{target_uuid: uuid}]}
+      />
+    );
+
+    expect(renderer.create(component).toJSON()).toMatchSnapshot();
+  });
+
+  test('with all props', async() => {
+    const component = await waitForHnData(
+      <Paragraphs
+        mapper={mapper}
+        paragraphProps={{
+          testProp: 'testPropValue'
+        }}
+        paragraphs={[{target_uuid: uuid}]}
+        Wrapper={'section'}
+        page={{'pageTest': true}}
+      />
+    );
+
+    expect(renderer.create(component).toJSON()).toMatchSnapshot();
+  });
+});

src/__snapshots__/index.test.js.snap renamed to src/components/deprecated/__snapshots__/Paragraphs.test.js.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Deprecated components Paragraphs with all props 1`] = `
+exports[`Paragraphs with all props 1`] = `
 <section>
   <div
     bundle="unique_type__unique_bundle"
@@ -36,7 +36,7 @@ exports[`Deprecated components Paragraphs with all props 1`] = `
 </section>
 `;
 
-exports[`Deprecated components Paragraphs with required props 1`] = `
+exports[`Paragraphs with required props 1`] = `
 <div
   bundle="unique_type__unique_bundle"
   className="MyCustomMapperComponent"

src/index.js

@@ -4,17 +4,9 @@ import site from './site';
 import EntityMapper from './EntityMapper';
 import EntityListMapper from './EntityListMapper';
 import Paragraph from './components/deprecated/Paragraph';
+import Paragraphs from './components/deprecated/Paragraphs';
 import waitForHnData from './DrupalPage/waitForHnData';
 
-let warningParagraphsDeprecation = false;
-const Paragraphs = (p) => {
-  if(!warningParagraphsDeprecation) {
-    console.warn('Warning: The component "Paragraphs" is deprecated, use "EntityListMapper" instead.');
-    warningParagraphsDeprecation = true;
-  }
-  return <EntityListMapper {...p} />;
-};
-
 export {
   DrupalPage,
   site,