fixed error

babel.config.js

@@ -1,19 +1,11 @@
 'use strict'
 
-const path = require('path')
+// const path = require('path')
 
-const presets = [
-  '@babel/preset-env',
-  '@babel/preset-react',
-  {
-
-  }
-]
+const presets = ['@babel/preset-env', '@babel/preset-react', {}]
 
 const plugins = [
-  [
-    require.resolve('@babel/plugin-proposal-class-properties')
-  ],
+  [require.resolve('@babel/plugin-proposal-class-properties')],
   [
     require.resolve('babel-plugin-module-resolver'),
     {
@@ -24,7 +16,6 @@ const plugins = [
     }
     // require.resolve('@babel/plugin-module-resolver')
   ]
-
 ]
 
 module.exports = { presets, plugins }

package.json

@@ -52,6 +52,7 @@
     "access": "public"
   },
   "dependencies": {
+    "@groceristar/pdf-export": "^1.0.41",
     "@react-pdf/renderer": "^1.4.1",
     "antd": "^3.15.0",
     "uuid": "^3.3.2"

rollup.config.js

@@ -4,11 +4,9 @@ import resolve from 'rollup-plugin-node-resolve'
 import babel from 'rollup-plugin-babel'
 import pkg from './package.json'
 
-const extensions = [
-  '.js'
-]
+const extensions = ['.js']
 
-const name = 'PDFExportComponents'
+// const name = 'PDFExportComponents'
 
 export default {
   input: './src/index.js',
@@ -29,10 +27,7 @@ export default {
       extensions,
       include: ['src/*'],
       // include: ['src/**/*'],
-      exclude: [
-        'node_modules/**',
-        '/src/data/__tests__'
-      ]
+      exclude: ['node_modules/**', '/src/data/__tests__']
       // exclude: 'node_modules/**'
       // presets: presets,
       // plugins: plugins
@@ -46,20 +41,22 @@ export default {
     // }),
   ],
 
-  output: [{
-    file: pkg.main,
-    format: 'cjs'
-  }, {
-    file: pkg.module,
-    format: 'es'
-  }
-  // {
-  //   file: pkg.browser,
-  //   format: 'iife',
-  //   name,
-  //
-  //   // https://rollupjs.org/guide/en#output-globals-g-globals
-  //   globals: {}
-  // }
+  output: [
+    {
+      file: pkg.main,
+      format: 'cjs'
+    },
+    {
+      file: pkg.module,
+      format: 'es'
+    }
+    // {
+    //   file: pkg.browser,
+    //   format: 'iife',
+    //   name,
+    //
+    //   // https://rollupjs.org/guide/en#output-globals-g-globals
+    //   globals: {}
+    // }
   ]
 }

src/components/DocumentLayouts/DocumentLayouts.test.js

@@ -1,23 +1,14 @@
-import React from 'react'
-import ReactDOM from 'react-dom'
-import Enzyme, { shallow, configure } from 'enzyme'
-
+import { configure } from 'enzyme'
 import EnzymeAdapter from 'enzyme-adapter-react-16'
 
-import TodaysDate from '~/TodaysDate'
-
-import DocumentLayouts from './DocumentLayouts'
-
 // Setup enzyme's react adapter
 configure({ adapter: new EnzymeAdapter() })
 
 describe('<TodaysDate /> component shallow only methods ', () => {
   it('renders without crashing', () => {
-    const wrapper = shallow(<TodaysDate />)
-
+    // const wrapper = shallow(<TodaysDate />)
     // expect(wrapper).toBe({});
     // this 2 lines below don't make a lot of sense
-
     // expect(wrapper).toBe(true)
     //   ReactDOM.render(<List />, div);
   })

src/components/DownloadPDFLink/DownloadPDFLink.test.js

@@ -1,23 +1,19 @@
-import React from 'react'
-import ReactDOM from 'react-dom'
-import Enzyme, { shallow, configure } from 'enzyme'
+import { configure } from 'enzyme'
 
 import EnzymeAdapter from 'enzyme-adapter-react-16'
 
-import TodaysDate from '~/TodaysDate'
+// import TodaysDate from '~/TodaysDate'
 
-import DownloadPDFLink from './DownloadPDFLink'
+// import DownloadPDFLink from './DownloadPDFLink'
 
 // Setup enzyme's react adapter
 configure({ adapter: new EnzymeAdapter() })
 
 describe('<TodaysDate /> component shallow only methods ', () => {
   it('renders without crashing', () => {
-    const wrapper = shallow(<TodaysDate />)
-
+    // const wrapper = shallow(<TodaysDate />)
     // expect(wrapper).toBe({});
     // this 2 lines below don't make a lot of sense
-
     // expect(wrapper).toBe(true)
     //   ReactDOM.render(<List />, div);
   })

src/components/RenderList.test.js

@@ -1,12 +1,10 @@
-import React from 'react'
-import ReactDOM from 'react-dom'
-import Enzyme, { configure, shallow, mount } from 'enzyme'
+import { configure } from 'enzyme'
 import EnzymeAdapter from 'enzyme-adapter-react-16'
 
-import RenderList1 from '~/RenderLists1/RenderLists1'
-import RenderList2 from '~/RenderLists2/RenderLists2'
-import RenderList3 from '~/RenderLists3/RenderLists3'
-import RenderList4 from '~/RenderLists4/RenderLists4'
+// import RenderList1 from '~/RenderLists1/RenderLists1'
+// import RenderList2 from '~/RenderLists2/RenderLists2'
+// import RenderList3 from '~/RenderLists3/RenderLists3'
+// import RenderList4 from '~/RenderLists4/RenderLists4'
 
 // @TODO it was an old version. as we want to make this components lighter - we need to find another way to do tests as we want them
 // import { getFullGrocery, getRecipes } from '/selector'
@@ -19,14 +17,10 @@ configure({ adapter: new EnzymeAdapter() })
 describe('Test RenderList attribute', () => {
   // const data = getFullGrocery('19 Gluten-Free Foods Shopping List')
   // const recipeData = getRecipes()[0]
-
   // @TODO replace a similar tests with a function
-
   // const wrapper = mount(<RenderList1 data={data} />);
-
   // console.log(wrapper.prop('data'))
   // expect(wrapper.prop('data')).isEmpty(false)
-
   // it('Renderlist1 has data attribute', () => {
   //
   //   // (typeof A === "object") && (A !== null)
@@ -37,25 +31,21 @@ describe('Test RenderList attribute', () => {
   //   expect(wrapper.prop('data').isEmpty()).to.equal(false)
   //   // expect(wrapper.props().data).toEqual(expect.any(Object))
   // })
-
   // it('Renderlist2 has data attribute', () => {
   //   const renderList = shallow(<RenderList2 data={data} />);
   //   const data = renderList.node.props.data;
   //   // expect(data).toBe('data')
   // })
-
   // it('Renderlist3 has data attribute', () => {
   //   const renderList = shallow(<RenderList3 data={data} />);
   //   const data = renderList.node.props.data;
   //   // expect(data).toBe('data')
   // })
-
   // it('Renderlist4 has data attribute', () => {
   //   const renderList = shallow(<RenderList4 data={recipeData} />);
   //   const data = renderList.node.props.data;
   //   // expect(data).toBe('data')
   // })
-
   // it('Render List1 should have Lists1 inside of it', () => {
   //   const wrapper = shallow(<RenderList1 data={data} />);
   //   expect(wrapper.find('List1')).toBe(true);

src/components/RenderLists3/List.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 
-import { Text, View, StyleSheet } from '@react-pdf/renderer'
+import { Text, View } from '@react-pdf/renderer'
 
 // this component important to generation PDF
 import { listStyles as styles } from './styles'

src/components/RenderLists4/RenderLists4.js

@@ -1,32 +1,18 @@
 import React from 'react'
 
-import { Text, View, StyleSheet } from '@react-pdf/renderer'
+import { Text, View } from '@react-pdf/renderer'
 // import List, { Item } from './List';
 
 const RenderLists4 = ({ data }) => {
   return (
     <View>
-      <Text>
-        {data.title}
-      </Text>
-      <Text>
-        {data.directions}
-      </Text>
-      <Text>
-        {data.ingredients}
-      </Text>
-      <Text>
-        {data.prep_time}
-      </Text>
-      <Text>
-        {data.total_time}
-      </Text>
-      <Text>
-        {data.recipe_yield}
-      </Text>
-      <Text>
-        {data.url}
-      </Text>
+      <Text>{data.title}</Text>
+      <Text>{data.directions}</Text>
+      <Text>{data.ingredients}</Text>
+      <Text>{data.prep_time}</Text>
+      <Text>{data.total_time}</Text>
+      <Text>{data.recipe_yield}</Text>
+      <Text>{data.url}</Text>
     </View>
   )
 }