sigh

diagrams-demo-gallery/package.json

@@ -27,15 +27,14 @@
 		"nodes"
 	],
 	"dependencies": {
-		"gsap": "^3.7.0",
-    "@storybook/addon-actions": "^6.3.4",
-		"@storybook/addon-options": "^5.3.21",
-		"@storybook/addons": "^6.3.4",
-		"@storybook/react": "^6.3.4",
-		"@storybook/storybook-deployer": "^2.8.10",
-    "@storybook/builder-webpack5": "^6.3.4",
-    "@storybook/manager-webpack5": "^6.3.4",
-		"@storybook/theming": "^6.3.4",
-    "regenerator-runtime": "^0.13.7"
-	}
+		"gsap": "^3.7.1",
+    "@storybook/addon-actions": "^6.2.8",
+    "@storybook/addon-options": "^5.3.21",
+    "@storybook/addons": "^6.2.8",
+    "@storybook/builder-webpack5": "^6.2.8",
+    "@storybook/manager-webpack5": "^6.3.2",
+    "@storybook/react": "^6.3.2",
+    "@storybook/storybook-deployer": "^2.8.7",
+    "@storybook/theming": "^6.2.8"
+  }
 }

diagrams-demo-project/package.json

@@ -26,7 +26,7 @@
 	"typings": "./dist/@types/index",
 	"dependencies": {
 		"@projectstorm/react-diagrams": "^6.6.0",
-		"webpack": "^5.44.0",
+		"webpack": "^5.46.0",
 		"webpack-cli": "^4.7.2",
 		"webpack-dev-server": "^3.11.2"
 	},

package.json

@@ -34,29 +34,27 @@
 		"pretty": "prettier --write \"**/*.{ts,tsx,scss,js,jsx}\""
 	},
 	"peerDependencies": {
-		"closest": "^0.0.1",
 		"emotion": "11.*",
 		"lodash": "4.*",
 		"pathfinding": "^0.4.18",
 		"paths-js": "^0.4.11",
 		"react": "16.* || 17.*"
 	},
 	"devDependencies": {
-		"@babel/core": "^7.14.6",
+		"@babel/core": "^7.14.8",
 		"@babel/preset-react": "^7.14.5",
 		"@emotion/react": "^11.4.0",
 		"@emotion/styled": "^11.3.0",
 		"@types/dagre": "^0.7.45",
 		"@types/jest": "^26.0.24",
 		"@types/jest-environment-puppeteer": "^4.4.1",
 		"@types/lodash": "^4.14.171",
-		"@types/node": "^15.6.1",
+		"@types/node": "^16.4.1",
 		"@types/puppeteer": "^5.4.4",
-		"@types/react": "^17.0.0",
+		"@types/react": "^17.0.14",
 		"babel-loader": "^8.2.2",
-		"closest": "^0.0.1",
 		"cross-env": "^7.0.3",
-		"css-loader": "^5.2.6",
+		"css-loader": "^6.2.0",
 		"dagre": "^0.8.5",
 		"emotion": "^11.0.0",
 		"enzyme": "^3.11.0",
@@ -71,22 +69,22 @@
 		"pathfinding": "^0.4.18",
 		"paths-js": "^0.4.11",
 		"prettier": "^2.3.2",
-		"puppeteer": "9.1.1",
+		"puppeteer": "10.1.0",
 		"raf": "^3.4.1",
 		"raw-loader": "^4.0.2",
-		"react": "^16.8.6",
-		"react-dom": "^16.8.6",
-		"react-test-renderer": "^16.8.6",
+		"react": "^17.0.2",
+		"react-dom": "^17.0.2",
+		"react-test-renderer": "^17.0.2",
 		"resize-observer-polyfill": "^1.5.1",
 		"rimraf": "^3.0.2",
 		"source-map-loader": "^3.0.0",
-		"style-loader": "^3.0.0",
+		"style-loader": "^3.2.1",
 		"terser-webpack-plugin": "^5.1.4",
-		"ts-jest": "^27.0.3",
+		"ts-jest": "^27.0.4",
 		"ts-loader": "^9.2.3",
 		"typescript": "^4.3.5",
 		"val-loader": "^4.0.0",
-		"webpack": "^5.44.0",
+		"webpack": "^5.46.0",
 		"webpack-cli": "^4.7.2",
 		"webpack-dev-server": "^3.11.2",
 		"webpack-node-externals": "^3.0.0"

packages/react-canvas-core/package.json

@@ -32,7 +32,6 @@
 		"@projectstorm/geometry": "^6.6.0"
 	},
 	"peerDependencies": {
-		"closest": "^0.0.1",
 		"lodash": "4.*",
 		"react": "16.* || 17.*"
 	},

packages/react-canvas-core/src/Toolkit.ts

@@ -1,5 +1,3 @@
-import * as closest from 'closest';
-
 export class Toolkit {
 	static TESTING: boolean = false;
 	static TESTING_UID = 0;
@@ -20,13 +18,18 @@ export class Toolkit {
 		});
 	}
 
-	/**
-	 * Finds the closest element as a polyfill
-	 */
 	public static closest(element: Element, selector: string) {
-		if (document.body.closest) {
-			return element.closest(selector);
+		if (!Element.prototype.closest) {
+			Element.prototype.closest = function(s) {
+				var el = this;
+
+				do {
+					if (Element.prototype.matches.call(el, s)) return el;
+					el = el.parentElement || el.parentNode;
+				} while (el !== null && el.nodeType === 1);
+				return null;
+			};
 		}
-		return closest(element, selector);
+		return element.closest(selector);
 	}
 }

packages/react-diagrams-core/package.json

@@ -35,7 +35,6 @@
 		"@projectstorm/react-canvas-core": "^6.6.0"
 	},
 	"peerDependencies": {
-		"closest": "^0.0.1",
 		"lodash": "4.*",
 		"react": "16.* || 17.*",
 		"resize-observer-polyfill": "^1.5.1"