Nav-frontend pakker støtter nå React v17 (#979)

* fikset clean script * oppdaterte react for pakker * oppdaterte eldre react klasser * oppdatert react for nettside * fjernet react fra stilpakker * webpack mode set * silent webpack build * yarn update * oppdatert changelog * fjernet changelog linje
navikt · Feb 5, 2021 · 09b0dcd · 09b0dcd
1 parent 645ec19
commit 09b0dcd
Show file tree

Hide file tree

Showing 87 changed files with 1,519 additions and 1,451 deletions.
diff --git a/.husky/.gitignore b/.husky/.gitignore
@@ -1 +1 @@
-_
+_
diff --git a/@navikt/ds-icons/package.json b/@navikt/ds-icons/package.json
@@ -19,7 +19,7 @@
   ],
   "scripts": {
     "dl-icons": "FILE_KEY=UmEVH3pZ71uJPsSz9ilP3Y node -r dotenv/config figma-api/index.js dotenv_config_path=figma-api/.env",
-    "create-icons": "svgr --typescript --ref --icon --title-prop --replace-attr-values \"#3E3832=currentColor\" -d src svg",
+    "create-icons": "svgr --silent --typescript --ref --icon --title-prop --replace-attr-values \"#3E3832=currentColor\" -d src svg",
     "convert-icons": "node figma-api/pngConverter.js",
     "clean": "rm -rf src && rm -rf lib && rm -rf png && rm -rf NAV-ikonpakke-png.zip && rm -rf NAV-ikonpakke-svg.zip",
     "build": "npm run clean && npm run create-icons && tsc && npm run convert-icons && node figma-api/zipIcons.js"

diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,23 @@
 # Endringslogg
 
+## 05. Februar 2021
+
+### Komponenter støtter nå React v17
+
+[#979](https://github.com/navikt/nav-frontend-moduler/pull/979)
+
+- Alle react komponenter har nå devDep og peerDep `^16.8.0 || ^17.0.0`
+- React er fjernet som devDep for stilpakker
+
+## 05. Februar 2021
+
+### Ikon-nedlastning i PNG format
+
+[#973](https://github.com/navikt/nav-frontend-moduler/pull/973)
+
+- Ikonsiden tilbyr nå både nedlastning av ikoner i SVG og PNG format
+- Fargevelger for ikon er laget for å kunne laste ned ikonene med forskjellige farger.
+
 ## 29. Januar 2021
 
 ### Publisering av ikonpakke og ikonsøk
@@ -9,7 +27,6 @@
 - `@navikt/ds-icons` er publisert som version 0.1.0
 - Ikonsøket på design.nav.no er nå i bruk
 
-
 ## 25. Januar 2021
 
 ### Fjernet komponenten EtikettLiten

diff --git a/package.json b/package.json
@@ -15,7 +15,7 @@
     "chromatic": "npx chromatic --project-token x3xqdfgkujg",
     "lerna:watch": "yarn run lerna run watch --parallel",
     "lerna:watch-css": "yarn run lerna run watch-css --parallel",
-    "lerna:build": "yarn run lerna run build",
+    "lerna:build": "yarn run --silent lerna run build",
     "lerna:token": "yarn run lerna run token",
     "lerna:icons": "yarn run lerna run dl-icons",
     "lint": "yarn lint:jsts && yarn lint:less && yarn lint:css",
@@ -131,7 +131,7 @@
     "mini-css-extract-plugin": "^1.3.0",
     "prettier": "2.2.1",
     "prop-types": "^15.5.10",
-    "react": "^16.8.0",
+    "react": "^16.8.0 || ^17.0.0",
     "react-is": "^16.13.1",
     "stylelint": "^13.7.2",
     "stylelint-config-standard": "^20.0.0",

diff --git a/packages/nav-frontend-alertstriper-style/package.json b/packages/nav-frontend-alertstriper-style/package.json
@@ -8,7 +8,7 @@
     "/dist/main.css"
   ],
   "scripts": {
-    "build": "webpack"
+    "build": "webpack --mode=production"
   },
   "repository": {
     "type": "git",
@@ -18,8 +18,7 @@
     "nav-frontend-core": "^5.0.11",
     "nav-frontend-ikoner-assets": "^2.0.9",
     "nav-frontend-paneler-style": "^0.3.34",
-    "nav-frontend-typografi-style": "^1.0.33",
-    "react": "^16.8.0"
+    "nav-frontend-typografi-style": "^1.0.33"
   },
   "peerDependencies": {
     "nav-frontend-core": "^5.0.11",

diff --git a/packages/nav-frontend-alertstriper-style/webpack.config.js b/packages/nav-frontend-alertstriper-style/webpack.config.js
@@ -3,6 +3,7 @@ const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 module.exports = {
   entry: "./src/index.less",
   plugins: [new MiniCssExtractPlugin()],
+  stats: "errors-only",
   module: {
     rules: [
       {

diff --git a/packages/nav-frontend-alertstriper/package.json b/packages/nav-frontend-alertstriper/package.json
@@ -22,15 +22,15 @@
     "nav-frontend-ikoner-assets": "^2.0.9",
     "nav-frontend-typografi": "^3.0.2",
     "prop-types": "^15.5.10",
-    "react": "^16.8.0"
+    "react": "^16.8.0 || ^17.0.0"
   },
   "devDependencies": {
     "@types/classnames": "^2.2.3",
     "@types/react": "15.0.23 || ^16.0.0",
     "nav-frontend-alertstriper-style": "^2.0.35",
     "nav-frontend-ikoner-assets": "^2.0.9",
     "nav-frontend-typografi": "^3.0.2",
-    "react": "^16.8.0"
+    "react": "^16.8.0 || ^17.0.0"
   },
   "defaultExport": "AlertStripe"
 }
diff --git a/packages/nav-frontend-chevron-style/package.json b/packages/nav-frontend-chevron-style/package.json
@@ -8,13 +8,10 @@
     "/dist/main.css"
   ],
   "scripts": {
-    "build": "webpack"
+    "build": "webpack --mode=production"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/navikt/nav-frontend-moduler.git"
-  },
-  "devDependencies": {
-    "react": "^16.8.0"
   }
 }
diff --git a/packages/nav-frontend-chevron-style/webpack.config.js b/packages/nav-frontend-chevron-style/webpack.config.js
@@ -3,6 +3,7 @@ const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 module.exports = {
   entry: "./src/index.less",
   plugins: [new MiniCssExtractPlugin()],
+  stats: "errors-only",
   module: {
     rules: [
       {

diff --git a/packages/nav-frontend-chevron/package.json b/packages/nav-frontend-chevron/package.json
@@ -20,15 +20,15 @@
     "classnames": "^2.2.5",
     "nav-frontend-chevron-style": "^1.0.3",
     "prop-types": "^15.5.10",
-    "react": "^16.8.0"
+    "react": "^16.8.0 || ^17.0.0"
   },
   "devDependencies": {
     "@types/classnames": "^2.2.3",
     "@types/react": "15.0.23 || ^16.0.0",
     "classnames": "^2.2.5",
     "nav-frontend-chevron-style": "^1.0.3",
     "prop-types": "^15.5.10",
-    "react": "^16.8.0"
+    "react": "^16.8.0 || ^17.0.0"
   },
   "defaultExport": "NavFrontendChevron"
 }
diff --git a/packages/nav-frontend-ekspanderbartpanel-style/package.json b/packages/nav-frontend-ekspanderbartpanel-style/package.json
@@ -8,7 +8,7 @@
     "/dist/main.css"
   ],
   "scripts": {
-    "build": "webpack"
+    "build": "webpack --mode=production"
   },
   "repository": {
     "type": "git",
@@ -24,7 +24,6 @@
     "nav-frontend-chevron-style": "^1.0.3",
     "nav-frontend-core": "^5.0.11",
     "nav-frontend-paneler-style": "^1.0.1",
-    "nav-frontend-typografi-style": "^1.0.33",
-    "react": "^16.8.0"
+    "nav-frontend-typografi-style": "^1.0.33"
   }
 }
diff --git a/packages/nav-frontend-ekspanderbartpanel-style/webpack.config.js b/packages/nav-frontend-ekspanderbartpanel-style/webpack.config.js
@@ -3,6 +3,7 @@ const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 module.exports = {
   entry: "./src/index.less",
   plugins: [new MiniCssExtractPlugin()],
+  stats: "errors-only",
   module: {
     rules: [
       {

diff --git a/packages/nav-frontend-ekspanderbartpanel/_ekspanderbartpanel-base.example.js b/packages/nav-frontend-ekspanderbartpanel/_ekspanderbartpanel-base.example.js
@@ -4,9 +4,12 @@ import { EkspanderbartpanelBase } from "./";
 
 const btnStyle = { marginRight: "0.5rem", marginBottom: "1rem" };
 export default class EkspanderbartpanelEksempel extends Component {
-  state = {
-    apen: false,
-  };
+  constructor(props) {
+    super(props);
+    this.state = {
+      apen: false,
+    };
+  }
 
   open() {
     this.setState({ apen: true });

diff --git a/packages/nav-frontend-ekspanderbartpanel/package.json b/packages/nav-frontend-ekspanderbartpanel/package.json
@@ -21,7 +21,7 @@
     "classnames": "^2.2.5",
     "nav-frontend-ekspanderbartpanel-style": "^1.0.38",
     "nav-frontend-js-utils": "^1.0.16",
-    "react": "^16.8.0",
+    "react": "^16.8.0 || ^17.0.0",
     "react-collapse": "^5.0.0"
   },
   "devDependencies": {
@@ -31,7 +31,7 @@
     "classnames": "^2.2.5",
     "nav-frontend-ekspanderbartpanel-style": "^1.0.39",
     "nav-frontend-js-utils": "^1.0.16",
-    "react": "^16.8.0",
+    "react": "^16.8.0 || ^17.0.0",
     "react-collapse": "^5.0.0"
   },
   "defaultExport": "Ekspanderbartpanel"

diff --git a/packages/nav-frontend-etiketter-style/package.json b/packages/nav-frontend-etiketter-style/package.json
@@ -7,15 +7,14 @@
     "/src"
   ],
   "scripts": {
-    "build": "webpack"
+    "build": "webpack --mode=production"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/navikt/nav-frontend-moduler.git"
   },
   "devDependencies": {
-    "nav-frontend-core": "^5.0.11",
-    "react": "^16.8.0"
+    "nav-frontend-core": "^5.0.11"
   },
   "peerDependencies": {
     "nav-frontend-core": "^5.0.11"

diff --git a/packages/nav-frontend-etiketter-style/webpack.config.js b/packages/nav-frontend-etiketter-style/webpack.config.js
@@ -3,6 +3,7 @@ const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 module.exports = {
   entry: "./src/index.less",
   plugins: [new MiniCssExtractPlugin()],
+  stats: "errors-only",
   module: {
     rules: [
       {

diff --git a/packages/nav-frontend-etiketter/package.json b/packages/nav-frontend-etiketter/package.json
@@ -22,15 +22,15 @@
     "nav-frontend-etiketter-style": "^1.0.18",
     "nav-frontend-typografi": "^3.0.2",
     "prop-types": "^15.5.10",
-    "react": "^16.8.0"
+    "react": "^16.8.0 || ^17.0.0"
   },
   "peerDependencies": {
     "classnames": "^2.2.5",
     "nav-frontend-core": "^5.0.11",
     "nav-frontend-etiketter-style": "^1.0.18",
     "nav-frontend-typografi": "^3.0.2",
     "prop-types": "^15.5.10",
-    "react": "^16.8.0"
+    "react": "^16.8.0 || ^17.0.0"
   },
   "defaultExport": "EtikettBase"
 }
diff --git a/packages/nav-frontend-fullbreddeknapp-style/package.json b/packages/nav-frontend-fullbreddeknapp-style/package.json
@@ -8,13 +8,10 @@
     "/dist/main.css"
   ],
   "scripts": {
-    "build": "webpack"
+    "build": "webpack --mode=production"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/navikt/nav-frontend-moduler.git"
-  },
-  "devDependencies": {
-    "react": "^16.8.0"
   }
 }
diff --git a/packages/nav-frontend-fullbreddeknapp-style/webpack.config.js b/packages/nav-frontend-fullbreddeknapp-style/webpack.config.js
@@ -3,6 +3,7 @@ const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 module.exports = {
   entry: "./src/index.less",
   plugins: [new MiniCssExtractPlugin()],
+  stats: "errors-only",
   module: {
     rules: [
       {

diff --git a/packages/nav-frontend-grid-style/package.json b/packages/nav-frontend-grid-style/package.json
@@ -8,13 +8,10 @@
     "/dist/main.css"
   ],
   "scripts": {
-    "build": "webpack"
+    "build": "webpack --mode=production"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/navikt/nav-frontend-moduler.git"
-  },
-  "devDependencies": {
-    "react": "^16.8.0"
   }
 }
diff --git a/packages/nav-frontend-grid-style/webpack.config.js b/packages/nav-frontend-grid-style/webpack.config.js
@@ -3,6 +3,7 @@ const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 module.exports = {
   entry: "./src/index.less",
   plugins: [new MiniCssExtractPlugin()],
+  stats: "errors-only",
   module: {
     rules: [
       {

diff --git a/packages/nav-frontend-grid/package.json b/packages/nav-frontend-grid/package.json
@@ -21,13 +21,13 @@
     "nav-frontend-core": "^5.0.11",
     "nav-frontend-grid-style": "^1.0.0",
     "prop-types": "^15.5.10",
-    "react": "^16.8.0"
+    "react": "^16.8.0 || ^17.0.0"
   },
   "devDependencies": {
     "classnames": "^2.2.5",
     "nav-frontend-core": "^5.0.11",
     "nav-frontend-grid-style": "^1.0.1",
     "prop-types": "^15.5.10",
-    "react": "^16.8.0"
+    "react": "^16.8.0 || ^17.0.0"
   }
 }
diff --git a/packages/nav-frontend-hjelpetekst-style/package.json b/packages/nav-frontend-hjelpetekst-style/package.json
@@ -8,7 +8,7 @@
     "/dist/main.css"
   ],
   "scripts": {
-    "build": "webpack"
+    "build": "webpack --mode=production"
   },
   "repository": {
     "type": "git",

diff --git a/packages/nav-frontend-hjelpetekst-style/webpack.config.js b/packages/nav-frontend-hjelpetekst-style/webpack.config.js
@@ -3,6 +3,7 @@ const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 module.exports = {
   entry: "./src/hjelpetekst-style.less",
   plugins: [new MiniCssExtractPlugin()],
+  stats: "errors-only",
   module: {
     rules: [
       {

diff --git a/packages/nav-frontend-hjelpetekst/package.json b/packages/nav-frontend-hjelpetekst/package.json
@@ -23,7 +23,7 @@
     "nav-frontend-js-utils": "^1.0.16",
     "nav-frontend-popover": "^1.0.0",
     "prop-types": "^15.5.10",
-    "react": "^16.8.0"
+    "react": "^16.8.0 || ^17.0.0"
   },
   "devDependencies": {
     "@types/classnames": "^2.2.3",
@@ -34,7 +34,7 @@
     "nav-frontend-js-utils": "^1.0.16",
     "nav-frontend-popover": "^1.0.1",
     "prop-types": "^15.5.10",
-    "react": "^16.8.0"
+    "react": "^16.8.0 || ^17.0.0"
   },
   "defaultExport": "Hjelpetekst"
 }
diff --git a/packages/nav-frontend-ikoner-assets/package.json b/packages/nav-frontend-ikoner-assets/package.json
@@ -18,6 +18,6 @@
     "url": "git+https://github.com/navikt/nav-frontend-moduler.git"
   },
   "devDependencies": {
-    "react": "^16.8.0"
+    "react": "^16.8.0 || ^17.0.0"
   }
 }
diff --git a/packages/nav-frontend-ikonknapper/package.json b/packages/nav-frontend-ikonknapper/package.json
@@ -20,12 +20,12 @@
     "nav-frontend-chevron": "^1.0.27",
     "nav-frontend-ikoner-assets": "^2.0.9",
     "nav-frontend-knapper": "^2.0.29",
-    "react": "^16.8.0"
+    "react": "^16.8.0 || ^17.0.0"
   },
   "devDependencies": {
     "nav-frontend-chevron": "^1.0.27",
     "nav-frontend-ikoner-assets": "^2.0.9",
     "nav-frontend-knapper": "^2.0.30",
-    "react": "^16.8.0"
+    "react": "^16.8.0 || ^17.0.0"
   }
 }
diff --git a/packages/nav-frontend-js-utils/package.json b/packages/nav-frontend-js-utils/package.json
@@ -19,12 +19,12 @@
   "peerDependencies": {
     "lodash.throttle": "^4.1.1",
     "prop-types": "^15.5.10",
-    "react": "^16.8.0"
+    "react": "^16.8.0 || ^17.0.0"
   },
   "devDependencies": {
     "lodash.throttle": "^4.1.1",
     "prop-types": "^15.5.10",
-    "react": "^16.8.0"
+    "react": "^16.8.0 || ^17.0.0"
   },
   "dependencies": {
     "lodash.throttle": "^4.1.1"