Add long tap support to unlock elements

src/components/Board/Gesture.js

@@ -15,6 +15,7 @@ const PanZoomPane = ({
   const wrapperRef = React.useRef(null);
   const stateRef = React.useRef({
     moving: false,
+    pointers: new Set(),
   });
 
   const onWheel = React.useCallback(
@@ -74,6 +75,7 @@ const PanZoomPane = ({
       metaKey,
       isPrimary,
     }) => {
+      stateRef.current.pointers.add(pointerId);
       if (!isPrimary) {
         return;
       }
@@ -195,6 +197,7 @@ const PanZoomPane = ({
 
   const onPointerUp = React.useCallback(
     (e) => {
+      stateRef.current.pointers.delete(e.pointerId);
       if (!e.isPrimary) {
         return;
       }

src/components/Board/Selector.js

@@ -173,6 +173,16 @@ const Selector = ({ children, moveFirst }) => {
     }
   };
 
+  const onLongTap = React.useCallback(
+    ({ target }) => {
+      const foundElement = insideClass(target, "item");
+      if (foundElement) {
+        setSelected([foundElement.id]);
+      }
+    },
+    [setSelected]
+  );
+
   const onTap = React.useCallback(
     ({ target }) => {
       if (
@@ -191,9 +201,7 @@ const Selector = ({ children, moveFirst }) => {
       onDrag={onDrag}
       onDragEnd={onDragEnd}
       onTap={onTap}
-      onLongTap={() => {
-        console.log("longtap");
-      }}
+      onLongTap={onLongTap}
     >
       <div ref={wrapperRef}>
         {selector.moving && <SelectorZone {...selector} />}