@naviedu/room-platform-react 0.0.68 → 0.0.69

package/index.esm.js

@@ -28656,6 +28656,7 @@ function _unsupported_iterable_to_array$5(o, minLen) {
 }
 var ACTIVITY_SELECTOR = '[data-room-control-activity]';
 var LINE_HEIGHT_PX = 16;
+var SWIPE_THRESHOLD_PX = 12;
 var getAspectRatio = function(aspectRatio) {
     var _aspectRatio_split_map = _sliced_to_array$5(aspectRatio.split('/').map(Number), 2), width = _aspectRatio_split_map[0], height = _aspectRatio_split_map[1];
     return Number.isFinite(width) && Number.isFinite(height) && width > 0 && height > 0 ? width / height : null;
@@ -28683,6 +28684,7 @@ var boundedDelta = function(deltaY, deltaMode, contentHeight) {
 };
 function RoomPlatformScreenShareInteractionSurface(param) {
     var aspectRatio = param.aspectRatio, children = param.children, handlers = param.handlers;
+    var activePointerRef = useRef(null);
     var getCurrentContentRect = function(target) {
         return getContentRect(target.getBoundingClientRect(), aspectRatio);
     };
@@ -28696,22 +28698,69 @@ function RoomPlatformScreenShareInteractionSurface(param) {
             deltaY: deltaY
         });
     };
-    var handleClick = function(event) {
-        var _handlers_onClick;
-        if (isActivityTarget(event.target)) return;
+    var releasePointerCapture = function(target, pointerId) {
+        var _target_hasPointerCapture;
+        if ((_target_hasPointerCapture = target.hasPointerCapture) === null || _target_hasPointerCapture === void 0 ? void 0 : _target_hasPointerCapture.call(target, pointerId)) target.releasePointerCapture(pointerId);
+    };
+    var handlePointerDown = function(event) {
+        var _event_currentTarget_setPointerCapture, _event_currentTarget;
+        if (activePointerRef.current || !event.isPrimary || event.button !== 0 || isActivityTarget(event.target)) {
+            return;
+        }
+        activePointerRef.current = {
+            pointerId: event.pointerId,
+            pointerType: event.pointerType,
+            startX: event.clientX,
+            startY: event.clientY
+        };
+        (_event_currentTarget_setPointerCapture = (_event_currentTarget = event.currentTarget).setPointerCapture) === null || _event_currentTarget_setPointerCapture === void 0 ? void 0 : _event_currentTarget_setPointerCapture.call(_event_currentTarget, event.pointerId);
+    };
+    var handlePointerUp = function(event) {
+        var _handlers_onWheel;
+        var activePointer = activePointerRef.current;
+        if (!activePointer || activePointer.pointerId !== event.pointerId) return;
+        activePointerRef.current = null;
+        releasePointerCapture(event.currentTarget, event.pointerId);
         if (!Number.isFinite(event.clientX) || !Number.isFinite(event.clientY)) return;
-        var contentRect = getCurrentContentRect(event.currentTarget);
-        if (contentRect) handlers === null || handlers === void 0 ? void 0 : (_handlers_onClick = handlers.onClick) === null || _handlers_onClick === void 0 ? void 0 : _handlers_onClick.call(handlers, {
-            clientX: event.clientX,
-            clientY: event.clientY,
-            contentRect: contentRect
+        var deltaX = event.clientX - activePointer.startX;
+        var deltaY = event.clientY - activePointer.startY;
+        if (!Number.isFinite(deltaX) || !Number.isFinite(deltaY)) return;
+        var isTap = Math.abs(deltaX) < SWIPE_THRESHOLD_PX && Math.abs(deltaY) < SWIPE_THRESHOLD_PX;
+        if (isTap) {
+            var _handlers_onClick;
+            var contentRect = getCurrentContentRect(event.currentTarget);
+            if (contentRect) handlers === null || handlers === void 0 ? void 0 : (_handlers_onClick = handlers.onClick) === null || _handlers_onClick === void 0 ? void 0 : _handlers_onClick.call(handlers, {
+                clientX: event.clientX,
+                clientY: event.clientY,
+                contentRect: contentRect
+            });
+            return;
+        }
+        var isVerticalTouchSwipe = activePointer.pointerType === 'touch' && Math.abs(deltaY) >= SWIPE_THRESHOLD_PX && Math.abs(deltaY) > Math.abs(deltaX);
+        if (!isVerticalTouchSwipe) return;
+        var contentRect1 = getCurrentContentRect(event.currentTarget);
+        if (!contentRect1) return;
+        var scrollDelta = boundedDelta(activePointer.startY - event.clientY, 0, contentRect1.height);
+        if (scrollDelta !== null) handlers === null || handlers === void 0 ? void 0 : (_handlers_onWheel = handlers.onWheel) === null || _handlers_onWheel === void 0 ? void 0 : _handlers_onWheel.call(handlers, {
+            deltaY: scrollDelta
         });
     };
+    var handlePointerCancel = function(event) {
+        var activePointer = activePointerRef.current;
+        if (!activePointer || activePointer.pointerId !== event.pointerId) return;
+        activePointerRef.current = null;
+        releasePointerCapture(event.currentTarget, event.pointerId);
+    };
     return /*#__PURE__*/ jsx("div", {
         "data-testid": "room-platform-screen-share-interaction-surface",
         className: "absolute inset-0 z-10",
-        onClick: handleClick,
+        onPointerCancel: handlePointerCancel,
+        onPointerDown: handlePointerDown,
+        onPointerUp: handlePointerUp,
         onWheel: handleWheel,
+        style: {
+            touchAction: 'none'
+        },
         children: children
     });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@naviedu/room-platform-react",
-  "version": "0.0.68",
+  "version": "0.0.69",
   "type": "module",
   "main": "./index.esm.js",
   "module": "./index.esm.js",