Merge pull request #125 from squiaios/patch-1

Add React 17

Author: giorgosart

package.json

@@ -37,8 +37,8 @@
     "url": "https://github.com/giorgosart/react-easy-edit/issues"
   },
   "peerDependencies": {
-    "react": "^16.14.0",
-    "react-dom": "^16.14.0"
+    "react": "^17.0.0",
+    "react-dom": "^17.0.0"
   },
   "eslintConfig": {
     "extends": "react-app"
@@ -56,11 +56,11 @@
     "@babel/preset-env": "^7.12.11",
     "@babel/preset-react": "^7.12.10",
     "@rollup/plugin-babel": "^5.2.1",
+    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.1",
     "enzyme": "3.11.0",
-    "enzyme-adapter-react-16": "1.15.5",
     "prop-types": "^15.7.2",
-    "react": "^16.14.0",
-    "react-dom": "^16.14.0",
+    "react": "^17.0.0",
+    "react-dom": "^17.0.0",
     "react-scripts": "^3.4.4",
     "rollup": "2.32.1",
     "rollup-plugin-postcss": "^3.1.8",

src/lib/EasyCheckbox.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import {configure, mount, shallow} from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import EasyCheckbox from "./EasyCheckbox";
 import EasyEdit from "./EasyEdit";
 import Globals from './globals';

src/lib/EasyColor.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import {configure, shallow} from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import EasyColor from "./EasyColor";
 
 configure({adapter: new Adapter()});

src/lib/EasyCustom.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import {configure, shallow, mount} from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import EasyCustom from "./EasyCustom";
 import EasyEdit from "./EasyEdit";
 
@@ -74,4 +74,4 @@ class CustomComponent extends React.Component{
   render(){
     return <input onBlur={this.props.onBlur} />;
   }
-}
+}

src/lib/EasyDatalist.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import {configure, shallow} from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import EasyDatalist from "./EasyDatalist";
 import EasyEdit from "./EasyEdit";
 

src/lib/EasyDropdown.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import {configure, mount, shallow} from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import EasyDropdown from "./EasyDropdown";
 import Globals from './globals'
 import EasyEdit, {Types} from "./EasyEdit";

src/lib/EasyEdit.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { configure, shallow, mount } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import EasyEdit from "./EasyEdit";
 import EasyInput from "./EasyInput";
 import EasyParagraph from "./EasyParagraph";

src/lib/EasyInput.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import {configure, mount, shallow} from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import EasyInput from "./EasyInput";
 import EasyEdit from "./EasyEdit";
 
@@ -123,10 +123,10 @@ describe('EasyInput', () => {
         <EasyEdit
             type="text"
             onSave={jest.fn()}
-            attributes={{type:'number', class: 'test', value:'Test', onChange:()=>{alert("Whaaaa?")}}}
+            attributes={{type:'number', className: 'test', value:'Test', onChange:()=>{alert("Whaaaa?")}}}
         />);
     wrapper.simulate('click');
-    expect(wrapper.props().attributes).toEqual({"class": "test"});
+    expect(wrapper.props().attributes).toEqual({"className": "test"});
   });
 
   it("should apply the cssClassPrefix", () => {

src/lib/EasyInputEmail.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import {configure, shallow} from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import EasyEdit from "./EasyEdit";
 
 configure({adapter: new Adapter()});

src/lib/EasyInputPassword.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import {configure, shallow} from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import EasyEdit, {Types} from "./EasyEdit";
 
 configure({adapter: new Adapter()});