diff --git a/package.json b/package.json
index d683355dd..70e7d2f02 100644
--- a/package.json
+++ b/package.json
@@ -21,30 +21,30 @@
"url": "https://github.com/comicrelief/component-library.git"
},
"dependencies": {
- "@babel/cli": "^7.10.4",
+ "@babel/cli": "^7.13.14",
"@hookform/resolvers": "^1.3.4",
- "axios": "^0.19.2",
+ "axios": "^0.21.1",
"jest-styled-components": "^7.0.2",
- "lazysizes": "^5.1.0",
+ "lazysizes": "^5.3.2",
"lodash": "^4.17.11",
"moment": "^2.29.1",
"prop-types": "^15.7.2",
- "react": "^16.8.6",
+ "react": "^17.0.2",
"react-currency-format": "^1.0.0",
- "react-dom": "^16.8.6",
+ "react-dom": "^17.0.2",
"react-hook-form": "^6.3.0",
- "react-scripts": "3.4.1",
- "react-styleguidist": "^11.0.8",
- "react-test-renderer": "^16.8.6",
+ "react-scripts": "4.0.3",
+ "react-styleguidist": "^11.1.6",
+ "react-test-renderer": "^17.0.2",
"react-uid": "^2.2.0",
- "styled-components": "^5.1.1",
+ "styled-components": "^5.2.3",
"youtube-player": "^5.5.2",
"yup": "^0.32.9",
"yup-phone": "^1.2.19"
},
"scripts": {
"test": "yarn run jest",
- "styleguide": "styleguidist server",
+ "styleguide": "cross-env FAST_REFRESH=false styleguidist server",
"styleguide:build": "styleguidist build",
"postinstall": "yarn run build",
"build": "rm -rf dist && NODE_ENV=production babel src --out-dir dist --copy-files --ignore __tests__,spec.js,test.js",
@@ -68,12 +68,13 @@
},
"devDependencies": {
"babel-eslint": "^10.0.2",
- "cypress": "^4.9.0",
- "eslint": "^7.4.0",
+ "cross-env": "^7.0.3",
+ "cypress": "^7.0.1",
+ "eslint": "^7.23.0",
"eslint-config-airbnb": "^18.2.0",
"eslint-plugin-import": "^2.22.0",
"eslint-plugin-jsx-a11y": "^6.3.1",
- "eslint-plugin-react": "^7.20.3",
+ "eslint-plugin-react": "^7.23.1",
"eslint-plugin-react-hooks": "^4.0.5",
"husky": "^5.0.6",
"jest": "^26.1.0",
diff --git a/src/components/Atoms/TextArea/TextArea.md b/src/components/Atoms/TextArea/TextArea.md
index 4b877f8c2..c50ed7fa6 100644
--- a/src/components/Atoms/TextArea/TextArea.md
+++ b/src/components/Atoms/TextArea/TextArea.md
@@ -6,7 +6,7 @@
name="description"
placeholder="This is a placeholder"
label="Label"
- rows="4"
+ rows={4}
id="textarea-test"
/>
@@ -14,7 +14,7 @@
diff --git a/src/components/Atoms/TextArea/TextArea.test.js b/src/components/Atoms/TextArea/TextArea.test.js
index 1843bab9e..78541cee8 100644
--- a/src/components/Atoms/TextArea/TextArea.test.js
+++ b/src/components/Atoms/TextArea/TextArea.test.js
@@ -9,8 +9,7 @@ it('renders correctly', () => {
name="description"
placeholder="This is text area"
label="Label"
- rows="5"
- cols="5"
+ rows={5}
errorMsg=""
id="Please leave your comment here"
/>
@@ -99,10 +98,9 @@ it('renders correctly', () => {
diff --git a/src/components/Molecules/CardDs/CardDs.js b/src/components/Molecules/CardDs/CardDs.js
index 23f4c19e6..3871152a8 100644
--- a/src/components/Molecules/CardDs/CardDs.js
+++ b/src/components/Molecules/CardDs/CardDs.js
@@ -139,7 +139,7 @@ const CardDs = ({
return null;
};
- const external = target === 'blank' ? 'noopener noreferrer' : null;
+ const external = target === 'blank' ? 'noopener' : null;
return (
diff --git a/src/components/Molecules/HeaderEsuWithIcon/__snapshots__/HeaderEsuWithIcon.test.js.snap b/src/components/Molecules/HeaderEsuWithIcon/__snapshots__/HeaderEsuWithIcon.test.js.snap
index 744747dd9..45c1cf0b3 100644
--- a/src/components/Molecules/HeaderEsuWithIcon/__snapshots__/HeaderEsuWithIcon.test.js.snap
+++ b/src/components/Molecules/HeaderEsuWithIcon/__snapshots__/HeaderEsuWithIcon.test.js.snap
@@ -174,7 +174,6 @@ exports[`renders correctly with error message 1`] = `
.c19 input {
text-align: center;
- border-color: #2C0230;
width: 100%;
font-size: 1rem;
}
@@ -668,7 +667,6 @@ exports[`renders correctly with modal open 1`] = `
.c17 input {
text-align: center;
- border-color: #2C0230;
width: 100%;
font-size: 1rem;
}
diff --git a/src/components/Molecules/SingleMessageDS/SingleMessageDs.js b/src/components/Molecules/SingleMessageDS/SingleMessageDs.js
index 265b44dfa..ab717776d 100644
--- a/src/components/Molecules/SingleMessageDS/SingleMessageDs.js
+++ b/src/components/Molecules/SingleMessageDS/SingleMessageDs.js
@@ -63,7 +63,7 @@ const SingleMessageDs = ({
const icon = linkIcon || (target === 'blank' ? : );
- const external = target === 'blank' ? 'noopener noreferrer' : null;
+ const external = target === 'blank' ? 'noopener' : null;
return (
diff --git a/src/components/Organisms/EmailSignUp/EmailSignUp.js b/src/components/Organisms/EmailSignUp/EmailSignUp.js
index b8c3f8f37..084b9ea27 100644
--- a/src/components/Organisms/EmailSignUp/EmailSignUp.js
+++ b/src/components/Organisms/EmailSignUp/EmailSignUp.js
@@ -75,7 +75,7 @@ const EmailSignUp = ({
value={value}
onChange={event => setValue(event.target.value)}
/>
-
+