refactor(lib): use react 18

This commit is contained in:
moklick
2022-04-11 16:11:14 +02:00
parent 97c8316f8d
commit 607e8061c9
21 changed files with 129 additions and 513 deletions
+21 -413
View File
@@ -21,13 +21,13 @@
"@types/dagre": "^0.7.47",
"@types/localforage": "0.0.34",
"@types/react": "file:../node_modules/@types/react",
"@types/react-dom": "^17.0.11",
"@types/react-dom": "^18.0.0",
"@types/react-router-dom": "^5.3.3"
}
},
"..": {
"name": "react-flow-renderer",
"version": "10.0.7",
"version": "10.0.9-next.0",
"license": "MIT",
"dependencies": {
"@babel/runtime": "^7.17.8",
@@ -47,9 +47,8 @@
"@rollup/plugin-commonjs": "^21.0.2",
"@rollup/plugin-node-resolve": "^13.1.3",
"@rollup/plugin-replace": "^4.0.0",
"@svgr/rollup": "^6.2.1",
"@types/d3": "^7.1.0",
"@types/react": "^17.0.40",
"@types/react": "^18.0.1",
"@types/resize-observer-browser": "^0.1.7",
"autoprefixer": "^10.4.2",
"babel-preset-react-app": "^10.0.1",
@@ -58,24 +57,26 @@
"postcss-cli": "^9.1.0",
"postcss-nested": "^5.0.6",
"prettier": "2.5.1",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react": "^18.0.0",
"react-dom": "^18.0.0",
"release-it": "^14.12.5",
"rimraf": "^3.0.2",
"rollup": "^2.70.1",
"rollup-plugin-livereload": "^2.0.5",
"rollup-plugin-postcss": "^4.0.2",
"rollup-plugin-serve": "^1.1.0",
"rollup-plugin-terser": "^7.0.2",
"rollup-plugin-typescript2": "^0.31.2",
"rollup-plugin-visualizer": "^5.6.0",
"start-server-and-test": "^1.14.0",
"typescript": "^4.6.2"
},
"engines": {
"node": ">=12"
"node": ">=14"
},
"peerDependencies": {
"react": "16 || 17",
"react-dom": "16 || 17"
"react": "16 || 17 || 18",
"react-dom": "16 || 17 || 18"
}
},
"../node_modules/@babel/code-frame": {
@@ -1335,20 +1336,6 @@
"@babel/core": "^7.0.0-0"
}
},
"../node_modules/@babel/plugin-transform-react-constant-elements": {
"version": "7.14.5",
"dev": true,
"license": "MIT",
"dependencies": {
"@babel/helper-plugin-utils": "^7.14.5"
},
"engines": {
"node": ">=6.9.0"
},
"peerDependencies": {
"@babel/core": "^7.0.0-0"
}
},
"../node_modules/@babel/plugin-transform-react-display-name": {
"version": "7.16.7",
"dev": true,
@@ -2103,259 +2090,6 @@
"url": "https://github.com/sindresorhus/is?sponsor=1"
}
},
"../node_modules/@svgr/babel-plugin-add-jsx-attribute": {
"version": "6.0.0",
"dev": true,
"license": "MIT",
"engines": {
"node": ">=10"
},
"funding": {
"type": "github",
"url": "https://github.com/sponsors/gregberge"
},
"peerDependencies": {
"@babel/core": "^7.0.0-0"
}
},
"../node_modules/@svgr/babel-plugin-remove-jsx-attribute": {
"version": "6.0.0",
"dev": true,
"license": "MIT",
"engines": {
"node": ">=10"
},
"funding": {
"type": "github",
"url": "https://github.com/sponsors/gregberge"
},
"peerDependencies": {
"@babel/core": "^7.0.0-0"
}
},
"../node_modules/@svgr/babel-plugin-remove-jsx-empty-expression": {
"version": "6.0.0",
"dev": true,
"license": "MIT",
"engines": {
"node": ">=10"
},
"funding": {
"type": "github",
"url": "https://github.com/sponsors/gregberge"
},
"peerDependencies": {
"@babel/core": "^7.0.0-0"
}
},
"../node_modules/@svgr/babel-plugin-replace-jsx-attribute-value": {
"version": "6.0.0",
"dev": true,
"license": "MIT",
"engines": {
"node": ">=10"
},
"funding": {
"type": "github",
"url": "https://github.com/sponsors/gregberge"
},
"peerDependencies": {
"@babel/core": "^7.0.0-0"
}
},
"../node_modules/@svgr/babel-plugin-svg-dynamic-title": {
"version": "6.0.0",
"dev": true,
"license": "MIT",
"engines": {
"node": ">=10"
},
"funding": {
"type": "github",
"url": "https://github.com/sponsors/gregberge"
},
"peerDependencies": {
"@babel/core": "^7.0.0-0"
}
},
"../node_modules/@svgr/babel-plugin-svg-em-dimensions": {
"version": "6.0.0",
"dev": true,
"license": "MIT",
"engines": {
"node": ">=10"
},
"funding": {
"type": "github",
"url": "https://github.com/sponsors/gregberge"
},
"peerDependencies": {
"@babel/core": "^7.0.0-0"
}
},
"../node_modules/@svgr/babel-plugin-transform-react-native-svg": {
"version": "6.0.0",
"dev": true,
"license": "MIT",
"engines": {
"node": ">=10"
},
"funding": {
"type": "github",
"url": "https://github.com/sponsors/gregberge"
},
"peerDependencies": {
"@babel/core": "^7.0.0-0"
}
},
"../node_modules/@svgr/babel-plugin-transform-svg-component": {
"version": "6.2.0",
"dev": true,
"license": "MIT",
"engines": {
"node": ">=12"
},
"funding": {
"type": "github",
"url": "https://github.com/sponsors/gregberge"
},
"peerDependencies": {
"@babel/core": "^7.0.0-0"
}
},
"../node_modules/@svgr/babel-preset": {
"version": "6.2.0",
"dev": true,
"license": "MIT",
"dependencies": {
"@svgr/babel-plugin-add-jsx-attribute": "^6.0.0",
"@svgr/babel-plugin-remove-jsx-attribute": "^6.0.0",
"@svgr/babel-plugin-remove-jsx-empty-expression": "^6.0.0",
"@svgr/babel-plugin-replace-jsx-attribute-value": "^6.0.0",
"@svgr/babel-plugin-svg-dynamic-title": "^6.0.0",
"@svgr/babel-plugin-svg-em-dimensions": "^6.0.0",
"@svgr/babel-plugin-transform-react-native-svg": "^6.0.0",
"@svgr/babel-plugin-transform-svg-component": "^6.2.0"
},
"engines": {
"node": ">=10"
},
"funding": {
"type": "github",
"url": "https://github.com/sponsors/gregberge"
},
"peerDependencies": {
"@babel/core": "^7.0.0-0"
}
},
"../node_modules/@svgr/core": {
"version": "6.2.1",
"dev": true,
"license": "MIT",
"dependencies": {
"@svgr/plugin-jsx": "^6.2.1",
"camelcase": "^6.2.0",
"cosmiconfig": "^7.0.1"
},
"engines": {
"node": ">=10"
},
"funding": {
"type": "github",
"url": "https://github.com/sponsors/gregberge"
}
},
"../node_modules/@svgr/hast-util-to-babel-ast": {
"version": "6.2.1",
"dev": true,
"license": "MIT",
"dependencies": {
"@babel/types": "^7.15.6",
"entities": "^3.0.1"
},
"engines": {
"node": ">=10"
},
"funding": {
"type": "github",
"url": "https://github.com/sponsors/gregberge"
}
},
"../node_modules/@svgr/hast-util-to-babel-ast/node_modules/entities": {
"version": "3.0.1",
"dev": true,
"license": "BSD-2-Clause",
"engines": {
"node": ">=0.12"
},
"funding": {
"url": "https://github.com/fb55/entities?sponsor=1"
}
},
"../node_modules/@svgr/plugin-jsx": {
"version": "6.2.1",
"dev": true,
"license": "MIT",
"dependencies": {
"@babel/core": "^7.15.5",
"@svgr/babel-preset": "^6.2.0",
"@svgr/hast-util-to-babel-ast": "^6.2.1",
"svg-parser": "^2.0.2"
},
"engines": {
"node": ">=10"
},
"funding": {
"type": "github",
"url": "https://github.com/sponsors/gregberge"
},
"peerDependencies": {
"@svgr/core": "^6.0.0"
}
},
"../node_modules/@svgr/plugin-svgo": {
"version": "6.2.0",
"dev": true,
"license": "MIT",
"dependencies": {
"cosmiconfig": "^7.0.1",
"deepmerge": "^4.2.2",
"svgo": "^2.5.0"
},
"engines": {
"node": ">=10"
},
"funding": {
"type": "github",
"url": "https://github.com/sponsors/gregberge"
},
"peerDependencies": {
"@svgr/core": "^6.0.0"
}
},
"../node_modules/@svgr/rollup": {
"version": "6.2.1",
"dev": true,
"license": "MIT",
"dependencies": {
"@babel/core": "^7.15.5",
"@babel/plugin-transform-react-constant-elements": "^7.14.5",
"@babel/preset-env": "^7.15.6",
"@babel/preset-react": "^7.14.5",
"@babel/preset-typescript": "^7.16.0",
"@svgr/core": "^6.2.1",
"@svgr/plugin-jsx": "^6.2.1",
"@svgr/plugin-svgo": "^6.2.0",
"rollup-pluginutils": "^2.8.2"
},
"engines": {
"node": ">=10"
},
"funding": {
"type": "github",
"url": "https://github.com/sponsors/gregberge"
}
},
"../node_modules/@szmarczak/http-timer": {
"version": "4.0.6",
"dev": true,
@@ -8853,11 +8587,6 @@
"node": ">=4"
}
},
"../node_modules/svg-parser": {
"version": "2.0.4",
"dev": true,
"license": "MIT"
},
"../node_modules/svgo": {
"version": "2.8.0",
"dev": true,
@@ -12856,9 +12585,9 @@
"link": true
},
"node_modules/@types/react-dom": {
"version": "17.0.11",
"resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-17.0.11.tgz",
"integrity": "sha512-f96K3k+24RaLGVu/Y2Ng3e1EbZ8/cVJvypZWd7cy0ofCBaf2lcM46xNhycMZ2xGwbBjRql7hOlZ+e2WlJ5MH3Q==",
"version": "18.0.0",
"resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.0.0.tgz",
"integrity": "sha512-49897Y0UiCGmxZqpC8Blrf6meL8QUla6eb+BBhn69dTXlmuOlzkfr7HHY/O8J25e1lTUMs+YYxSlVDAaGHCOLg==",
"dev": true,
"dependencies": {
"@types/react": "*"
@@ -27562,9 +27291,9 @@
}
},
"@types/react-dom": {
"version": "17.0.11",
"resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-17.0.11.tgz",
"integrity": "sha512-f96K3k+24RaLGVu/Y2Ng3e1EbZ8/cVJvypZWd7cy0ofCBaf2lcM46xNhycMZ2xGwbBjRql7hOlZ+e2WlJ5MH3Q==",
"version": "18.0.0",
"resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.0.0.tgz",
"integrity": "sha512-49897Y0UiCGmxZqpC8Blrf6meL8QUla6eb+BBhn69dTXlmuOlzkfr7HHY/O8J25e1lTUMs+YYxSlVDAaGHCOLg==",
"dev": true,
"requires": {
"@types/react": "*"
@@ -34335,9 +34064,8 @@
"@rollup/plugin-commonjs": "^21.0.2",
"@rollup/plugin-node-resolve": "^13.1.3",
"@rollup/plugin-replace": "^4.0.0",
"@svgr/rollup": "^6.2.1",
"@types/d3": "^7.1.0",
"@types/react": "^17.0.40",
"@types/react": "^18.0.1",
"@types/resize-observer-browser": "^0.1.7",
"autoprefixer": "^10.4.2",
"babel-preset-react-app": "^10.0.1",
@@ -34349,14 +34077,16 @@
"postcss-cli": "^9.1.0",
"postcss-nested": "^5.0.6",
"prettier": "2.5.1",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react": "^18.0.0",
"react-dom": "^18.0.0",
"react-draggable": "^4.4.4",
"release-it": "^14.12.5",
"rimraf": "^3.0.2",
"rollup": "^2.70.1",
"rollup-plugin-livereload": "^2.0.5",
"rollup-plugin-postcss": "^4.0.2",
"rollup-plugin-serve": "^1.1.0",
"rollup-plugin-terser": "^7.0.2",
"rollup-plugin-typescript2": "^0.31.2",
"rollup-plugin-visualizer": "^5.6.0",
"start-server-and-test": "^1.14.0",
@@ -35094,13 +34824,6 @@
"@babel/helper-plugin-utils": "^7.16.7"
}
},
"@babel/plugin-transform-react-constant-elements": {
"version": "7.14.5",
"dev": true,
"requires": {
"@babel/helper-plugin-utils": "^7.14.5"
}
},
"@babel/plugin-transform-react-display-name": {
"version": "7.16.7",
"dev": true,
@@ -35622,117 +35345,6 @@
"version": "4.2.0",
"dev": true
},
"@svgr/babel-plugin-add-jsx-attribute": {
"version": "6.0.0",
"dev": true,
"requires": {}
},
"@svgr/babel-plugin-remove-jsx-attribute": {
"version": "6.0.0",
"dev": true,
"requires": {}
},
"@svgr/babel-plugin-remove-jsx-empty-expression": {
"version": "6.0.0",
"dev": true,
"requires": {}
},
"@svgr/babel-plugin-replace-jsx-attribute-value": {
"version": "6.0.0",
"dev": true,
"requires": {}
},
"@svgr/babel-plugin-svg-dynamic-title": {
"version": "6.0.0",
"dev": true,
"requires": {}
},
"@svgr/babel-plugin-svg-em-dimensions": {
"version": "6.0.0",
"dev": true,
"requires": {}
},
"@svgr/babel-plugin-transform-react-native-svg": {
"version": "6.0.0",
"dev": true,
"requires": {}
},
"@svgr/babel-plugin-transform-svg-component": {
"version": "6.2.0",
"dev": true,
"requires": {}
},
"@svgr/babel-preset": {
"version": "6.2.0",
"dev": true,
"requires": {
"@svgr/babel-plugin-add-jsx-attribute": "^6.0.0",
"@svgr/babel-plugin-remove-jsx-attribute": "^6.0.0",
"@svgr/babel-plugin-remove-jsx-empty-expression": "^6.0.0",
"@svgr/babel-plugin-replace-jsx-attribute-value": "^6.0.0",
"@svgr/babel-plugin-svg-dynamic-title": "^6.0.0",
"@svgr/babel-plugin-svg-em-dimensions": "^6.0.0",
"@svgr/babel-plugin-transform-react-native-svg": "^6.0.0",
"@svgr/babel-plugin-transform-svg-component": "^6.2.0"
}
},
"@svgr/core": {
"version": "6.2.1",
"dev": true,
"requires": {
"@svgr/plugin-jsx": "^6.2.1",
"camelcase": "^6.2.0",
"cosmiconfig": "^7.0.1"
}
},
"@svgr/hast-util-to-babel-ast": {
"version": "6.2.1",
"dev": true,
"requires": {
"@babel/types": "^7.15.6",
"entities": "^3.0.1"
},
"dependencies": {
"entities": {
"version": "3.0.1",
"dev": true
}
}
},
"@svgr/plugin-jsx": {
"version": "6.2.1",
"dev": true,
"requires": {
"@babel/core": "^7.15.5",
"@svgr/babel-preset": "^6.2.0",
"@svgr/hast-util-to-babel-ast": "^6.2.1",
"svg-parser": "^2.0.2"
}
},
"@svgr/plugin-svgo": {
"version": "6.2.0",
"dev": true,
"requires": {
"cosmiconfig": "^7.0.1",
"deepmerge": "^4.2.2",
"svgo": "^2.5.0"
}
},
"@svgr/rollup": {
"version": "6.2.1",
"dev": true,
"requires": {
"@babel/core": "^7.15.5",
"@babel/plugin-transform-react-constant-elements": "^7.14.5",
"@babel/preset-env": "^7.15.6",
"@babel/preset-react": "^7.14.5",
"@babel/preset-typescript": "^7.16.0",
"@svgr/core": "^6.2.1",
"@svgr/plugin-jsx": "^6.2.1",
"@svgr/plugin-svgo": "^6.2.0",
"rollup-pluginutils": "^2.8.2"
}
},
"@szmarczak/http-timer": {
"version": "4.0.6",
"dev": true,
@@ -39822,10 +39434,6 @@
"has-flag": "^3.0.0"
}
},
"svg-parser": {
"version": "2.0.4",
"dev": true
},
"svgo": {
"version": "2.8.0",
"dev": true,