refactor(useDrag): check if className exists

This commit is contained in:
moklick
2022-05-17 18:41:14 +02:00
parent 4d3ff60cb1
commit 3576ebb126
3 changed files with 8 additions and 6 deletions
+2 -2
View File
@@ -1,12 +1,12 @@
{ {
"name": "react-flow-renderer", "name": "react-flow-renderer",
"version": "10.2.3-next.1", "version": "10.2.3-next.2",
"lockfileVersion": 2, "lockfileVersion": 2,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "react-flow-renderer", "name": "react-flow-renderer",
"version": "10.2.3-next.1", "version": "10.2.3-next.2",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@babel/runtime": "^7.17.9", "@babel/runtime": "^7.17.9",
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "react-flow-renderer", "name": "react-flow-renderer",
"version": "10.2.3-next.1", "version": "10.2.3-next.2",
"engines": { "engines": {
"node": ">=14" "node": ">=14"
}, },
+5 -3
View File
@@ -145,10 +145,12 @@ function useDrag({
} }
}); });
}) })
.filter((event: any) => { .filter((event: MouseEvent) => {
const filter = !event.ctrlKey && !event.button && !event.target.className.includes(noDragClassName); const target = event.target as HTMLDivElement;
const filter =
!event.ctrlKey && !event.button && (!noDragClassName || !target.className?.includes?.(noDragClassName));
return handleSelector return handleSelector
? selectorExistsTargetToNode(event.target, handleSelector, nodeRef) && filter ? selectorExistsTargetToNode(target as HTMLDivElement, handleSelector, nodeRef) && filter
: filter; : filter;
}); });