fix: bump react-selecto version

Author: daybrush

packages/react-moveable/package.json

@@ -111,7 +111,7 @@
         "react-dom": "^16.8.6",
         "react-infinite-viewer": "^0.19.1",
         "react-keycon": "^0.1.2",
-        "react-selecto": "^1.20.2",
+        "react-selecto": "^1.24.0",
         "storybook-addon-preview": "^2.3.0",
         "storybook-dark-mode": "^1.0.9",
         "ts-loader": "^8.3.0",
@@ -131,7 +131,8 @@
         "framework-utils": "^1.1.0",
         "gesto": "^1.19.0",
         "overlap-area": "^1.1.0",
-        "react-css-styled": "^1.1.9"
+        "react-css-styled": "^1.1.9",
+        "react-selecto": "^1.25.0"
     },
     "browserslist": {
         "production": [

packages/react-moveable/src/gesto/getAbleGesto.ts

@@ -206,7 +206,7 @@ export function checkMoveableTarget(moveable: MoveableManagerInterface) {
         const areaElement = moveable.areaElement;
         const dragTargetElement = (moveable as any)._dragTarget;
 
-        if (moveable.controlGesto?.isFlag()) {
+        if (!dragTargetElement || moveable.controlGesto?.isFlag()) {
             return false;
         }
 

packages/react-moveable/stories/9A-Components/ReactSelectoMultipleGroupUngroupApp.tsx

@@ -94,18 +94,37 @@ export default function App() {
                     ) {
                         e.stop();
                     }
+                    e.data.startTargets = targets;
+                }}
+                onSelect={e => {
+                    const {
+                        startAdded,
+                        startRemoved,
+                        isDragStartEnd,
+                    } = e;
+
+                    if (isDragStartEnd) {
+                        return;
+                    }
+                    const nextChilds = groupManager.selectSameDepthChilds(
+                        e.data.startTargets,
+                        startAdded,
+                        startRemoved,
+                    );
+
+                    setSelectedTargets(nextChilds.targets());
                 }}
                 onSelectEnd={e => {
                     const {
-                        isDragStart,
+                        isDragStartEnd,
                         isClick,
                         added,
                         removed,
                         inputEvent,
                     } = e;
                     const moveable = moveableRef.current!;
 
-                    if (isDragStart) {
+                    if (isDragStartEnd) {
                         inputEvent.preventDefault();
 
                         moveable.waitToChangeTarget().then(() => {
@@ -114,12 +133,11 @@ export default function App() {
                     }
                     let nextChilds: TargetList;
 
-                    if (isDragStart || isClick) {
-                        nextChilds = groupManager.selectCompletedChilds(targets, added, removed);
+                    if (isDragStartEnd || isClick) {
+                        nextChilds = groupManager.selectCompletedChilds(e.data.startTargets, added, removed);
                     } else {
-                        nextChilds = groupManager.selectSameDepthChilds(targets, added, removed);
+                        nextChilds = groupManager.selectSameDepthChilds(e.data.startTargets, added, removed);
                     }
-
                     e.currentTarget.setSelectedTargets(nextChilds.flatten());
                     setSelectedTargets(nextChilds.targets());
                 }}